.page-disclaimer {
  --legal-num-col: 64px;
  position: relative;
  background:
    linear-gradient(180deg, rgba(20, 184, 176, .05), transparent 320px),
    var(--ink-900);
  color: var(--text);
  overflow-x: hidden;
}

.page-disclaimer .legal-hero {
  position: relative;
  border-bottom: 1px solid var(--grid-line);
  padding: clamp(28px, 5vw, 56px) 0 clamp(32px, 5vw, 64px);
  background:
    repeating-linear-gradient(90deg, transparent 0 95px, rgba(28, 53, 80, .55) 95px 96px),
    repeating-linear-gradient(0deg, transparent 0 95px, rgba(28, 53, 80, .35) 95px 96px);
}

.page-disclaimer .legal-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: linear-gradient(90deg, var(--lake), transparent 62%);
  opacity: .7;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  align-items: center;
}

.page-disclaimer .legal-hero__text {
  min-width: 0;
}

.page-disclaimer .legal-hero .kicker {
  color: var(--lake-soft);
  font-family: var(--font-num);
  letter-spacing: .16em;
  font-size: 12px;
  text-transform: uppercase;
}

.page-disclaimer .legal-hero .page-title {
  margin: 12px 0 16px;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(30px, 6.2vw, 58px);
  line-height: 1.08;
  letter-spacing: -.01em;
  color: var(--text);
}

.page-disclaimer .legal-hero .lede {
  max-width: 58ch;
  color: var(--text-dim);
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.8;
}

.page-disclaimer .legal-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-disclaimer .legal-hero__figure {
  margin: 0;
  border: 1px solid var(--rule);
  background: var(--ink-950);
  position: relative;
  overflow: hidden;
}

.page-disclaimer .legal-hero__figure::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(20, 184, 176, .18), transparent 55%, rgba(246, 199, 68, .12));
  pointer-events: none;
  z-index: 1;
}

.page-disclaimer .legal-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  filter: saturate(.9) contrast(1.05);
}

.page-disclaimer .legal-layout {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  padding: clamp(32px, 5vw, 64px) 0 clamp(48px, 7vw, 88px);
}

.page-disclaimer .legal-index {
  border: 1px solid var(--grid-line);
  background: var(--ink-850);
  padding: 16px;
}

.page-disclaimer .legal-index__label {
  margin: 0 0 12px;
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--text-dim);
}

.page-disclaimer .legal-index__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--grid-line);
}

.page-disclaimer .legal-index__list li {
  background: var(--ink-850);
}

.page-disclaimer .legal-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 12px;
  color: var(--text-dim);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  transition: color var(--dur) var(--ease), background var(--dur) var(--ease);
  border-left: 2px solid transparent;
}

.page-disclaimer .legal-index__list a:hover,
.page-disclaimer .legal-index__list a:focus-visible {
  color: var(--text);
  background: var(--ink-800);
  border-left-color: var(--lake);
  outline: none;
}

.page-disclaimer .legal-index__num {
  font-family: var(--font-num);
  font-size: 15px;
  font-weight: 700;
  color: var(--yellow);
  flex: 0 0 auto;
}

.page-disclaimer .legal-body {
  display: grid;
  gap: 0;
  min-width: 0;
}

.page-disclaimer .legal-clause {
  border-top: 1px solid var(--grid-line);
  padding: clamp(24px, 3.6vw, 36px) 0;
  scroll-margin-top: calc(var(--header-h) + 16px);
}

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

.page-disclaimer .legal-clause__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 16px;
}

.page-disclaimer .legal-clause__num {
  font-family: var(--font-num);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 700;
  line-height: 1;
  color: var(--yellow);
  letter-spacing: -.02em;
  flex: 0 0 auto;
}

.page-disclaimer .legal-clause__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: clamp(20px, 2.6vw, 28px);
  letter-spacing: -.01em;
  color: var(--text);
}

.page-disclaimer .legal-clause__content p {
  margin: 0 0 14px;
  color: var(--text-dim);
  font-size: 15px;
  line-height: 1.85;
  max-width: 72ch;
}

