.page-disclaimer {
  --dc-gap: clamp(20px, 4vw, 44px);
  --dc-num-size: clamp(56px, 15vw, 132px);
  color: var(--white);
  background: var(--ink);
  padding-bottom: clamp(56px, 8vw, 104px);
  overflow: hidden;
}

/* ---------- hero ---------- */
.page-disclaimer .dc-hero {
  position: relative;
  border-bottom: 1px solid var(--line);
  padding-top: clamp(20px, 4vw, 40px);
}

.page-disclaimer .dc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(43, 59, 83, 0.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(43, 59, 83, 0.55) 1px, transparent 1px);
  background-size: 88px 88px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  pointer-events: none;
}

.page-disclaimer .dc-hero__inner {
  position: relative;
  z-index: 1;
}

.page-disclaimer .crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 clamp(24px, 5vw, 56px);
  padding: 0;
  list-style: none;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.page-disclaimer .crumbs li + li::before {
  content: "/";
  margin-right: 8px;
  color: var(--line);
}

.page-disclaimer .crumbs a {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .crumbs a:hover,
.page-disclaimer .crumbs a:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer .crumbs [aria-current="page"] {
  color: var(--lime);
}

.page-disclaimer .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--lime);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.page-disclaimer .dc-hero h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.8rem, 12vw, 7rem);
  line-height: 0.92;
  letter-spacing: -0.02em;
}

.page-disclaimer .dc-hero__lead {
  max-width: 62ch;
  margin: clamp(18px, 3vw, 30px) 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--silver);
}

.page-disclaimer .dc-hero__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(16px, 3vw, 36px);
  margin: clamp(28px, 5vw, 56px) 0 0;
  padding: 0;
}

.page-disclaimer .dc-hero__cell {
  border-top: 1px solid var(--line);
  padding: 14px 0 18px;
}

.page-disclaimer .dc-hero__cell dt {
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--muted);
}

.page-disclaimer .dc-hero__cell dd {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: 17px;
  line-height: 1.1;
  color: var(--white);
}

.page-disclaimer .dc-hero__plate {
  position: relative;
  z-index: 1;
  margin: clamp(28px, 5vw, 48px) 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.page-disclaimer .dc-hero__plate .plate__img,
.page-disclaimer .dc-hero__plate img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  background: var(--surface);
}

.page-disclaimer .dc-hero__plate .plate__cap {
  position: absolute;
  right: 14px;
  bottom: 12px;
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--silver);
  background: var(--glass);
  border: 1px solid var(--line);
  padding: 4px 9px;
}

/* ---------- .page-disclaimer layout ---------- */
.page-disclaimer .dc-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--dc-gap);
  padding-top: clamp(32px, 6vw, 72px);
}

/* ---------- toc ---------- */
.page-disclaimer .dc-toc {
  background: var(--glass);
  border: 1px solid var(--line);
  padding: 20px 18px 22px;
  align-self: start;
}

.page-disclaimer .dc-toc__title {
  margin: 0 0 14px;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-disclaimer .dc-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}

.page-disclaimer .dc-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px 9px 0;
  border-bottom: 1px solid rgba(43, 59, 83, 0.7);
  color: var(--silver);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: color 160ms ease, padding-left 160ms ease;
}

.page-disclaimer .dc-toc__list a .mono {
  font-size: 12px;
  color: var(--muted);
  min-width: 20px;
  transition: color 160ms ease;
}

.page-disclaimer .dc-toc__list a:hover,
.page-disclaimer .dc-toc__list a:focus-visible {
  color: var(--white);
  padding-left: 6px;
}

.page-disclaimer .dc-toc__list a:hover .mono,
.page-disclaimer .dc-toc__list a:focus-visible .mono {
  color: var(--lime);
}

.page-disclaimer .dc-toc__note {
  margin: 18px 0 14px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
}

.page-disclaimer .dc-toc__btn {
  display: inline-block;
}

