.page-disclaimer {
  --t-hero-pad: 18px;
  --t-line: 1px solid var(--rail);
  --t-mesh: rgba(23, 50, 71, .55);
  background: var(--night);
  color: var(--warm);
  padding-bottom: 56px;
}

.page-disclaimer .container {
  padding-top: 20px;
}

.page-disclaimer .terms-hero {
  position: relative;
  margin-top: 18px;
  padding: 26px var(--t-hero-pad) 0;
  border: var(--t-line);
  border-radius: var(--r-l);
  background:
    linear-gradient(165deg, rgba(15, 36, 54, .96), rgba(8, 19, 31, .82)),
    var(--night-2);
  overflow: hidden;
}

.page-disclaimer .terms-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan), var(--orange));
}

.page-disclaimer .terms-hero__title {
  margin: 12px 0 0;
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(42px, 11vw, 88px);
  line-height: .94;
  letter-spacing: -.02em;
  color: var(--warm);
}

.page-disclaimer .terms-hero__lede {
  margin: 16px 0 0;
  max-width: 46ch;
  font-family: var(--font-serif);
  font-size: clamp(15px, 2.6vw, 20px);
  line-height: 1.75;
  color: var(--sand);
}

.page-disclaimer .terms-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-hero__art {
  margin: 22px calc(var(--t-hero-pad) * -1) 0;
  line-height: 0;
}

.page-disclaimer .terms-hero__art img {
  display: block;
  width: 100%;
  height: clamp(160px, 30vw, 320px);
  object-fit: cover;
  max-width: 100%;
}

.page-disclaimer .terms-body {
  display: grid;
  gap: 26px;
  padding-top: 30px;
}

.page-disclaimer .terms-rail {
  border: var(--t-line);
  border-radius: var(--r-m);
  background: var(--night-2);
  padding: 14px 12px;
}

.page-disclaimer .terms-rail__label {
  margin: 0 0 8px 12px;
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--stone);
  text-transform: uppercase;
}

.page-disclaimer .terms-rail__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}

.page-disclaimer .terms-rail__link {
  display: block;
  padding: 8px 10px 8px 12px;
  border-left: 2px solid transparent;
  border-radius: 0 var(--r-s) var(--r-s) 0;
  color: var(--stone);
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  transition: color 180ms var(--ease), border-color 180ms var(--ease), background-color 180ms var(--ease);
}

.page-disclaimer .terms-rail__link:hover,
.page-disclaimer .terms-rail__link:focus-visible {
  color: var(--warm);
  background: rgba(23, 50, 71, .7);
}

.page-disclaimer .terms-rail__link.is-active {
  color: var(--cyan);
  border-left-color: var(--cyan);
  background: rgba(111, 227, 210, .07);
}

.page-disclaimer .terms-content {
  display: grid;
  gap: 4px;
  min-width: 0;
  background-image: linear-gradient(var(--t-mesh) 1px, transparent 1px);
  background-size: 100% 44px;
  background-position: 0 0;
}

.page-disclaimer .clause {
  position: relative;
  padding: 24px 0 26px;
  border-top: var(--t-line);
  scroll-margin-top: 96px;
}

.page-disclaimer .clause:first-child {
  border-top: 0;
  padding-top: 4px;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.page-disclaimer .clause__num {
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(30px, 6.5vw, 46px);
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--cyan);
  flex: none;
}

.page-disclaimer .clause__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(19px, 3.4vw, 26px);
  line-height: 1.2;
  color: var(--warm);
}

.page-disclaimer .clause__lead {
  margin: 14px 0 0;
  padding-left: 14px;
  border-left: 3px solid var(--orange);
  font-size: clamp(15px, 2.4vw, 17px);
  font-weight: 700;
  line-height: 1.65;
  color: var(--warm);
}

.page-disclaimer .clause__text {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--sand);
  max-width: 62ch;
}

.page-disclaimer .clause__link {
  color: var(--cyan);
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-all;
}

.page-disclaimer .clause__link:hover {
  color: var(--orange);
}

.page-disclaimer .terms-card {
  margin-top: 22px;
  padding: 24px 18px;
  border: 1px solid var(--rail);
  border-radius: var(--r-l);
  background:
    linear-gradient(150deg, rgba(15, 36, 54, .95), rgba(8, 19, 31, .9));
  scroll-margin-top: 96px;
}

.page-disclaimer .terms-card__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(18px, 3.2vw, 22px);
  line-height: 1.25;
  color: var(--warm);
}