.page-disclaimer .legal-clause__content p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .legal-clause__content a {
  color: var(--lake-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.page-disclaimer .legal-clause__content a:hover,
.page-disclaimer .legal-clause__content a:focus-visible {
  color: var(--yellow);
}

.page-disclaimer .legal-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  border: 1px solid var(--grid-line);
  background: var(--ink-850);
}

.page-disclaimer .legal-list li {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-top: 1px solid var(--grid-line);
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-dim);
}

.page-disclaimer .legal-list li:first-child {
  border-top: 0;
}

.page-disclaimer .legal-list__key {
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--lake);
  text-transform: uppercase;
}

.page-disclaimer .legal-contact-inline {
  margin-top: 20px;
  border-left: 2px solid var(--lake);
  background: var(--ink-850);
  padding: 16px 18px;
}

.page-disclaimer .legal-contact-inline__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: baseline;
  padding: 6px 0;
}

.page-disclaimer .legal-contact-inline .contact-key {
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--text-dim);
  text-transform: uppercase;
  flex: 0 0 76px;
}

.page-disclaimer .legal-contact-inline .contact-value {
  color: var(--text);
  font-family: var(--font-num);
  font-size: 14px;
  word-break: break-all;
}

.page-disclaimer .legal-contact-inline .contact-note {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--text-dim);
  line-height: 1.7;
}

.page-disclaimer .legal-aside {
  min-width: 0;
}

.page-disclaimer .legal-aside__card {
  border: 1px solid var(--rule);
  background: linear-gradient(160deg, var(--ink-850), var(--ink-950));
  padding: 20px;
  position: relative;
}

.page-disclaimer .legal-aside__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: var(--yellow);
}

.page-disclaimer .legal-aside__label {
  margin: 6px 0 8px;
  font-family: var(--font-head);
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}

.page-disclaimer .legal-aside__text {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--text-dim);
}

.page-disclaimer .legal-aside__mail {
  border-top: 1px solid var(--grid-line);
  padding-top: 14px;
  display: grid;
  gap: 8px;
}

.page-disclaimer .legal-aside__mail-key {
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lake);
}

.page-disclaimer .legal-aside__mail-value {
  font-family: var(--font-num);
  font-size: 13px;
  color: var(--text);
  text-decoration: none;
  word-break: break-all;
}

.page-disclaimer .legal-aside__mail-value:hover,
.page-disclaimer .legal-aside__mail-value:focus-visible {
  color: var(--yellow);
}

.page-disclaimer .legal-copy {
  margin-top: 4px;
}

.page-disclaimer .legal-copy__hint {
  margin: 0;
  font-size: 12px;
  color: var(--score);
  font-family: var(--font-num);
  letter-spacing: .06em;
}

.page-disclaimer .legal-aside__hours {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
  padding-top: 14px;
  border-top: 1px solid var(--grid-line);
  font-size: 12px;
  color: var(--text-dim);
}

.page-disclaimer .legal-aside__foot {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--text-dim);
  border-left: 1px solid var(--rule);
  padding-left: 12px;
}

@media (min-width: 760px) {
  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-disclaimer .legal-list li {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: baseline;
    gap: 14px;
  }
}

@media (min-width: 1000px) {
  .page-disclaimer .legal-layout {
    grid-template-columns: 210px minmax(0, 1fr) 280px;
    align-items: start;
  }

  .page-disclaimer .legal-index {
    position: sticky;
    top: calc(var(--header-h) + 20px);
  }

  .page-disclaimer .legal-index__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-disclaimer .legal-aside {
    position: sticky;
    top: calc(var(--header-h) + 20px);
  }
}

@media (max-width: 420px) {
  .page-disclaimer .legal-index__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-disclaimer .legal-clause__head {
    gap: 12px;
  }
}
<<<END>>>

