.page-disclaimer {
  --disc-side-w: 236px;
  --disc-gap: clamp(1.5rem, 4vw, 3rem);
  position: relative;
  background: var(--page);
  color: var(--ink);
  overflow-x: clip;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  background: linear-gradient(158deg, var(--night) 0%, var(--stand) 58%, #0c1a2e 100%);
  color: var(--frost);
  padding-block: clamp(1.75rem, 5vw, 3.25rem) clamp(2.5rem, 6vw, 4.5rem);
  border-bottom: 1px solid var(--line-dark);
  overflow: hidden;
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(234, 244, 255, .065) 1px, transparent 1px),
    linear-gradient(0deg, rgba(234, 244, 255, .045) 1px, transparent 1px);
  background-size: 68px 68px;
  pointer-events: none;
}

.page-disclaimer .disc-hero .wrap {
  position: relative;
  z-index: 1;
}

.page-disclaimer .disc-hero .breadcrumbs__list {
  margin: 0 0 clamp(1rem, 3vw, 1.75rem);
}

.page-disclaimer .disc-hero .breadcrumbs__link,
.page-disclaimer .disc-hero .breadcrumbs__sep,
.page-disclaimer .disc-hero .breadcrumbs__item--current {
  color: rgba(234, 244, 255, .68);
  text-decoration: none;
}

.page-disclaimer .disc-hero .breadcrumbs__link:hover {
  color: var(--green-hi);
}

.page-disclaimer .disc-hero .breadcrumbs__item--current {
  color: var(--frost);
}

.page-disclaimer .disc-hero h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.6rem, 8vw, 4.6rem);
  line-height: .98;
  letter-spacing: .02em;
  margin: 0 0 clamp(.75rem, 2vw, 1.1rem);
  color: var(--frost);
}

.page-disclaimer .disc-hero__lead {
  max-width: 62ch;
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.12rem);
  line-height: 1.8;
  color: rgba(234, 244, 255, .8);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: clamp(1.25rem, 3vw, 2rem) 0 0;
}

/* ---------- 横幅 ---------- */
.page-disclaimer .disc-banner {
  margin: 0;
  padding-block: clamp(1.25rem, 4vw, 2.25rem) 0;
}

.page-disclaimer .disc-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 14 / 5;
  object-fit: cover;
  border: 1px solid var(--line-light);
  background: var(--stand);
}

.page-disclaimer .disc-banner figcaption {
  margin-top: .65rem;
  font-size: var(--fs-sm);
  color: var(--ink-soft);
  letter-spacing: .02em;
}

/* ---------- 布局 ---------- */
.page-disclaimer .disc-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--disc-gap);
  align-items: start;
  padding-block: clamp(1.75rem, 4vw, 2.75rem) clamp(3rem, 7vw, 5rem);
}

@media (min-width: 960px) {
  .page-disclaimer .disc-layout {
    grid-template-columns: var(--disc-side-w) minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
  }
}

/* ---------- 侧边索引 ---------- */
.page-disclaimer .disc-side {
  background: var(--paper);
  border: 1px dashed var(--line-light);
  padding: 1.1rem 1rem .9rem;
}

@media (min-width: 960px) {
  .page-disclaimer .disc-side {
    position: sticky;
    top: 1.75rem;
  }
}