.page-disclaimer .terms-card__text {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--sand);
}

.page-disclaimer .terms-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.page-disclaimer .terms-card__meta {
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: var(--t-line);
  display: grid;
  gap: 10px;
}

.page-disclaimer .terms-card__row {
  display: grid;
  gap: 2px;
}

.page-disclaimer .terms-card__row dt {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--stone);
  text-transform: uppercase;
}

.page-disclaimer .terms-card__row dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--warm);
  word-break: break-word;
}

.page-disclaimer .terms-topwrap {
  margin: 28px 0 0;
}

.page-disclaimer .terms-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border: 1px solid var(--rail);
  border-radius: var(--r-pill);
  background: var(--night-2);
  color: var(--warm);
  font-size: 14px;
  text-decoration: none;
  transition: border-color 180ms var(--ease), color 180ms var(--ease), transform 180ms var(--ease);
}

.page-disclaimer .terms-top:hover,
.page-disclaimer .terms-top:focus-visible {
  border-color: var(--cyan);
  color: var(--cyan);
  transform: translateY(-2px);
}

.page-disclaimer a:focus-visible,
.page-disclaimer .btn:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .page-disclaimer {
    --t-hero-pad: 32px;
  }

  .page-disclaimer .container {
    padding-top: 26px;
  }

  .page-disclaimer .terms-hero {
    padding-top: 36px;
    border-radius: var(--r-xl);
  }

  .page-disclaimer .terms-rail__list {
    gap: 2px 14px;
  }

  .page-disclaimer .terms-card {
    padding: 28px 24px;
  }

  .page-disclaimer .terms-card__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer {
    --t-hero-pad: 44px;
    padding-bottom: 80px;
  }

  .page-disclaimer .terms-body {
    grid-template-columns: 224px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
    padding-top: 44px;
  }

  .page-disclaimer .terms-rail {
    position: sticky;
    top: 96px;
    padding: 18px 14px;
  }

  .page-disclaimer .terms-rail__list {
    display: block;
  }

  .page-disclaimer .terms-rail__link {
    padding: 9px 10px 9px 14px;
  }

  .page-disclaimer .clause {
    padding: 30px 0 34px;
  }

  .page-disclaimer .clause__lead {
    margin-top: 18px;
  }

  .page-disclaimer .terms-card {
    margin-top: 30px;
    padding: 34px 32px;
  }
}