<main id="main-content" class="page-disclaimer">
  <div class="shell">
    <nav class="breadcrumbs" aria-label="面包屑导航">
      <ol>
        <li><a href="/">赛场首页</a></li>
        <li aria-current="page">法律声明</li>
      </ol>
    </nav>
  </div>

  <section class="legal-hero">
    <div class="shell legal-hero__inner">
      <div class="legal-hero__text">
        <p class="kicker">法律声明 · 现行条款</p>
        <h1 class="page-title">引用 B体育赛场的内容，<br>先看清这几条约定</h1>
        <p class="lede">战报、专题、比分与阵容信息由 B体育赛场内容团队整理发布，供你在通勤、复盘与日常查阅时使用。下面六条说明这些内容怎么用、归谁所有，以及遇到数据疑问时该找谁。</p>
        <div class="legal-hero__meta">
          <span class="tag tag--yellow">条款编号 01–06</span>
          <span class="tag tag--lake">面向全站公开内容</span>
        </div>
      </div>
      <figure class="legal-hero__figure">
        <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="深色精密网格与球场灯光光带叠加的抽象画面，穿插数据线与编号图形，无人物">
      </figure>
    </div>
  </section>

  <div class="shell legal-layout">
    <nav class="legal-index" aria-label="条款编号导航">
      <p class="legal-index__label">条款索引</p>
      <ol class="legal-index__list">
        <li><a href="#clause-01"><span class="legal-index__num">01</span><span>内容使用范围</span></a></li>
        <li><a href="#clause-02"><span class="legal-index__num">02</span><span>赛事数据与比分</span></a></li>
        <li><a href="#clause-03"><span class="legal-index__num">03</span><span>知识产权与转载</span></a></li>
        <li><a href="#clause-04"><span class="legal-index__num">04</span><span>第三方链接与服务</span></a></li>
        <li><a href="#clause-05"><span class="legal-index__num">05</span><span>账号与访问行为</span></a></li>
        <li><a href="#clause-06"><span class="legal-index__num">06</span><span>更新、纠错与联系</span></a></li>
      </ol>
    </nav>

    <div class="legal-body">
      <article class="legal-clause" id="clause-01">
        <header class="legal-clause__head">
          <span class="legal-clause__num">01</span>
          <h2 class="legal-clause__title">内容使用范围</h2>
        </header>
        <div class="legal-clause__content">
          <p>站内的战报文章、轮次专题、比分卡片、排名信息与帮助说明，你可以自由浏览，也可以在自有设备上收藏场次、保存页面链接或截图留作个人复盘。</p>
          <p>媒体、联赛运营方与品牌合作方若要在报道、专题或社群内容中引用站内文字与图表，请先按第 06 条的方式取得书面授权。引用时保留原场次、轮次与发布时间，读者才不会把转载稿当作官方首发。</p>
          <p>以下做法不在允许范围：批量抓取或整站镜像、把专题页面整体搬到其他站点、去掉品牌标识后二次发布、将比分与战报数据打包进付费产品转售。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-02">
        <header class="legal-clause__head">
          <span class="legal-clause__num">02</span>
          <h2 class="legal-clause__title">赛事数据与比分说明</h2>
        </header>
        <div class="legal-clause__content">
          <p>比分区间、阵容确认状态与战报时间戳由内容数据团队按场次记录。阵容在官方公布后同步，重点联赛的战报摘要一般在比赛结束后 30 分钟内更新；赛事中心专题自 2024 赛季起每周一更新排名与比分区间。</p>
          <p>赛事数据依赖现场信号与外部数据源传输，可能出现短暂延迟、中断或统计差异。比分卡片上的数字反映记录时刻的状态，不构成对比赛结果的确认，也不作为投注、竞猜或结算依据。</p>
          <ul class="legal-list">
            <li><span class="legal-list__key">比分区间</span>按节次或轮次累计记录，以等宽数字呈现，便于与战报时间戳逐项对照。</li>
            <li><span class="legal-list__key">阵容状态</span>分待确认与已确认两档，未确认时以文字提示替代名单。</li>
            <li><span class="legal-list__key">时间戳</span>统一为 HH:MM 格式，标注战报生成时刻，方便你回查。</li>
          </ul>
        </div>
      </article>

      <article class="legal-clause" id="clause-03">
        <header class="legal-clause__head">
          <span class="legal-clause__num">03</span>
          <h2 class="legal-clause__title">知识产权与转载</h2>
        </header>
        <div class="legal-clause__content">
          <p>B体育赛场的品牌名称、标识图形、页面视觉系统（含夜蓝底色、轮次轨道、等宽比分数字与网格图形）、原创战报文字、专题编排与数据可视化，权利归本站及相应权利人所有。</p>
          <p>站内引用的联赛名称、队伍名称与赛事标识，权利归各自所有者，仅用于识别与描述赛事，不代表与本站存在赞助、授权或合作关系。</p>
          <p>转载申请请写明使用场景、涉及页面、发布渠道与时间安排。我们收到完整信息后回复是否授权及署名要求。未经授权使用，我们保留要求下架并追究责任的权利。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-04">
        <header class="legal-clause__head">
          <span class="legal-clause__num">04</span>
          <h2 class="legal-clause__title">第三方链接与外部服务</h2>
        </header>
        <div class="legal-clause__content">
          <p>站内可能出现指向合作媒体、赛事数据机构或线下活动的链接，这些入口只为方便你获取更多信息，其内容、可用性与数据处理方式由第三方负责。</p>
          <p>离开本站访问第三方服务时，适用该方的用户协议与隐私政策。提交个人信息前，建议先读一遍对方的说明。第三方页面的观点与内容不代表本站立场。</p>
          <p>与 18 家区域体育媒体和赛事数据机构的内容合作，按各自协议界定内容归属与使用方式；合作方内容在本站展示时保留其署名与来源标识。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-05">
        <header class="legal-clause__head">
          <span class="legal-clause__num">05</span>
          <h2 class="legal-clause__title">账号与访问行为</h2>
        </header>
        <div class="legal-clause__content">
          <p>你收藏的场次、关注的轮次与提醒设置绑定在设备上，可在安卓、iOS 与移动网页三端同步。请妥善保管设备与账号，因转借或凭证泄露造成的设置变更，由使用者自行承担。</p>
          <p>禁止用自动化程序高频请求页面、绕过访问限制、干扰服务运行，或尝试获取其他用户的信息。出现异常请求时，我们可能临时限流以保障整体可用。</p>
          <p>个人信息的收集与处理方式见<a href="/privacy/">隐私说明</a>；阵容提醒、轮次导航等操作指引可前往<a href="/help/">帮助索引</a>查阅。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-06">
        <header class="legal-clause__head">
          <span class="legal-clause__num">06</span>
          <h2 class="legal-clause__title">更新、纠错与联系</h2>
        </header>
        <div class="legal-clause__content">
          <p>本条款随产品版本与业务调整同步修订，2025 赛季专题规划发布时做了最近一次更新。修订后在本页公示，继续使用站内内容即视为接受更新后的条款。对某场比分、阵容状态或战报时间戳有疑问，欢迎直接反馈。</p>
          <p>反馈时请附具体场次与轮次，说明你认为有误的字段与依据来源，数据组会在 1 个工作日内复核并回复。商务合作与授权申请请走<a href="/cooperation/">合作洽谈</a>，避免与纠错通道混用而延迟响应。更多入口可从<a href="/">赛场首页</a>开始。</p>
          <div class="legal-contact-inline">
            <div class="legal-contact-inline__row">
              <span class="contact-key">客服邮箱</span>
              <a class="contact-value" href="mailto:email@entry-b-tiyu.com.cn">email@entry-b-tiyu.com.cn</a>
            </div>
            <div class="legal-contact-inline__row">
              <span class="contact-key">客服电话</span>
              <a class="contact-value" href="tel:17356050159">17356050159</a>
            </div>
            <p class="contact-note">工作日 9:00–18:00 回复；赛事数据问题请附具体场次与轮次。</p>
          </div>
        </div>
      </article>
    </div>

    <aside class="legal-aside" aria-label="纠错与联系">
      <div class="legal-aside__card">
        <p class="legal-aside__label">发现内容有误？</p>
        <p class="legal-aside__text">把场次和轮次一起发给我们，数据组复核后回复。</p>
        <div class="legal-aside__mail">
          <span class="legal-aside__mail-key">客服邮箱</span>
          <a href="mailto:email@entry-b-tiyu.com.cn" class="legal-aside__mail-value">email@entry-b-tiyu.com.cn</a>
          <button type="button" class="btn btn--ghost btn--sm btn--block legal-copy" data-copy-mail="email@entry-b-tiyu.com.cn">复制邮箱</button>
          <p class="legal-copy__hint" hidden>已复制到剪贴板</p>
        </div>
        <div class="legal-aside__hours">
          <span class="status-dot" aria-hidden="true"></span>
          <span>工作日 9:00–18:00 回复</span>
        </div>
        <a class="btn btn--quiet btn--sm btn--block" href="/help/">去帮助索引</a>
      </div>
      <p class="legal-aside__foot">纠错以场次为最小单位，附上轮次能更快定位到具体记录。</p>
    </aside>
  </div>