.page-disclaimer .disc-side__title {
  margin: 0 0 .7rem;
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.page-disclaimer .disc-side__nav {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

.page-disclaimer .disc-side__nav .side-nav__link {
  display: block;
  padding: .5rem .6rem;
  border-left: 2px solid transparent;
  font-size: .92rem;
  line-height: 1.45;
  color: var(--ink-soft);
  text-decoration: none;
  transition: color 160ms var(--ease), background-color 160ms var(--ease), border-color 160ms var(--ease);
}

.page-disclaimer .disc-side__nav .side-nav__link:hover {
  color: var(--ink);
  background: rgba(31, 138, 76, .08);
}

.page-disclaimer .disc-side__nav .side-nav__link[aria-current="true"] {
  color: var(--night);
  font-weight: 600;
  border-left-color: var(--signal);
  background: rgba(255, 107, 44, .13);
}

.page-disclaimer .disc-side__back {
  margin-top: 1rem;
  width: 100%;
  justify-content: center;
}

/* ---------- 正文 ---------- */
.page-disclaimer .disc-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.page-disclaimer .disc-section {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--line-light);
  border-left: 4px solid var(--green);
  padding: clamp(1.35rem, 3.4vw, 2.4rem);
  box-shadow: 6px 6px 0 var(--paper), 6px 6px 0 1px var(--line-light);
  scroll-margin-top: 4.5rem;
}

.page-disclaimer .disc-section__head {
  display: flex;
  align-items: baseline;
  gap: .75rem;
  margin-bottom: 1.15rem;
  padding-bottom: .85rem;
  border-bottom: 1px dashed var(--line-light);
}

.page-disclaimer .disc-num {
  font-family: var(--font-data);
  font-weight: 600;
  font-size: var(--fs-sm);
  letter-spacing: .14em;
  color: var(--signal);
}

.page-disclaimer .disc-section__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  line-height: 1.25;
  color: var(--night);
}

.page-disclaimer .disc-section p {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.85;
  color: var(--ink-soft);
}

.page-disclaimer .disc-section p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .disc-section a {
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page-disclaimer .disc-section a:hover {
  color: var(--signal);
}

/* ---------- 要点列表 ---------- */
.page-disclaimer .disc-points {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  display: grid;
  gap: .65rem;
}

.page-disclaimer .disc-points li {
  position: relative;
  padding-left: 1.5rem;
  font-size: .97rem;
  line-height: 1.75;
  color: var(--ink-soft);
}

.page-disclaimer .disc-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .74em;
  width: .7rem;
  height: 2px;
  background: var(--green-hi);
}

/* ---------- 折叠条款 ---------- */
.page-disclaimer .disc-fold {
  margin-top: .85rem;
  border: 1px dashed var(--line-light);
  background: var(--paper);
}

.page-disclaimer .disc-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem 1.05rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .97rem;
  color: var(--night);
  cursor: pointer;
  list-style: none;
}

.page-disclaimer .disc-fold summary::-webkit-details-marker {
  display: none;
}

.page-disclaimer .disc-fold summary::after {
  content: "+";
  font-family: var(--font-data);
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1;
  color: var(--signal);
}

.page-disclaimer .disc-fold[open] summary::after {
  content: "–";
}

.page-disclaimer .disc-fold p {
  margin: 0;
  padding: 0 1.05rem 1.05rem;
  font-size: .95rem;
  line-height: 1.8;
  color: var(--ink-soft);
}

/* ---------- 联系方式块 ---------- */
.page-disclaimer .disc-contact {
  list-style: none;
  margin: 1.25rem 0 1.25rem;
  padding: 1rem 1.1rem;
  display: grid;
  gap: .55rem;
  background: var(--frost);
  border-left: 3px solid var(--signal);
}

.page-disclaimer .disc-contact li {
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  gap: .75rem;
  align-items: baseline;
  font-size: .95rem;
}

.page-disclaimer .disc-contact__key {
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .1em;
  color: var(--ink-soft);
}

.page-disclaimer .disc-contact__val {
  font-family: var(--font-data);
  font-weight: 600;
  color: var(--night);
  overflow-wrap: anywhere;
}

/* ---------- 页脚动作 ---------- */
.page-disclaimer .disc-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  margin-top: 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px dashed var(--line-light);
}

.page-disclaimer .disc-foot__note {
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .06em;
  color: var(--ink-soft);
}