@media (min-width: 1200px) {
  .page-disclaimer .terms-hero__lede {
    max-width: 52ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .terms-rail__link,
  .page-disclaimer .terms-top {
    transition: color 180ms linear, border-color 180ms linear;
    transform: none;
  }
}
<<<END>>>

<main id="main-content" class="page-disclaimer">
  <div class="container">
    <nav class="breadcrumbs" aria-label="面包屑">
      <ol class="breadcrumbs__list">
        <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">战报首页</a></li>
        <li class="breadcrumbs__item"><span class="breadcrumbs__link" aria-current="page">使用条款</span></li>
      </ol>
    </nav>

    <header class="terms-hero" data-reveal>
      <p class="eyebrow">条款 · 当前版本</p>
      <h1 class="terms-hero__title">使用条款</h1>
      <p class="terms-hero__lede">在 LEYU赛场 查赛程、追轮次、看战报之前，先花两分钟读一遍这份约定：站内内容是什么、什么时候更新、哪些用法需要避开，都在下面写清楚了。</p>
      <ul class="terms-hero__meta">
        <li class="tag tag--cyan">当前版本</li>
        <li class="tag">网页端 · 电脑版通用</li>
        <li class="tag mono">青ICP备51887927号</li>
      </ul>
      <figure class="terms-hero__art">
        <img src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="夜蓝底色上的斜切规则线与刻度编号抽象图，无人物与机构标志">
      </figure>
    </header>

    <div class="terms-body">
      <nav class="terms-rail" aria-label="条款目录">
        <p class="terms-rail__label mono">章节</p>
        <ol class="terms-rail__list">
          <li><a class="terms-rail__link" href="#acceptance" data-spy-link="acceptance">01 条款接受</a></li>
          <li><a class="terms-rail__link" href="#nature" data-spy-link="nature">02 内容性质</a></li>
          <li><a class="terms-rail__link" href="#timeliness" data-spy-link="timeliness">03 信息时效</a></li>
          <li><a class="terms-rail__link" href="#links" data-spy-link="links">04 外部链接</a></li>
          <li><a class="terms-rail__link" href="#ip" data-spy-link="ip">05 知识产权</a></li>
          <li><a class="terms-rail__link" href="#limits" data-spy-link="limits">06 使用限制</a></li>
          <li><a class="terms-rail__link" href="#changes" data-spy-link="changes">07 条款变更与联系</a></li>
        </ol>
      </nav>

      <div class="terms-content">
        <section class="clause" id="acceptance" data-spy-section data-reveal>
          <div class="clause__head">
            <span class="clause__num num">01</span>
            <h2 class="clause__title">条款接受</h2>
          </div>
          <p class="clause__lead">打开 LEYU赛场 的任意一页，就表示你接受这份使用约定。</p>
          <p class="clause__text">浏览、检索轮次、点击入口，都属于使用行为，一并适用下列各条。</p>
          <p class="clause__text">如果其中某一条你不认同，稳妥的做法是暂停使用站内功能，并通过联系页指出具体位置，我们会说明原委。</p>
        </section>

        <section class="clause" id="nature" data-spy-section data-reveal style="--reveal-delay:40ms">
          <div class="clause__head">
            <span class="clause__num num">02</span>
            <h2 class="clause__title">内容性质</h2>
          </div>
          <p class="clause__lead">LEYU赛场 做的是赛程、轮次与战报的信息呈现，不办赛、不组队、不售票。</p>
          <p class="clause__text">目前已覆盖足球、篮球、网球、排球、田径、游泳、羽毛球、乒乓球、体操、赛车、拳击、冰雪共 12 个项目，赛程库收录 86 个联赛与杯赛，含职业联赛、杯赛与区域性赛事。</p>
          <p class="clause__text">比赛结果、积分排名与晋级归属以主办方正式公告为准；站内信息用于观赛前了解对阵、观赛后回看结果。</p>
        </section>

        <section class="clause" id="timeliness" data-spy-section data-reveal style="--reveal-delay:80ms">
          <div class="clause__head">
            <span class="clause__num num">03</span>
            <h2 class="clause__title">信息时效</h2>
          </div>
          <p class="clause__lead">常规节奏下，战报在比赛结束后十分钟内上线。</p>
          <p class="clause__text">近两轮的更新都按这个节律完成；每日夜间赛事会在次日 07:00 前归档，方便你在早高峰路上一次看完。</p>
          <p class="clause__text">遇到转播信号中断、数据源返回延迟或赛程顺延，个别场次的发布时间会后移，请以卡片上显示的更新时间为准。</p>
        </section>

        <section class="clause" id="links" data-spy-section data-reveal>
          <div class="clause__head">
            <span class="clause__num num">04</span>
            <h2 class="clause__title">外部链接</h2>
          </div>
          <p class="clause__lead">官方矩阵入口通向电脑版、移动网页、帮助中心与赛场日志。</p>
          <p class="clause__text">站内也可能出现指向区域体育媒体、赛事运营方的第三方链接，那些页面的内容与可用性由对方负责。</p>
          <p class="clause__text">跳转离开前，建议先看一眼目标站点的条款与隐私说明，再决定是否使用它的功能。</p>
        </section>

        <section class="clause" id="ip" data-spy-section data-reveal style="--reveal-delay:40ms">
          <div class="clause__head">
            <span class="clause__num num">05</span>
            <h2 class="clause__title">知识产权</h2>
          </div>
          <p class="clause__lead">站内的文字、图形、界面设计与编排方式，归 LEYU赛场 所有。</p>
          <p class="clause__text">出于个人观赛目的，你可以阅读、截图并转发单条战报，保留出处即可。</p>
          <p class="clause__text">商业转载、成批引用，或把站内界面与交互设计复用到其他产品，需事先取得书面许可，并注明来源。</p>
        </section>

        <section class="clause" id="limits" data-spy-section data-reveal style="--reveal-delay:80ms">
          <div class="clause__head">
            <span class="clause__num num">06</span>
            <h2 class="clause__title">使用限制</h2>
          </div>
          <p class="clause__lead">自动化抓取、批量复制和干扰站点正常运行的行为，一律不被允许。</p>
          <p class="clause__text">常见形态包括高频请求、绕过访问限制、镜像整站内容，以及把本站页面嵌入其他站点充当自有功能。</p>
          <p class="clause__text">如果你的业务需要结构化的赛程数据，请通过联系页说明用途与使用范围，我们会给出可行的合作方式。</p>
        </section>

        <section class="clause" id="changes" data-spy-section data-reveal>
          <div class="clause__head">
            <span class="clause__num num">07</span>
            <h2 class="clause__title">条款变更与联系</h2>
          </div>
          <p class="clause__lead">这份条款会随功能调整同步修订，当前版本以本页展示为准。</p>
          <p class="clause__text">涉及入口位置、访问路径或数据呈现方式的重大调整，会在赛场日志与帮助中心同步说明。</p>
          <p class="clause__text">对条款有疑问，发邮件到 <a class="clause__link" href="mailto:contact@sports-leyu2026.com.cn">contact@sports-leyu2026.com.cn</a>，或在工作日 9:00-18:00 之间拨打 400-3497-5529。</p>
        </section>

        <aside class="terms-card" data-reveal>
          <h2 class="terms-card__title">想先说清楚再决定</h2>
          <p class="terms-card__text">关于赛程查询、轮次对照和设备适配的问题，帮助中心整理了 68 个常见解答；涉及数据引用与内容协作，走联系页更快。</p>
          <div class="terms-card__actions">
            <a class="btn btn--primary pill" href="/help-center/">打开帮助中心</a>
            <a class="btn btn--ghost pill" href="/contact/">联系客服</a>
            <a class="btn btn--quiet pill" href="/features/">查看功能</a>
          </div>
          <dl class="terms-card__meta">
            <div class="terms-card__row">
              <dt class="mono">邮箱</dt>
              <dd>contact@sports-leyu2026.com.cn</dd>
            </div>
            <div class="terms-card__row">
              <dt class="mono">电话</dt>
              <dd>400-3497-5529</dd>
            </div>
            <div class="terms-card__row">
              <dt class="mono">地址</dt>
              <dd>青海省西宁市城中区南关街72号</dd>
            </div>
          </dl>
        </aside>

        <p class="terms-topwrap">
          <a class="terms-top" href="#main-content">返回顶部 ↑</a>
        </p>
      </div>
    </div>
  </div>
</main>

.page-disclaimer {
  --t-hero-pad: 18px;
  --t-line: 1px solid var(--rail);
  --t-mesh: rgba(23, 50, 71, .55);
  background: var(--night);
  color: var(--warm);
  padding-bottom: 56px;
}

.page-disclaimer .container {
  padding-top: 20px;
}

.page-disclaimer .terms-hero {
  position: relative;
  margin-top: 18px;
  padding: 26px var(--t-hero-pad) 0;
  border: var(--t-line);
  border-radius: var(--r-l);
  background:
    linear-gradient(165deg, rgba(15, 36, 54, .96), rgba(8, 19, 31, .82)),
    var(--night-2);
  overflow: hidden;
}

.page-disclaimer .terms-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan), var(--orange));
}