/* ---------- clauses ---------- */
.page-disclaimer .dc-clauses {
  display: grid;
  gap: clamp(28px, 5vw, 48px);
  min-width: 0;
}

.page-disclaimer .dc-clause {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px 24px;
  border-top: 1px solid var(--line);
  padding-top: clamp(20px, 3vw, 30px);
  scroll-margin-top: calc(var(--bar-h) + 24px);
}

.page-disclaimer .dc-clause__no {
  margin: 0;
  font-size: var(--dc-num-size);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--line);
  transition: color 220ms ease;
}

.page-disclaimer .dc-clause.is-current .dc-clause__no {
  color: var(--lime);
}

.page-disclaimer .dc-clause__body h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.35rem, 4.4vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--white);
}

.page-disclaimer .dc-clause__body p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--silver);
}

.page-disclaimer .dc-clause__body p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dc-clause__body .mono {
  color: var(--white);
  font-size: 14px;
  word-break: break-word;
}

.page-disclaimer .dc-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dc-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--silver);
}

.page-disclaimer .dc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 10px;
  height: 1px;
  background: var(--lime);
}

.page-disclaimer .dc-callout {
  margin: 20px 0 4px;
  padding: 16px 18px;
  background: var(--surface);
  border-left: 3px solid var(--orange);
}

.page-disclaimer .dc-callout p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--silver);
}

.page-disclaimer .dc-callout__key {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--orange);
}

/* ---------- tail ---------- */
.page-disclaimer .dc-tail {
  margin-top: clamp(44px, 7vw, 88px);
  border-top: 1px solid var(--line);
  background: var(--surface);
  padding: clamp(28px, 5vw, 52px) 0;
}

.page-disclaimer .dc-tail__inner {
  display: grid;
  gap: 20px;
}

.page-disclaimer .dc-tail__lead {
  margin: 0;
  max-width: 46ch;
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 3.6vw, 1.55rem);
  line-height: 1.4;
  color: var(--white);
}

.page-disclaimer .dc-tail__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dc-tail__links a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  color: var(--silver);
  font-size: 14px;
  text-decoration: none;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .dc-tail__links a .mono {
  font-size: 12px;
  color: var(--lime);
}

.page-disclaimer .dc-tail__links a:hover,
.page-disclaimer .dc-tail__links a:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer .dc-tail__top {
  justify-self: start;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid var(--line);
  padding: 8px 14px;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .dc-tail__top:hover,
.page-disclaimer .dc-tail__top:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer a:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}

@media (min-width: 720px) {
  .page-disclaimer .dc-hero__meta {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-disclaimer .dc-tail__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 28px;
  }
}