/* ---------- 窄屏微调 ---------- */
@media (max-width: 599px) {
  .page-disclaimer .disc-section {
    border-left-width: 3px;
    box-shadow: 4px 4px 0 var(--paper), 4px 4px 0 1px var(--line-light);
  }

  .page-disclaimer .disc-section__head {
    flex-direction: column;
    gap: .3rem;
  }

  .page-disclaimer .disc-contact li {
    grid-template-columns: 1fr;
    gap: .15rem;
  }

  .page-disclaimer .disc-banner figcaption {
    font-size: .78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-side__nav .side-nav__link {
    transition: none;
  }
}
</style>
<<<END>>>

等等，我犯了个错误——我在 CSS 末尾多写了一个 `</style>` 闭合标签，但这是不允许的。“page_css”部分应该只包含 CSS 规则，不能有 `</style>` 标签。我需要去掉它。

让我重新检查一下格式要求：

要求是：
```

从 <main id="main-content" class="page-disclaimer"> 开始，到 </main> 结束

当前页面专属 CSS
```

所以我需要清除这最后的多余内容。

另外，让我再检查一下分页标记的顺序和内容是否正确。

实际上，我意识到我需要重新输出整个内容，因为我不小心加上了 `</style>` 和 `<<<END>>>`，这些都不应该存在。让我修正一下。

让我再检查一下其他问题：

1. 图片占位符：`{zhanqunpic:h:500w:1400}` 与 width="1400" height="500" 匹配 ✓
2. 只使用了一个 h1 ✓
3. 面包屑 ✓
4. 所有 class 都在 CSS 中定义了 ✓
5. data-spy、data-spy-link、data-scroll-progress 都在允许列表中 ✓
6. 品牌名“博奥看台”自然出现 ✓
7. 联系信息与 site.contact 一致 ✓
8. ICP 号码苏ICP备32028852号 ✓
9. 页面作用域限定在 .page-disclaimer ✓
10. 移动优先加媒体查询 ✓

另外，我需要再次检查是否使用了不在列表中的 CSS 变量。让我检查一下：
- --page ✓
- --ink ✓
- --night ✓
- --stand ✓
- --frost ✓
- --signal ✓
- --signal-soft (已定义但未使用，没问题)
- --green ✓
- --green-hi ✓
- --paper ✓
- --ink-soft ✓
- --line-dark ✓
- --line-light ✓
- --font-display ✓
- --font-head ✓
- --font-body ✓
- --font-data ✓
- --fs-sm ✓
- --ease ✓

全部都在 css_variables 列表中 ✓

现在我需要清理我回答的后半部分。由于这些标记必须每行只出现一次，而且我之前犯了一个错误，我需要重新输出正确的内容。

实际上，再仔细看一下，我只应该输出：
```

...

...
```

不应该有 `</style>` 或 `<<<END>>>`。

现在让我正确地重新输出。
<main id="main-content" class="page-disclaimer">
  <div class="progress-rail" aria-hidden="true"><span class="progress-rail__bar" data-scroll-progress></span></div>

  <header class="disc-hero" id="notice-top">
    <div class="wrap">
      <nav class="breadcrumbs" aria-label="面包屑">
        <ol class="breadcrumbs__list">
          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">看台首页</a></li>
          <li class="breadcrumbs__sep" aria-hidden="true">/</li>
          <li class="breadcrumbs__item breadcrumbs__item--current" aria-current="page">访问须知</li>
        </ol>
      </nav>
      <p class="kicker kicker--dark">使用说明 · 内容声明</p>
      <h1>访问须知</h1>
      <p class="disc-hero__lead">在博奥看台查比分、读周期图表、安排一整年的观赛支出之前，先花几分钟弄清楚内容从哪来、比分多久刷新一次、订阅方案管到哪一步，用起来会踏实很多。</p>
      <p class="disc-hero__meta">
        <span class="stamp stamp--signal">现行版本 · 2025 赛季</span>
        <span class="stamp stamp--paper">适用域名 e-boao-sprint.com.cn</span>
      </p>
    </div>
  </header>

  <div class="wrap">
    <figure class="disc-banner">
      <img src="{zhanqunpic:h:500w:1400}" width="1400" height="500" alt="运动轨迹线与看台网格交叠的抽象图形，深蓝底色上排布草坪绿与信号橙的节奏线条">
      <figcaption>赛场进程每天在变，看台上的规则要说在前面。</figcaption>
    </figure>
  </div>

  <div class="wrap disc-layout" data-spy>
    <aside class="disc-side" aria-label="章节索引">
      <p class="disc-side__title">章节索引</p>
      <nav class="side-nav disc-side__nav">
        <a class="side-nav__link" href="#content-nature" data-spy-link>01 内容是怎么来的</a>
        <a class="side-nav__link" href="#data-cycle" data-spy-link>02 比分先动，图表随后</a>
        <a class="side-nav__link" href="#external-links" data-spy-link>03 从站内走到站外</a>
        <a class="side-nav__link" href="#subscription-scope" data-spy-link>04 订阅覆盖到哪里</a>
        <a class="side-nav__link" href="#ip" data-spy-link>05 内容与图表的使用</a>
        <a class="side-nav__link" href="#contact-update" data-spy-link>06 改动通知与联络</a>
      </nav>
      <a class="btn btn--outline btn--sm disc-side__back" href="#notice-top">返回顶部</a>
    </aside>

    <article class="disc-body">
      <section class="disc-section" id="content-nature">
        <header class="disc-section__head">
          <span class="disc-num">01</span>
          <h2 class="disc-section__title">看台上的内容是怎么来的</h2>
        </header>
        <p>博奥看台是一个中文体育内容与多联赛观赛方案站点，服务的是每周都会打开比分和赛程的人：既想看英超、西甲、中超、亚冠、NBA、CBA 等 20 余项赛事的实时进展，也想用进失球分布回头判断一支球队最近的主客场走向。</p>
        <p>内容团队由赛事编辑、数据分析和前端体验设计师组成，共 18 人，自 2018 年起持续运营，已经迭代 6 个主要版本。编辑负责把比赛进程和阶段特征讲清楚，数据同事负责图表的生成与维护，体验同事负责让你在电脑端把多个联赛的看板并排放在一起比较。</p>
        <ul class="disc-points">
          <li>赛程与比分：覆盖 20 余项赛事，每个赛季超过 3800 场更新。</li>
          <li>周期分析：近 5 个赛季的进失球分布，可按主客场、时间段和射门区域查看。</li>
          <li>观察简报：每周不少于 3 篇，按赛季阶段和联赛轮次组织。</li>
          <li>赛事日志按赛季阶段、联赛轮次和专题系列归类，方便顺着一条线读下去。</li>
        </ul>
      </section>

      <section class="disc-section" id="data-cycle">
        <header class="disc-section__head">
          <span class="disc-num">02</span>
          <h2 class="disc-section__title">比分先动，图表随后</h2>
        </header>
        <p>比赛日里，赛程与比分每 90 秒刷新一次，红牌、进球和终场哨都按这个节奏走进看板。你正在看的比赛如果刚有变化，稍微等一会儿再刷新就能对上。</p>
        <p>进失球分布图表走的是赛季节奏。每一轮结束后，新产生的射门与丢球会进入当季数据；赛季收尾时，整季的分布会补完并保留下来，成为后面 5 个赛季对照中的一档。所以同一支球队，你既能看到本赛季的走势，也能翻出几年前的主客场差异。</p>
        <p>2025 赛季新增了多联赛同屏对比与进失球趋势线，把几条曲线放进同一个画面，判断球队近况比单看一场比赛更直观。</p>
        <details class="disc-fold">
          <summary>赛季中途调整过赛程，图表会跟着变吗？</summary>
          <p>会。补赛和改期后的结果一旦入库，比分、赛程轴和对应的进失球分布都会按新日程重新对齐，你不需要自己换算日期。</p>
        </details>
        <details class="disc-fold">
          <summary>为什么个别场次的数据出现得比别人晚？</summary>
          <p>部分赛事的公开数据源发布时间本身靠后。我们按同一套入库流程处理，出现等待时通常意味着上游还没有放出这一场的明细。</p>
        </details>
      </section>

      <section class="disc-section" id="external-links">
        <header class="disc-section__head">
          <span class="disc-num">03</span>
          <h2 class="disc-section__title">从站内走到站外</h2>
        </header>
        <p>站内个别位置会指向其他站点，通常是赛事说明、合作方介绍一类的补充阅读。我们在链接附近尽量写清楚会去往哪里，你先看一眼再决定要不要点开。</p>
        <p>一旦跟随链接离开，之后的页面内容、服务和信息使用方式由那个站点负责，博奥看台不对站外的展示结果和后续操作承担连带影响。如果你在外部页面看到的比分与站内不一致，以该赛事的官方发布为准；而订阅、费用和账号相关的事，回到站内找我们处理就好。</p>
      </section>

      <section class="disc-section" id="subscription-scope">
        <header class="disc-section__head">
          <span class="disc-num">04</span>
          <h2 class="disc-section__title">订阅方案覆盖到哪里</h2>
        </header>
        <p>目前提供标准、进阶和全赛季三种多联赛观赛方案。标准方案适合单赛季全程关注，进阶方案适合多联赛高频查看，全赛季方案适合整年跟踪。三个档位在数据范围上一致，差别主要落在同时关注的球队数量和看板布局的灵活度上。</p>
        <p>电脑端标准年费方案包含全部联赛数据、周期图表和球队速达，最多可以同时关注 12 支球队，订阅用户还能把周期图表导出为 PNG。按年缴比按月缴省两成，适合已经确定整季观看节奏、想把观赛支出一次安排好的用户。</p>
        <p>支持方面，7×12 小时邮件支持，工作日内 24 小时回复。球队速达看板可以把你在意的球队置顶到首屏，省去逐页翻找；年费预算工具按季度展示使用节奏，赛季阶段性的观看安排能提前排进去。想先把档位和费用逐项看一遍，可以到<a href="/catalog/">观赛方案目录</a>。</p>
      </section>

      <section class="disc-section" id="ip">
        <header class="disc-section__head">
          <span class="disc-num">05</span>
          <h2 class="disc-section__title">内容与图表的使用范围</h2>
        </header>
        <p>站内的文字、图表、看板结构与视觉设计由博奥看台组织与维护。个人观看、研究和非公开讨论中引用站内图表，保留出处与赛季标注即可；把整篇文章或整张图表搬到公开渠道、用于商业宣传或二次分发，请先取得书面同意。</p>
        <p>订阅用户在订阅期内生成的周期图表可以导出为 PNG，用于个人记录或内部讨论，导出文件中会带上赛季与筛选条件，方便你自己留档回溯。</p>
      </section>

      <section class="disc-section" id="contact-update">
        <header class="disc-section__head">
          <span class="disc-num">06</span>
          <h2 class="disc-section__title">改动通知与联络方式</h2>
        </header>
        <p>这份访问须知会跟着方案调整和新功能上线一起更新，最近一次修改对应 2025 赛季。涉及费用结构或数据范围的调整，我们会在站内提前说明，并在支持中心同步一份说明。</p>
        <ul class="disc-contact">
          <li><span class="disc-contact__key">邮箱</span><span class="disc-contact__val">info@e-boao-sprint.com.cn</span></li>
          <li><span class="disc-contact__key">电话</span><span class="disc-contact__val">18950745896</span></li>
          <li><span class="disc-contact__key">地址</span><span class="disc-contact__val">江苏省南京市建邺区江东中路369号</span></li>
        </ul>
        <p>赛事数据与订阅问题请优先邮件联系。和个人信息相关的内容可以看<a href="/privacy-center/">隐私中心</a>；订阅支持与商务合作，欢迎到<a href="/contact-us/">联络看台</a>。</p>
        <p class="disc-foot">
          <a class="btn btn--outline btn--sm" href="#notice-top">返回顶部</a>
          <span class="disc-foot__note">苏ICP备32028852号</span>
        </p>
      </section>
    </article>
  </div>
</main>

.page-disclaimer {
  --disc-side-w: 236px;
  --disc-gap: clamp(1.5rem, 4vw, 3rem);
  position: relative;
  background: var(--page);
  color: var(--ink);
  overflow-x: clip;
}

.page-disclaimer .disc-hero {
  position: relative;
  background: linear-gradient(158deg, var(--night) 0%, var(--stand) 58%, #0c1a2e 100%);
  color: var(--frost);
  padding-block: clamp(1.75rem, 5vw, 3.25rem) clamp(2.5rem, 6vw, 4.5rem);
  border-bottom: 1px solid var(--line-dark);
  overflow: hidden;
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(234, 244, 255, .065) 1px, transparent 1px),
    linear-gradient(0deg, rgba(234, 244, 255, .045) 1px, transparent 1px);
  background-size: 68px 68px;
  pointer-events: none;
}

.page-disclaimer .disc-hero .wrap {
  position: relative;
  z-index: 1;
}

.page-disclaimer .disc-hero .breadcrumbs__list {
  margin: 0 0 clamp(1rem, 3vw, 1.75rem);
}

.page-disclaimer .disc-hero .breadcrumbs__link,
.page-disclaimer .disc-hero .breadcrumbs__sep,
.page-disclaimer .disc-hero .breadcrumbs__item--current {
  color: rgba(234, 244, 255, .68);
  text-decoration: none;
}

.page-disclaimer .disc-hero .breadcrumbs__link:hover {
  color: var(--green-hi);
}

.page-disclaimer .disc-hero .breadcrumbs__item--current {
  color: var(--frost);
}

.page-disclaimer .disc-hero h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.6rem, 8vw, 4.6rem);
  line-height: .98;
  letter-spacing: .02em;
  margin: 0 0 clamp(.75rem, 2vw, 1.1rem);
  color: var(--frost);
}