</main>

.page-disclaimer {
  --legal-sticky-top: calc(var(--header-h) + 20px);
  position: relative;
  background:
    linear-gradient(180deg, rgba(20, 184, 176, .05), transparent 320px),
    var(--ink-900);
  color: var(--text);
  overflow-x: hidden;
}

.page-disclaimer .legal-hero {
  position: relative;
  border-bottom: 1px solid var(--grid-line);
  padding: clamp(28px, 5vw, 56px) 0 clamp(32px, 5vw, 64px);
  background:
    repeating-linear-gradient(90deg, transparent 0 95px, rgba(28, 53, 80, .55) 95px 96px),
    repeating-linear-gradient(0deg, transparent 0 95px, rgba(28, 53, 80, .35) 95px 96px);
}

.page-disclaimer .legal-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: linear-gradient(90deg, var(--lake), transparent 62%);
  opacity: .7;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  align-items: center;
}

.page-disclaimer .legal-hero__text {
  min-width: 0;
}

.page-disclaimer .legal-hero .kicker {
  color: var(--lake-soft);
  font-family: var(--font-num);
  letter-spacing: .16em;
  font-size: 12px;
  text-transform: uppercase;
}

.page-disclaimer .legal-hero .page-title {
  margin: 12px 0 16px;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(30px, 6.2vw, 58px);
  line-height: 1.08;
  letter-spacing: -.01em;
  color: var(--text);
}