@media (min-width: 940px) {
  .page-disclaimer .dc-body {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: clamp(32px, 5vw, 72px);
    padding-top: clamp(48px, 6vw, 88px);
  }

  .page-disclaimer .dc-toc {
    position: sticky;
    top: calc(var(--bar-h) + 24px);
    padding: 24px 22px 26px;
  }

  .page-disclaimer .dc-clause {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 0 36px;
  }

  .page-disclaimer .dc-clause__no {
    font-size: clamp(72px, 7vw, 104px);
    padding-top: 4px;
  }

  .page-disclaimer .dc-clause__body p,
  .page-disclaimer .dc-list li {
    font-size: 16px;
  }

  .page-disclaimer .dc-tail__inner {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
  }

  .page-disclaimer .dc-tail__top {
    justify-self: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dc-toc__list a,
  .page-disclaimer .dc-clause__no,
  .page-disclaimer .dc-tail__links a,
  .page-disclaimer .dc-tail__top,
  .page-disclaimer .crumbs a {
    transition: none;
  }
}
<<<END>>>

Please output only the content of the three markers in strict order.
<main id="main-content" class="page-disclaimer">
  <header class="dc-hero">
    <div class="wrap dc-hero__inner">
      <nav class="crumbs" aria-label="面包屑导航">
        <ol>
          <li><a href="/">首页</a></li>
          <li><span aria-current="page">使用条款</span></li>
        </ol>
      </nav>
      <p class="eyebrow">Terms of Use · 条款编号 00–05</p>
      <h1>使用条款</h1>
      <p class="dc-hero__lead">在你用乐竞主站切换联赛、查看赛程时间表、设置订阅提醒或导出关注列表之前，先花三分钟读完这份约定：它说清楚你可以怎样使用这些内容，也说清楚赛程信息从哪里来、遇到问题该找谁。</p>
      <dl class="dc-hero__meta">
        <div class="dc-hero__cell">
          <dt>站点版本</dt>
          <dd class="mono">V4.2</dd>
        </div>
        <div class="dc-hero__cell">
          <dt>联赛分组引擎</dt>
          <dd class="mono">V2.0</dd>
        </div>
        <div class="dc-hero__cell">
          <dt>苹果端应用</dt>
          <dd class="mono">3.1.0</dd>
        </div>
        <div class="dc-hero__cell">
          <dt>客服在线</dt>
          <dd class="mono">工作日 9:00–18:00</dd>
        </div>
      </dl>
    </div>
    <figure class="plate plate--wide dc-hero__plate">
      <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="深墨蓝底上由细网格线与条款坐标编号组成的抽象纹理">
      <figcaption class="plate__cap mono">条款坐标网格 · 示意</figcaption>
    </figure>
  </header>

  <div class="wrap dc-body">
    <aside class="dc-toc" aria-label="条款目录">
      <p class="dc-toc__title mono">条款目录</p>
      <ol class="dc-toc__list">
        <li><a href="#clause-01"><span class="mono">01</span>接受条款与适用范围</a></li>
        <li><a href="#clause-02"><span class="mono">02</span>赛事导航与赛程信息</a></li>
        <li><a href="#clause-03"><span class="mono">03</span>订阅与导出使用规范</a></li>
        <li><a href="#clause-04"><span class="mono">04</span>知识产权与转载</a></li>
        <li><a href="#clause-05"><span class="mono">05</span>外部链接与第三方服务</a></li>
        <li><a href="#clause-06"><span class="mono">06</span>变更与联系</a></li>
      </ol>
      <p class="dc-toc__note">赛程看得不对、导出没反应？带上截图和联赛名称，定位会快很多。</p>
      <a class="btn btn--ghost btn--sm dc-toc__btn" href="/troubleshooting/">查看问题排查</a>
    </aside>

    <div class="dc-clauses">
      <section id="clause-01" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">01</p>
        <div class="dc-clause__body">
          <h2>接受条款与适用范围</h2>
          <p>当你打开乐竞主站的任一栏目、切换联赛入口、查看赛程时间表，或使用订阅提醒与关注列表导出，就表示你已阅读并接受以下约定。如果你对其中某一条有异议，请先暂停使用并联系我们，我们会说明具体情况。</p>
          <p>这些约定覆盖首页导航、应用中心、赛场动态、问题排查与服务联络等栏目，同样适用于你在苹果端和桌面端使用同一套功能时的行为。年满 18 周岁的用户可以独立使用；未满 18 周岁的用户请在监护人陪同下浏览。</p>
        </div>
      </section>

      <section id="clause-02" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">02</p>
        <div class="dc-clause__body">
          <h2>赛事导航与赛程信息</h2>
          <p>我们把 28 个联赛与赛事类别按 12 个一级联赛分组和 36 个二级赛事专题排进导航，足球、篮球、网球和电竞表演赛都能在同一条命令栏里切换。赛程时间表每天更新 300 场以上赛事，每周校对约 2000 条赛程字段，同步进度会写在赛场动态栏目里。</p>
          <p>赛事时间、对阵与阶段安排会因官方调整、天气、场地或临时赛程变更而改变，因此所有信息都以各联赛官方发布的版本为准。在关键场次开赛前，建议你再对照一次官方渠道，再决定是否安排观看或复盘计划。</p>
          <div class="dc-callout">
            <p class="dc-callout__key mono">关系说明</p>
            <p>乐竞主站是独立的赛事导航与信息服务方，与各联赛组织、俱乐部之间没有官方授权、代理或联合运营关系；文中出现的“苹果端”仅指设备端使用，与设备厂商之间同样没有授权或代理关系。</p>
          </div>
        </div>
      </section>

      <section id="clause-03" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">03</p>
        <div class="dc-clause__body">
          <h2>订阅与导出使用规范</h2>
          <p>简体版赛事订阅按固定四步完成：选择联赛、设定提醒、确认关注、导出列表。提醒可在赛前 30 分钟和开赛时各触发一次，导出文件包含联赛、对阵、开赛时间、关注状态与备注五个字段，方便你把关注清单带进赛前复盘表格。</p>
          <ul class="dc-list">
            <li>导出的关注列表供你个人做日常数据对照、赛前复盘与观赛安排。</li>
            <li>请勿用自动化脚本批量抓取页面内容，也请勿把导出数据转售、打包分发或用于批量营销。</li>
            <li>团队或内容伙伴需要成规模引用，请先通过客服邮箱联系我们，走内容协作的方式。</li>
          </ul>
          <p>目前关注列表日均导出约 1.2 万次，多数用户用它整理自己追踪的联赛与场次。账号与订阅数据保存在你自己的设备与订阅记录中，导出文件的去向由你自行保管，请注意其中是否包含你想保密的备注信息。</p>
        </div>
      </section>

      <section id="clause-04" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">04</p>
        <div class="dc-clause__body">
          <h2>知识产权与转载</h2>
          <p>乐竞主站的页面版式、栏目名称、文案、图示、导航结构与赛程编排方式，由我们和内容伙伴共同完成整理与制作。赛事名称、队伍标识等权利归各自权利人所有。</p>
          <p>你可以为个人阅读、赛前复盘或内部讨论引用少量内容，引用时请注明来自乐竞主站并保留原文链接。整篇转载、汇编成册、用于付费产品或对外培训材料，需要事先取得书面同意；发送邮件说明用途、范围和期限，我们会在工作日答复。</p>
        </div>
      </section>

      <section id="clause-05" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">05</p>
        <div class="dc-clause__body">
          <h2>外部链接与第三方服务</h2>
          <p>为方便你核对信息，部分页面会指向联赛官方发布渠道或数据服务商的页面。这些站点的内容、更新频率、可用性与隐私做法由对方负责，我们无法替它们做调整。你点击跳转后，请留意对方页面上的使用说明。</p>
          <p>在苹果端使用时，应用的获取、系统权限与推送通道由设备平台提供，相关使用还受平台自身条款约束。若你在跳转后遇到页面打不开，可以先回到问题排查栏目按步骤自查，或把链接发到客服邮箱。</p>
        </div>
      </section>

      <section id="clause-06" class="dc-clause" data-section>
        <p class="dc-clause__no mono" aria-hidden="true">06</p>
        <div class="dc-clause__body">
          <h2>变更与联系</h2>
          <p>随着联赛分组、订阅步骤与设备端功能的调整，这份条款会同步修订，修订后在本页更新并标注当前站点版本。涉及订阅流程或导出字段的较大调整，我们会在赛场动态栏目单独说明，方便你提前安排。</p>
          <p>对条款有疑问，或需要授权、合作相关答复，请发邮件到 <span class="mono">support@gaze-lejing.com.cn</span>，客服在工作日 9:00–18:00 回复；也可以拨打 <span class="mono">400-1315-7966</span>。涉及具体场次的赛程问题，附上截图与联赛名称会更快定位。</p>
        </div>
      </section>
    </div>
  </div>

  <section class="dc-tail" aria-label="相关说明">
    <div class="wrap dc-tail__inner">
      <p class="dc-tail__lead">还有两件事常被一起问到：个人信息的处理方式，以及条款之外的沟通渠道。</p>
      <ul class="dc-tail__links">
        <li><a href="/personal-data/"><span class="mono">A</span>个人信息说明</a></li>
        <li><a href="/reach-us/"><span class="mono">B</span>服务联络</a></li>
        <li><a href="/troubleshooting/"><span class="mono">C</span>问题排查</a></li>
      </ul>
      <a class="dc-tail__top mono" href="#main-content">返回顶部 ↑</a>
    </div>
  </section>
</main>

.page-disclaimer {
  --dc-gap: clamp(20px, 4vw, 44px);
  --dc-num-size: clamp(56px, 15vw, 132px);
  color: var(--white);
  background: var(--ink);
  padding-bottom: clamp(56px, 8vw, 104px);
  overflow: hidden;
}

/* ---------- hero ---------- */
.page-disclaimer .dc-hero {
  position: relative;
  border-bottom: 1px solid var(--line);
  padding-top: clamp(20px, 4vw, 40px);
}

.page-disclaimer .dc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(43, 59, 83, 0.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(43, 59, 83, 0.55) 1px, transparent 1px);
  background-size: 88px 88px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  pointer-events: none;
}