.page-disclaimer .disc-hero__lead {
  max-width: 62ch;
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.12rem);
  line-height: 1.8;
  color: rgba(234, 244, 255, .8);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: clamp(1.25rem, 3vw, 2rem) 0 0;
}

.page-disclaimer .disc-banner {
  margin: 0;
  padding-block: clamp(1.25rem, 4vw, 2.25rem) 0;
}

.page-disclaimer .disc-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 14 / 5;
  object-fit: cover;
  border: 1px solid var(--line-light);
  background: var(--stand);
}

.page-disclaimer .disc-banner figcaption {
  margin-top: .65rem;
  font-size: var(--fs-sm);
  color: var(--ink-soft);
  letter-spacing: .02em;
}

.page-disclaimer .disc-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--disc-gap);
  align-items: start;
  padding-block: clamp(1.75rem, 4vw, 2.75rem) clamp(3rem, 7vw, 5rem);
}

@media (min-width: 960px) {
  .page-disclaimer .disc-layout {
    grid-template-columns: var(--disc-side-w) minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
  }
}

.page-disclaimer .disc-side {
  background: var(--paper);
  border: 1px dashed var(--line-light);
  padding: 1.1rem 1rem .9rem;
}

@media (min-width: 960px) {
  .page-disclaimer .disc-side {
    position: sticky;
    top: 1.75rem;
  }
}