.page-disclaimer .legal-hero .lede {
  max-width: 58ch;
  color: var(--text-dim);
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.8;
}

.page-disclaimer .legal-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-disclaimer .legal-hero__figure {
  margin: 0;
  border: 1px solid var(--rule);
  background: var(--ink-950);
  position: relative;
  overflow: hidden;
}

.page-disclaimer .legal-hero__figure::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(20, 184, 176, .18), transparent 55%, rgba(246, 199, 68, .12));
  pointer-events: none;
  z-index: 1;
}

.page-disclaimer .legal-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  filter: saturate(.9) contrast(1.05);
}

.page-disclaimer .legal-layout {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  padding: clamp(32px, 5vw, 64px) 0 clamp(48px, 7vw, 88px);
}

.page-disclaimer .legal-index {
  border: 1px solid var(--grid-line);
  background: var(--ink-850);
  padding: 16px;
  min-width: 0;
}

.page-disclaimer .legal-index__label {
  margin: 0 0 12px;
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--text-dim);
}

.page-disclaimer .legal-index__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--grid-line);
}

.page-disclaimer .legal-index__list li {
  background: var(--ink-850);
  min-width: 0;
}

.page-disclaimer .legal-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px;
  color: var(--text-dim);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  border-left: 2px solid transparent;
  transition: color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-disclaimer .legal-index__list a:hover,
.page-disclaimer .legal-index__list a:focus-visible {
  color: var(--text);
  background: var(--ink-800);
  border-left-color: var(--lake);
  outline: none;
}

.page-disclaimer .legal-index__num {
  font-family: var(--font-num);
  font-size: 15px;
  font-weight: 700;
  color: var(--yellow);
  flex: 0 0 auto;
}

.page-disclaimer .legal-body {
  display: grid;
  gap: 0;
  min-width: 0;
}

.page-disclaimer .legal-clause {
  border-top: 1px solid var(--grid-line);
  padding: clamp(24px, 3.6vw, 36px) 0;
  scroll-margin-top: calc(var(--header-h) + 16px);
}

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

.page-disclaimer .legal-clause__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 16px;
}

.page-disclaimer .legal-clause__num {
  font-family: var(--font-num);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 700;
  line-height: 1;
  color: var(--yellow);
  letter-spacing: -.02em;
  flex: 0 0 auto;
}

.page-disclaimer .legal-clause__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: clamp(20px, 2.6vw, 28px);
  letter-spacing: -.01em;
  color: var(--text);
}