.page-disclaimer .dc-hero__inner {
  position: relative;
  z-index: 1;
}

.page-disclaimer .crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 clamp(24px, 5vw, 56px);
  padding: 0;
  list-style: none;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.page-disclaimer .crumbs li + li::before {
  content: "/";
  margin-right: 8px;
  color: var(--line);
}

.page-disclaimer .crumbs a {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .crumbs a:hover,
.page-disclaimer .crumbs a:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer .crumbs [aria-current="page"] {
  color: var(--lime);
}

.page-disclaimer .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--lime);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.page-disclaimer .dc-hero h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.8rem, 12vw, 7rem);
  line-height: 0.92;
  letter-spacing: -0.02em;
}

.page-disclaimer .dc-hero__lead {
  max-width: 62ch;
  margin: clamp(18px, 3vw, 30px) 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--silver);
}

.page-disclaimer .dc-hero__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(16px, 3vw, 36px);
  margin: clamp(28px, 5vw, 56px) 0 0;
  padding: 0;
}

.page-disclaimer .dc-hero__cell {
  border-top: 1px solid var(--line);
  padding: 14px 0 18px;
}

.page-disclaimer .dc-hero__cell dt {
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--muted);
}

.page-disclaimer .dc-hero__cell dd {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: 17px;
  line-height: 1.1;
  color: var(--white);
}