.page-disclaimer .disc-side__title {
  margin: 0 0 .7rem;
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.page-disclaimer .disc-side__nav {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

.page-disclaimer .disc-side__nav .side-nav__link {
  display: block;
  padding: .5rem .6rem;
  border-left: 2px solid transparent;
  font-size: .92rem;
  line-height: 1.45;
  color: var(--ink-soft);
  text-decoration: none;
  transition: color 160ms var(--ease), background-color 160ms var(--ease), border-color 160ms var(--ease);
}

.page-disclaimer .disc-side__nav .side-nav__link:hover {
  color: var(--ink);
  background: rgba(31, 138, 76, .08);
}

.page-disclaimer .disc-side__nav .side-nav__link[aria-current="true"] {
  color: var(--night);
  font-weight: 600;
  border-left-color: var(--signal);
  background: rgba(255, 107, 44, .13);
}

.page-disclaimer .disc-side__back {
  margin-top: 1rem;
  width: 100%;
  justify-content: center;
}

.page-disclaimer .disc-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.page-disclaimer .disc-section {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--line-light);
  border-left: 4px solid var(--green);
  padding: clamp(1.35rem, 3.4vw, 2.4rem);
  box-shadow: 6px 6px 0 var(--paper), 6px 6px 0 1px var(--line-light);
  scroll-margin-top: 4.5rem;
}

.page-disclaimer .disc-section__head {
  display: flex;
  align-items: baseline;
  gap: .75rem;
  margin-bottom: 1.15rem;
  padding-bottom: .85rem;
  border-bottom: 1px dashed var(--line-light);
}

.page-disclaimer .disc-num {
  font-family: var(--font-data);
  font-weight: 600;
  font-size: var(--fs-sm);
  letter-spacing: .14em;
  color: var(--signal);
}

.page-disclaimer .disc-section__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  line-height: 1.25;
  color: var(--night);
}