.page-disclaimer .terms-hero__title {
  margin: 12px 0 0;
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(42px, 11vw, 88px);
  line-height: .94;
  letter-spacing: -.02em;
  color: var(--warm);
}

.page-disclaimer .terms-hero__lede {
  margin: 16px 0 0;
  max-width: 46ch;
  font-family: var(--font-serif);
  font-size: clamp(15px, 2.6vw, 20px);
  line-height: 1.75;
  color: var(--sand);
}

.page-disclaimer .terms-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-hero__art {
  margin: 22px calc(var(--t-hero-pad) * -1) 0;
  line-height: 0;
}

.page-disclaimer .terms-hero__art img {
  display: block;
  width: 100%;
  height: clamp(160px, 30vw, 320px);
  object-fit: cover;
  max-width: 100%;
}

.page-disclaimer .terms-body {
  display: grid;
  gap: 26px;
  padding-top: 30px;
}

.page-disclaimer .terms-rail {
  border: var(--t-line);
  border-radius: var(--r-m);
  background: var(--night-2);
  padding: 14px 12px;
}

.page-disclaimer .terms-rail__label {
  margin: 0 0 8px 12px;
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--stone);
  text-transform: uppercase;
}

.page-disclaimer .terms-rail__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}

.page-disclaimer .terms-rail__link {
  display: block;
  padding: 8px 10px 8px 12px;
  border-left: 2px solid transparent;
  border-radius: 0 var(--r-s) var(--r-s) 0;
  color: var(--stone);
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  transition: color 180ms var(--ease), border-color 180ms var(--ease), background-color 180ms var(--ease);
}

.page-disclaimer .terms-rail__link:hover,
.page-disclaimer .terms-rail__link:focus-visible {
  color: var(--warm);
  background: rgba(23, 50, 71, .7);
}