.page-disclaimer .legal-clause__content p {
  margin: 0 0 14px;
  color: var(--text-dim);
  font-size: 15px;
  line-height: 1.85;
  max-width: 72ch;
}

.page-disclaimer .legal-clause__content p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .legal-clause__content a {
  color: var(--lake-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.page-disclaimer .legal-clause__content a:hover,
.page-disclaimer .legal-clause__content a:focus-visible {
  color: var(--yellow);
}

.page-disclaimer .legal-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  border: 1px solid var(--grid-line);
  background: var(--ink-850);
}

.page-disclaimer .legal-list li {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-top: 1px solid var(--grid-line);
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-dim);
}

.page-disclaimer .legal-list li:first-child {
  border-top: 0;
}

.page-disclaimer .legal-list__key {
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--lake);
  text-transform: uppercase;
}

.page-disclaimer .legal-contact-inline {
  margin-top: 20px;
  border-left: 2px solid var(--lake);
  background: var(--ink-850);
  padding: 16px 18px;
}

.page-disclaimer .legal-contact-inline__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: baseline;
  padding: 6px 0;
}

.page-disclaimer .legal-contact-inline .contact-key {
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--text-dim);
  text-transform: uppercase;
  flex: 0 0 76px;
}

.page-disclaimer .legal-contact-inline .contact-value {
  color: var(--text);
  font-family: var(--font-num);
  font-size: 14px;
  word-break: break-all;
  text-decoration: none;
}

.page-disclaimer .legal-contact-inline .contact-value:hover,
.page-disclaimer .legal-contact-inline .contact-value:focus-visible {
  color: var(--yellow);
}

.page-disclaimer .legal-contact-inline .contact-note {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--text-dim);
  line-height: 1.7;
}

.page-disclaimer .legal-aside {
  min-width: 0;
}

.page-disclaimer .legal-aside__card {
  border: 1px solid var(--rule);
  background: linear-gradient(160deg, var(--ink-850), var(--ink-950));
  padding: 20px;
  position: relative;
}

.page-disclaimer .legal-aside__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: var(--yellow);
}

.page-disclaimer .legal-aside__label {
  margin: 6px 0 8px;
  font-family: var(--font-head);
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}

.page-disclaimer .legal-aside__text {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--text-dim);
}

.page-disclaimer .legal-aside__mail {
  border-top: 1px solid var(--grid-line);
  padding-top: 14px;
  display: grid;
  gap: 8px;
}

.page-disclaimer .legal-aside__mail-key {
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lake);
}

.page-disclaimer .legal-aside__mail-value {
  font-family: var(--font-num);
  font-size: 13px;
  color: var(--text);
  text-decoration: none;
  word-break: break-all;
}

.page-disclaimer .legal-aside__mail-value:hover,
.page-disclaimer .legal-aside__mail-value:focus-visible {
  color: var(--yellow);
}

.page-disclaimer .legal-copy {
  margin-top: 4px;
}

.page-disclaimer .legal-copy__hint {
  margin: 0;
  font-size: 12px;
  color: var(--score);
  font-family: var(--font-num);
  letter-spacing: .06em;
}

.page-disclaimer .legal-aside__hours {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
  padding-top: 14px;
  border-top: 1px solid var(--grid-line);
  font-size: 12px;
  color: var(--text-dim);
}

.page-disclaimer .legal-aside__foot {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--text-dim);
  border-left: 1px solid var(--rule);
  padding-left: 12px;
}

@media (min-width: 760px) {
  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-disclaimer .legal-list li {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: baseline;
    gap: 14px;
  }
}

@media (min-width: 1000px) {
  .page-disclaimer .legal-layout {
    grid-template-columns: 210px minmax(0, 1fr) 280px;
    align-items: start;
  }

  .page-disclaimer .legal-index {
    position: sticky;
    top: var(--legal-sticky-top);
  }

  .page-disclaimer .legal-index__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-disclaimer .legal-aside {
    position: sticky;
    top: var(--legal-sticky-top);
  }
}

@media (max-width: 420px) {
  .page-disclaimer .legal-index__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-disclaimer .legal-clause__head {
    gap: 12px;
  }

  .page-disclaimer .legal-contact-inline .contact-key {
    flex-basis: 100%;
  }
}
<<<END>>>