.page-disclaimer .disc-section p {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.85;
  color: var(--ink-soft);
}

.page-disclaimer .disc-section p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .disc-section a {
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page-disclaimer .disc-section a:hover {
  color: var(--signal);
}

.page-disclaimer .disc-points {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  display: grid;
  gap: .65rem;
}

.page-disclaimer .disc-points li {
  position: relative;
  padding-left: 1.5rem;
  font-size: .97rem;
  line-height: 1.75;
  color: var(--ink-soft);
}

.page-disclaimer .disc-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .74em;
  width: .7rem;
  height: 2px;
  background: var(--green-hi);
}

.page-disclaimer .disc-fold {
  margin-top: .85rem;
  border: 1px dashed var(--line-light);
  background: var(--paper);
}

.page-disclaimer .disc-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem 1.05rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .97rem;
  color: var(--night);
  cursor: pointer;
  list-style: none;
}

.page-disclaimer .disc-fold summary::-webkit-details-marker {
  display: none;
}

.page-disclaimer .disc-fold summary::after {
  content: "+";
  font-family: var(--font-data);
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1;
  color: var(--signal);
}

.page-disclaimer .disc-fold[open] summary::after {
  content: "–";
}

.page-disclaimer .disc-fold p {
  margin: 0;
  padding: 0 1.05rem 1.05rem;
  font-size: .95rem;
  line-height: 1.8;
  color: var(--ink-soft);
}