.page-disclaimer .dc-hero__plate {
  position: relative;
  z-index: 1;
  margin: clamp(28px, 5vw, 48px) 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.page-disclaimer .dc-hero__plate .plate__img,
.page-disclaimer .dc-hero__plate img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  background: var(--surface);
}

.page-disclaimer .dc-hero__plate .plate__cap {
  position: absolute;
  right: 14px;
  bottom: 12px;
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--silver);
  background: var(--glass);
  border: 1px solid var(--line);
  padding: 4px 9px;
}

/* ---------- .page-disclaimer layout ---------- */
.page-disclaimer .dc-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--dc-gap);
  padding-top: clamp(32px, 6vw, 72px);
}

/* ---------- toc ---------- */
.page-disclaimer .dc-toc {
  background: var(--glass);
  border: 1px solid var(--line);
  padding: 20px 18px 22px;
  align-self: start;
}

.page-disclaimer .dc-toc__title {
  margin: 0 0 14px;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-disclaimer .dc-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}

.page-disclaimer .dc-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px 9px 0;
  border-bottom: 1px solid rgba(43, 59, 83, 0.7);
  color: var(--silver);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: color 160ms ease, padding-left 160ms ease;
}

.page-disclaimer .dc-toc__list a .mono {
  font-size: 12px;
  color: var(--muted);
  min-width: 20px;
  transition: color 160ms ease;
}

.page-disclaimer .dc-toc__list a:hover,
.page-disclaimer .dc-toc__list a:focus-visible {
  color: var(--white);
  padding-left: 6px;
}

.page-disclaimer .dc-toc__list a:hover .mono,
.page-disclaimer .dc-toc__list a:focus-visible .mono {
  color: var(--lime);
}