.page-disclaimer .terms-rail__link.is-active {
  color: var(--cyan);
  border-left-color: var(--cyan);
  background: rgba(111, 227, 210, .07);
}

.page-disclaimer .terms-content {
  display: grid;
  gap: 4px;
  min-width: 0;
  background-image: linear-gradient(var(--t-mesh) 1px, transparent 1px);
  background-size: 100% 44px;
  background-position: 0 0;
}

.page-disclaimer .clause {
  position: relative;
  padding: 24px 0 26px;
  border-top: var(--t-line);
  scroll-margin-top: 96px;
}

.page-disclaimer .clause:first-child {
  border-top: 0;
  padding-top: 4px;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.page-disclaimer .clause__num {
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(30px, 6.5vw, 46px);
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--cyan);
  flex: none;
}

.page-disclaimer .clause__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(19px, 3.4vw, 26px);
  line-height: 1.2;
  color: var(--warm);
}

.page-disclaimer .clause__lead {
  margin: 14px 0 0;
  padding-left: 14px;
  border-left: 3px solid var(--orange);
  font-size: clamp(15px, 2.4vw, 17px);
  font-weight: 700;
  line-height: 1.65;
  color: var(--warm);
}

.page-disclaimer .clause__text {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--sand);
  max-width: 62ch;
}

.page-disclaimer .clause__link {
  color: var(--cyan);
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-all;
}

.page-disclaimer .clause__link:hover {
  color: var(--orange);
}

.page-disclaimer .terms-card {
  margin-top: 22px;
  padding: 24px 18px;
  border: 1px solid var(--rail);
  border-radius: var(--r-l);
  background:
    linear-gradient(150deg, rgba(15, 36, 54, .95), rgba(8, 19, 31, .9));
  scroll-margin-top: 96px;
}

.page-disclaimer .terms-card__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(18px, 3.2vw, 22px);
  line-height: 1.25;
  color: var(--warm);
}

.page-disclaimer .terms-card__text {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--sand);
}

.page-disclaimer .terms-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.page-disclaimer .terms-card__meta {
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: var(--t-line);
  display: grid;
  gap: 10px;
}

.page-disclaimer .terms-card__row {
  display: grid;
  gap: 2px;
}

.page-disclaimer .terms-card__row dt {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--stone);
  text-transform: uppercase;
}

.page-disclaimer .terms-card__row dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--warm);
  word-break: break-word;
}

.page-disclaimer .terms-topwrap {
  margin: 28px 0 0;
}

.page-disclaimer .terms-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border: 1px solid var(--rail);
  border-radius: var(--r-pill);
  background: var(--night-2);
  color: var(--warm);
  font-size: 14px;
  text-decoration: none;
  transition: border-color 180ms var(--ease), color 180ms var(--ease), transform 180ms var(--ease);
}

.page-disclaimer .terms-top:hover,
.page-disclaimer .terms-top:focus-visible {
  border-color: var(--cyan);
  color: var(--cyan);
  transform: translateY(-2px);
}

.page-disclaimer a:focus-visible,
.page-disclaimer .btn:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .page-disclaimer {
    --t-hero-pad: 32px;
  }

  .page-disclaimer .container {
    padding-top: 26px;
  }

  .page-disclaimer .terms-hero {
    padding-top: 36px;
    border-radius: var(--r-xl);
  }

  .page-disclaimer .terms-rail__list {
    gap: 2px 14px;
  }

  .page-disclaimer .terms-card {
    padding: 28px 24px;
  }

  .page-disclaimer .terms-card__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer {
    --t-hero-pad: 44px;
    padding-bottom: 80px;
  }

  .page-disclaimer .terms-body {
    grid-template-columns: 224px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
    padding-top: 44px;
  }

  .page-disclaimer .terms-rail {
    position: sticky;
    top: 96px;
    padding: 18px 14px;
  }

  .page-disclaimer .terms-rail__list {
    display: block;
  }

  .page-disclaimer .terms-rail__link {
    padding: 9px 10px 9px 14px;
  }

  .page-disclaimer .clause {
    padding: 30px 0 34px;
  }

  .page-disclaimer .clause__lead {
    margin-top: 18px;
  }

  .page-disclaimer .terms-card {
    margin-top: 30px;
    padding: 34px 32px;
  }
}

@media (min-width: 1200px) {
  .page-disclaimer .terms-hero__lede {
    max-width: 52ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .terms-rail__link,
  .page-disclaimer .terms-top {
    transition: color 180ms linear, border-color 180ms linear;
    transform: none;
  }
}