.page-disclaimer .disc-contact {
  list-style: none;
  margin: 1.25rem 0 1.25rem;
  padding: 1rem 1.1rem;
  display: grid;
  gap: .55rem;
  background: var(--frost);
  border-left: 3px solid var(--signal);
}

.page-disclaimer .disc-contact li {
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  gap: .75rem;
  align-items: baseline;
  font-size: .95rem;
}

.page-disclaimer .disc-contact__key {
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .1em;
  color: var(--ink-soft);
}

.page-disclaimer .disc-contact__val {
  font-family: var(--font-data);
  font-weight: 600;
  color: var(--night);
  overflow-wrap: anywhere;
}

.page-disclaimer .disc-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  margin-top: 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px dashed var(--line-light);
}

.page-disclaimer .disc-foot__note {
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  letter-spacing: .06em;
  color: var(--ink-soft);
}

@media (max-width: 599px) {
  .page-disclaimer .disc-section {
    border-left-width: 3px;
    box-shadow: 4px 4px 0 var(--paper), 4px 4px 0 1px var(--line-light);
  }

  .page-disclaimer .disc-section__head {
    flex-direction: column;
    gap: .3rem;
  }

  .page-disclaimer .disc-contact li {
    grid-template-columns: 1fr;
    gap: .15rem;
  }

  .page-disclaimer .disc-banner figcaption {
    font-size: .78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-side__nav .side-nav__link {
    transition: none;
  }
}