.page-disclaimer .dc-toc__note {
  margin: 18px 0 14px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
}

.page-disclaimer .dc-toc__btn {
  display: inline-block;
}

/* ---------- clauses ---------- */
.page-disclaimer .dc-clauses {
  display: grid;
  gap: clamp(28px, 5vw, 48px);
  min-width: 0;
}

.page-disclaimer .dc-clause {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px 24px;
  border-top: 1px solid var(--line);
  padding-top: clamp(20px, 3vw, 30px);
  scroll-margin-top: calc(var(--bar-h) + 24px);
}

.page-disclaimer .dc-clause__no {
  margin: 0;
  font-size: var(--dc-num-size);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--line);
  transition: color 220ms ease;
}

.page-disclaimer .dc-clause.is-current .dc-clause__no {
  color: var(--lime);
}

.page-disclaimer .dc-clause__body h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.35rem, 4.4vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--white);
}

.page-disclaimer .dc-clause__body p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--silver);
}

.page-disclaimer .dc-clause__body p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dc-clause__body .mono {
  color: var(--white);
  font-size: 14px;
  word-break: break-word;
}

.page-disclaimer .dc-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dc-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--silver);
}

.page-disclaimer .dc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 10px;
  height: 1px;
  background: var(--lime);
}

.page-disclaimer .dc-callout {
  margin: 20px 0 4px;
  padding: 16px 18px;
  background: var(--surface);
  border-left: 3px solid var(--orange);
}

.page-disclaimer .dc-callout p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--silver);
}

.page-disclaimer .dc-callout__key {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--orange);
}

/* ---------- tail ---------- */
.page-disclaimer .dc-tail {
  margin-top: clamp(44px, 7vw, 88px);
  border-top: 1px solid var(--line);
  background: var(--surface);
  padding: clamp(28px, 5vw, 52px) 0;
}

.page-disclaimer .dc-tail__inner {
  display: grid;
  gap: 20px;
}

.page-disclaimer .dc-tail__lead {
  margin: 0;
  max-width: 46ch;
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 3.6vw, 1.55rem);
  line-height: 1.4;
  color: var(--white);
}

.page-disclaimer .dc-tail__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dc-tail__links a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  color: var(--silver);
  font-size: 14px;
  text-decoration: none;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .dc-tail__links a .mono {
  font-size: 12px;
  color: var(--lime);
}

.page-disclaimer .dc-tail__links a:hover,
.page-disclaimer .dc-tail__links a:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer .dc-tail__top {
  justify-self: start;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid var(--line);
  padding: 8px 14px;
  transition: color 160ms ease, border-color 160ms ease;
}

.page-disclaimer .dc-tail__top:hover,
.page-disclaimer .dc-tail__top:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}

.page-disclaimer a:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}

@media (min-width: 720px) {
  .page-disclaimer .dc-hero__meta {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-disclaimer .dc-tail__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 28px;
  }
}

@media (min-width: 940px) {
  .page-disclaimer .dc-body {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: clamp(32px, 5vw, 72px);
    padding-top: clamp(48px, 6vw, 88px);
  }

  .page-disclaimer .dc-toc {
    position: sticky;
    top: calc(var(--bar-h) + 24px);
    padding: 24px 22px 26px;
  }

  .page-disclaimer .dc-clause {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 0 36px;
  }

  .page-disclaimer .dc-clause__no {
    font-size: clamp(72px, 7vw, 104px);
    padding-top: 4px;
  }

  .page-disclaimer .dc-clause__body p,
  .page-disclaimer .dc-list li {
    font-size: 16px;
  }

  .page-disclaimer .dc-tail__inner {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
  }

  .page-disclaimer .dc-tail__top {
    justify-self: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dc-toc__list a,
  .page-disclaimer .dc-clause__no,
  .page-disclaimer .dc-tail__links a,
  .page-disclaimer .dc-tail__top,
  .page-disclaimer .crumbs a {
    transition: none;
  }
}