.page-disclaimer{
  --dc-gold-line:1px solid rgba(192,138,46,.55);
  --dc-soft-line:1px solid rgba(107,74,47,.26);
  --dc-check:linear-gradient(90deg,rgba(107,74,47,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(107,74,47,.06) 1px,transparent 1px);
  display:block;
  background:var(--board);
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--step-body);
  line-height:1.8;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dc-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 3rem) 0 clamp(2.2rem,5vw,3.4rem);
  background:
    radial-gradient(120% 95% at 78% 0%, rgba(242,193,78,.26), transparent 60%),
    linear-gradient(158deg,#1C1410 0%,#271711 44%,#3d1d14 100%);
  color:var(--board);
  border-bottom:3px solid var(--deep-red);
}
.page-disclaimer .dc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgba(245,237,225,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(245,237,225,.07) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.9;
}
.page-disclaimer .dc-hero__inner{
  position:relative;
  z-index:1;
}
.page-disclaimer .dc-hero .breadcrumb{
  font-size:var(--step-small);
  color:rgba(245,237,225,.72);
}
.page-disclaimer .dc-hero .breadcrumb a{
  color:var(--butter);
  text-decoration:none;
  border-bottom:1px solid rgba(242,193,78,.45);
}
.page-disclaimer .dc-hero .path-hint{
  display:inline-block;
  margin:1rem 0 0;
  font-family:var(--mono);
  font-size:var(--step-small);
  letter-spacing:.04em;
  color:var(--butter);
  border:1px solid rgba(192,138,46,.6);
  padding:.25rem .6rem;
  background:rgba(28,20,16,.42);
}
.page-disclaimer .dc-hero__title{
  margin:1.1rem 0 0;
  max-width:20ch;
  font-family:var(--serif);
  font-weight:900;
  font-size:clamp(2.3rem,6.6vw,4.5rem);
  line-height:1.07;
  letter-spacing:-.01em;
}
.page-disclaimer .dc-hero__title em{
  font-style:normal;
  color:var(--butter);
  box-shadow:inset 0 -.16em 0 rgba(192,138,46,.7);
}
.page-disclaimer .dc-hero__lede{
  max-width:56ch;
  margin:1.2rem 0 0;
  color:rgba(245,237,225,.88);
  font-size:1.0625rem;
  line-height:1.85;
}
.page-disclaimer .dc-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .8rem;
  margin:1.7rem 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dc-hero__meta li{
  font-family:var(--mono);
  font-size:var(--step-small);
  font-weight:700;
  color:var(--butter);
  border:1px solid rgba(192,138,46,.5);
  padding:.3rem .62rem;
  background:rgba(28,20,16,.38);
}

/* ---------- 顶部横幅 ---------- */
.page-disclaimer .dc-banner{
  position:relative;
  margin:0;
  max-height:clamp(210px,32vw,400px);
  overflow:hidden;
  background:var(--wood);
  border-bottom:var(--dc-gold-line);
}
.page-disclaimer .dc-banner img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
.page-disclaimer .dc-banner .figure__cap{
  font-family:var(--mono);
  font-size:var(--step-small);
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .dc-body{
  background-color:var(--board);
  background-image:var(--dc-check);
  background-size:56px 56px;
  padding:clamp(2.4rem,5vw,3.8rem) 0 clamp(2.6rem,6vw,4.4rem);
}
.page-disclaimer .dc-body__grid{
  display:grid;
  gap:1.8rem;
  align-items:start;
}

/* 迷你目录 */
.page-disclaimer .dc-toc{
  background:var(--paper);
  border-top:3px solid var(--deep-red);
  border-left:var(--dc-soft-line);
  border-right:var(--dc-soft-line);
  border-bottom:var(--dc-soft-line);
  padding:1.1rem 1.05rem 1.3rem;
  box-shadow:var(--shadow-card);
}
.page-disclaimer .dc-toc__title{
  margin:0 0 .85rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:1.12rem;
  line-height:1.3;
}
.page-disclaimer .dc-toc__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.12rem;
}
.page-disclaimer .dc-toc__list a{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  padding:.42rem .5rem;
  font-size:.9rem;
  color:var(--ink);
  text-decoration:none;
  border-left:2px solid transparent;
  transition:background-color .2s var(--ease),border-color .2s var(--ease);
}
.page-disclaimer .dc-toc__list a:hover,
.page-disclaimer .dc-toc__list a:focus-visible{
  background:rgba(242,193,78,.32);
  border-left-color:var(--deep-red);
}
.page-disclaimer .dc-toc__num{
  font-family:var(--mono);
  font-weight:700;
  font-size:.8rem;
  color:var(--ochre);
}
.page-disclaimer .dc-toc__note{
  margin:1rem 0 0;
  padding-top:.85rem;
  border-top:var(--dc-soft-line);
  font-size:var(--step-small);
  line-height:1.75;
  color:var(--stone);
}

/* 条款清单 */
.page-disclaimer .dc-clause-list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dc-clause{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.5rem 1rem;
  padding:clamp(1.5rem,3.6vw,2.4rem) clamp(.4rem,1.6vw,1.1rem) clamp(1.5rem,3.6vw,2.4rem) 0;
  border-top:var(--dc-gold-line);
  scroll-margin-top:calc(var(--header-h) + 1.2rem);
  transition:background-color .25s var(--ease),box-shadow .25s var(--ease);
}
.page-disclaimer .dc-clause:first-child{
  border-top:3px solid var(--deep-red);
}
.page-disclaimer .dc-clause:target{
  background:var(--paper);
  box-shadow:inset 0 -3px 0 var(--butter),inset 3px 0 0 rgba(192,138,46,.65);
}
.page-disclaimer .dc-clause__num{
  padding-top:.35rem;
  font-family:var(--mono);
  font-weight:700;
  font-size:clamp(1.35rem,3.4vw,2rem);
  line-height:1;
  letter-spacing:.02em;
  color:var(--ochre);
}
.page-disclaimer .dc-clause__title{
  margin:0 0 .75rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h2);
  line-height:1.32;
}
.page-disclaimer .dc-clause__text{
  max-width:60ch;
}
.page-disclaimer .dc-clause__text p{
  margin:0 0 .62rem;
  color:var(--ink);
}
.page-disclaimer .dc-clause__text p:last-child{
  margin-bottom:0;
}

/* ---------- 延伸入口 ---------- */
.page-disclaimer .dc-more{
  background:linear-gradient(180deg,#1C1410 0%,#2b1710 100%);
  color:var(--board);
  padding:clamp(2.4rem,5vw,3.6rem) 0 clamp(2.6rem,6vw,4rem);
  border-top:3px solid var(--ochre);
}
.page-disclaimer .dc-more__title{
  margin:.4rem 0 1.6rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h2);
  color:var(--board);
}
.page-disclaimer .dc-more .eyebrow{
  font-family:var(--mono);
  font-size:var(--step-small);
  letter-spacing:.08em;
  color:var(--butter);
  margin:0;
}
.page-disclaimer .dc-more .card{
  display:block;
  text-decoration:none;
  color:var(--ink);
  background:var(--paper);
  border:var(--dc-soft-line);
  padding:1.15rem 1.05rem 1.35rem;
  box-shadow:var(--shadow-card);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.page-disclaimer .dc-more .card:hover,
.page-disclaimer .dc-more .card:focus-visible{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
}
.page-disclaimer .dc-more .card__kicker{
  margin:0 0 .5rem;
  font-family:var(--mono);
  font-size:var(--step-small);
  font-weight:700;
  color:var(--deep-red);
}
.page-disclaimer .dc-more .card__title{
  margin:0 0 .5rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h3);
  line-height:1.35;
  color:var(--ink);
}
.page-disclaimer .dc-more .card__body{
  margin:0;
  font-size:.95rem;
  line-height:1.75;
  color:var(--stone);
}

/* ---------- 断点 ---------- */
@media (min-width:900px){
  .page-disclaimer .dc-body__grid{
    grid-template-columns:232px minmax(0,1fr);
    gap:3.4rem;
  }
  .page-disclaimer .dc-toc{
    position:sticky;
    top:calc(var(--header-h) + 1rem);
  }
  .page-disclaimer .dc-clause{
    gap:.6rem 1.7rem;
  }
}

@media (min-width:1180px){
  .page-disclaimer .dc-hero__lede{
    font-size:1.125rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .dc-toc__list a,
  .page-disclaimer .dc-clause,
  .page-disclaimer .dc-more .card{
    transition:none;
  }
  .page-disclaimer .dc-more .card:hover,
  .page-disclaimer .dc-more .card:focus-visible{
    transform:none;
  }
}
<<<END>>>

<main id="main-content" class="page-disclaimer">

  <section class="dc-hero" aria-labelledby="dc-hero-title">
    <div class="wrap dc-hero__inner">
      <nav class="breadcrumb" aria-label="当前位置">
        <a href="/">首页</a>
        <span class="breadcrumb__sep" aria-hidden="true">/</span>
        <span>使用条款</span>
      </nav>

      <p class="path-hint path-hint--dark">3.6 版主线 · 路径 /terms-of-use/</p>

      <h1 id="dc-hero-title" class="dc-hero__title">资料怎么用、账号谁负责，<em>六条讲明白</em></h1>

      <p class="dc-hero__lede">你点开一页版本档案、从首页进一条栏目，碰到的都是同一批约定。财神棋牌老版本把资料怎么用、入口怎么走、账号谁来管写成六条，看完不用再猜。</p>

      <ul class="dc-hero__meta">
        <li>当前批次条款</li>
        <li>覆盖 1.x / 2.x / 3.x</li>
        <li>电脑端与手机端通用</li>
      </ul>
    </div>
  </section>

  <figure class="dc-banner">
    <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="木纹桌面上摊开的纸质条款与棋盘一角俯拍">
    <figcaption class="figure__cap">条款文本摊在木桌上，旁边是棋盘一角</figcaption>
  </figure>

  <section class="dc-body" aria-labelledby="dc-toc-title">
    <div class="wrap dc-body__grid">

      <aside class="dc-toc" aria-labelledby="dc-toc-title">
        <h2 class="dc-toc__title" id="dc-toc-title">六条速查</h2>
        <ol class="dc-toc__list">
          <li><a href="#clause-01"><span class="dc-toc__num">01</span>版本资料怎么用</a></li>
          <li><a href="#clause-02"><span class="dc-toc__num">02</span>栏目入口怎么走</a></li>
          <li><a href="#clause-03"><span class="dc-toc__num">03</span>账号与登录状态</a></li>
          <li><a href="#clause-04"><span class="dc-toc__num">04</span>测试版使用提醒</a></li>
          <li><a href="#clause-05"><span class="dc-toc__num">05</span>资料更新与维护</a></li>
          <li><a href="#clause-06"><span class="dc-toc__num">06</span>条款调整</a></li>
        </ol>
        <p class="dc-toc__note">换设备后重新登录电玩栏目即可查看完整内容，栏目位置和资料随账号一起回来。</p>
      </aside>

      <div class="dc-clauses">
        <ol class="dc-clause-list">

          <li class="dc-clause" id="clause-01">
            <p class="dc-clause__num">01</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">版本资料怎么用</h3>
              <div class="dc-clause__text">
                <p>站里每个版本的版本号、更新要点、界面截图和操作说明，都可以拿来对照自己的设备看，不需要另行申请。</p>
                <p>想转到自己的文章里、发到社群里或者给朋友看，写上出处是财神棋牌老版本，并把原来的版本号保留下来就可以。</p>
                <p>别把旧版本的截图当成现在的界面发出去。棋盘电玩的房间导航和电脑端布局都调整过，看的人照着旧图点，很容易找不到入口。</p>
              </div>
            </div>
          </li>

          <li class="dc-clause" id="clause-02">
            <p class="dc-clause__num">02</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">栏目入口怎么走</h3>
              <div class="dc-clause__text">
                <p>从首页第二栏进旧版本资料或新手指引是最短的走法；登录之后，顶部导航里也留着旧版本入口。</p>
                <p>电脑端和手机端各有一套栏目顺序，两端房间导航各自独立设计，从哪个端进来就走哪个端的入口。</p>
                <p>请用浏览器正常访问。用脚本批量拉页面、短时间高频请求，或者做出影响其他人打开的动作，账号会被停用。</p>
              </div>
            </div>
          </li>

          <li class="dc-clause" id="clause-03">
            <p class="dc-clause__num">03</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">账号与登录状态</h3>
              <div class="dc-clause__text">
                <p>账号交给谁用就由谁保管，密码和验证方式别外借。登录状态跟账号走，不跟着设备搬。</p>
                <p>换了手机或者换了电脑，用同一个账号重新登录，栏目和资料都在原来的位置。</p>
                <p>发现有人在你不知道的设备上登录过，先改密码，再通过值班客服说明情况，我们帮你核对登录记录。</p>
              </div>
            </div>
          </li>

          <li class="dc-clause" id="clause-04">
            <p class="dc-clause__num">04</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">测试版内容的使用提醒</h3>
              <div class="dc-clause__text">
                <p>棋盘电玩与棋牌电玩各自留了测试版入口，里面的栏目位置和按钮会一轮一轮调整。</p>
                <p>进去之前先看一眼版本号。测试版和正式版对不上是正常的，两边房间导航逻辑本来就各走各的。</p>
                <p>想在测试版里长期使用某个功能，最好先在正式版确认一遍同样的位置能不能找到。</p>
              </div>
            </div>
          </li>

          <li class="dc-clause" id="clause-05">
            <p class="dc-clause__num">05</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">资料更新与维护期间</h3>
              <div class="dc-clause__text">
                <p>版本档案按迭代节奏补充，每季一次大版本说明，小版本记录随后补齐。</p>
                <p>遇到维护，个别页面可能短时间内打不开，隔几分钟刷新一次就行，已发布的资料不会被清掉。</p>
                <p>想知道手头这条资料是不是最新的，去版本动态里比对版本号，或者直接问值班客服。</p>
              </div>
            </div>
          </li>

          <li class="dc-clause" id="clause-06">
            <p class="dc-clause__num">06</p>
            <div class="dc-clause__body">
              <h3 class="dc-clause__title">条款按批次更新</h3>
              <div class="dc-clause__text">
                <p>条款按批次调整，新批次公布后替代上一批的表述，适用于站内全部栏目与版本资料。</p>
                <p>改动较大的地方，会在版本动态里跟着一起说明，方便老用户对照前后差异。</p>
                <p>条款更新后继续使用站内的栏目和资料，即视为接受当前批次的约定。</p>
              </div>
            </div>
          </li>

        </ol>
      </div>

    </div>
  </section>

  <section class="dc-more" aria-labelledby="dc-more-title">
    <div class="wrap">
      <p class="eyebrow">接着看</p>
      <h2 class="h2 dc-more__title" id="dc-more-title">条款之外，这三页常被一起打开</h2>

      <div class="card-grid dc-more__grid">

        <a class="card card--flag" href="/privacy-notice/">
          <p class="card__kicker">隐私声明</p>
          <h3 class="card__title">登录信息怎么处理</h3>
          <p class="card__body">登录时留下了哪些信息、用在什么地方、想查询或删除该怎么提，写在那一页。</p>
        </a>

        <a class="card card--flag" href="/answers/">
          <p class="card__kicker">答疑中心</p>
          <h3 class="card__title">登录或找版本卡住了</h3>
          <p class="card__body">换设备、找不到旧版本入口、测试版和正式版对不上，照着步骤做就行。</p>
        </a>

        <a class="card card--flag" href="/">
          <p class="card__kicker">回到首页</p>
          <h3 class="card__title">从第二栏开始找</h3>
          <p class="card__body">旧版本资料和新手指引入口都在第二栏，第一次来从那儿走最快。</p>
        </a>

      </div>
    </div>
  </section>

</main>

.page-disclaimer{
  --dc-gold-line:1px solid rgba(192,138,46,.55);
  --dc-soft-line:1px solid rgba(107,74,47,.26);
  --dc-check:linear-gradient(90deg,rgba(107,74,47,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(107,74,47,.06) 1px,transparent 1px);
  display:block;
  background:var(--board);
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--step-body);
  line-height:1.8;
}

.page-disclaimer .dc-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 3rem) 0 clamp(2.2rem,5vw,3.4rem);
  background:
    radial-gradient(120% 95% at 78% 0%, rgba(242,193,78,.26), transparent 60%),
    linear-gradient(158deg,#1C1410 0%,#271711 44%,#3d1d14 100%);
  color:var(--board);
  border-bottom:3px solid var(--deep-red);
}
.page-disclaimer .dc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgba(245,237,225,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(245,237,225,.07) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.9;
}
.page-disclaimer .dc-hero__inner{
  position:relative;
  z-index:1;
}
.page-disclaimer .dc-hero .breadcrumb{
  font-size:var(--step-small);
  color:rgba(245,237,225,.72);
}
.page-disclaimer .dc-hero .breadcrumb a{
  color:var(--butter);
  text-decoration:none;
  border-bottom:1px solid rgba(242,193,78,.45);
}
.page-disclaimer .dc-hero .path-hint{
  display:inline-block;
  margin:1rem 0 0;
  font-family:var(--mono);
  font-size:var(--step-small);
  letter-spacing:.04em;
  color:var(--butter);
  border:1px solid rgba(192,138,46,.6);
  padding:.25rem .6rem;
  background:rgba(28,20,16,.42);
}
.page-disclaimer .dc-hero__title{
  margin:1.1rem 0 0;
  max-width:20ch;
  font-family:var(--serif);
  font-weight:900;
  font-size:clamp(2.3rem,6.6vw,4.5rem);
  line-height:1.07;
  letter-spacing:-.01em;
}
.page-disclaimer .dc-hero__title em{
  font-style:normal;
  color:var(--butter);
  box-shadow:inset 0 -.16em 0 rgba(192,138,46,.7);
}
.page-disclaimer .dc-hero__lede{
  max-width:56ch;
  margin:1.2rem 0 0;
  color:rgba(245,237,225,.88);
  font-size:1.0625rem;
  line-height:1.85;
}
.page-disclaimer .dc-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .8rem;
  margin:1.7rem 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dc-hero__meta li{
  font-family:var(--mono);
  font-size:var(--step-small);
  font-weight:700;
  color:var(--butter);
  border:1px solid rgba(192,138,46,.5);
  padding:.3rem .62rem;
  background:rgba(28,20,16,.38);
}

.page-disclaimer .dc-banner{
  position:relative;
  margin:0;
  max-height:clamp(210px,32vw,400px);
  overflow:hidden;
  background:var(--wood);
  border-bottom:var(--dc-gold-line);
}
.page-disclaimer .dc-banner img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
.page-disclaimer .dc-banner .figure__cap{
  font-family:var(--mono);
  font-size:var(--step-small);
}

.page-disclaimer .dc-body{
  background-color:var(--board);
  background-image:var(--dc-check);
  background-size:56px 56px;
  padding:clamp(2.4rem,5vw,3.8rem) 0 clamp(2.6rem,6vw,4.4rem);
}
.page-disclaimer .dc-body__grid{
  display:grid;
  gap:1.8rem;
  align-items:start;
}

.page-disclaimer .dc-toc{
  background:var(--paper);
  border-top:3px solid var(--deep-red);
  border-left:var(--dc-soft-line);
  border-right:var(--dc-soft-line);
  border-bottom:var(--dc-soft-line);
  padding:1.1rem 1.05rem 1.3rem;
  box-shadow:var(--shadow-card);
}
.page-disclaimer .dc-toc__title{
  margin:0 0 .85rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:1.12rem;
  line-height:1.3;
}
.page-disclaimer .dc-toc__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.12rem;
}
.page-disclaimer .dc-toc__list a{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  padding:.42rem .5rem;
  font-size:.9rem;
  color:var(--ink);
  text-decoration:none;
  border-left:2px solid transparent;
  transition:background-color .2s var(--ease),border-color .2s var(--ease);
}
.page-disclaimer .dc-toc__list a:hover,
.page-disclaimer .dc-toc__list a:focus-visible{
  background:rgba(242,193,78,.32);
  border-left-color:var(--deep-red);
}
.page-disclaimer .dc-toc__num{
  font-family:var(--mono);
  font-weight:700;
  font-size:.8rem;
  color:var(--ochre);
}
.page-disclaimer .dc-toc__note{
  margin:1rem 0 0;
  padding-top:.85rem;
  border-top:var(--dc-soft-line);
  font-size:var(--step-small);
  line-height:1.75;
  color:var(--stone);
}

.page-disclaimer .dc-clause-list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dc-clause{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.5rem 1rem;
  padding:clamp(1.5rem,3.6vw,2.4rem) clamp(.4rem,1.6vw,1.1rem) clamp(1.5rem,3.6vw,2.4rem) 0;
  border-top:var(--dc-gold-line);
  scroll-margin-top:calc(var(--header-h) + 1.2rem);
  transition:background-color .25s var(--ease),box-shadow .25s var(--ease);
}
.page-disclaimer .dc-clause:first-child{
  border-top:3px solid var(--deep-red);
}
.page-disclaimer .dc-clause:target{
  background:var(--paper);
  box-shadow:inset 0 -3px 0 var(--butter),inset 3px 0 0 rgba(192,138,46,.65);
}
.page-disclaimer .dc-clause__num{
  padding-top:.35rem;
  font-family:var(--mono);
  font-weight:700;
  font-size:clamp(1.35rem,3.4vw,2rem);
  line-height:1;
  letter-spacing:.02em;
  color:var(--ochre);
}
.page-disclaimer .dc-clause__title{
  margin:0 0 .75rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h2);
  line-height:1.32;
}
.page-disclaimer .dc-clause__text{
  max-width:60ch;
}
.page-disclaimer .dc-clause__text p{
  margin:0 0 .62rem;
  color:var(--ink);
}
.page-disclaimer .dc-clause__text p:last-child{
  margin-bottom:0;
}

.page-disclaimer .dc-more{
  background:linear-gradient(180deg,#1C1410 0%,#2b1710 100%);
  color:var(--board);
  padding:clamp(2.4rem,5vw,3.6rem) 0 clamp(2.6rem,6vw,4rem);
  border-top:3px solid var(--ochre);
}
.page-disclaimer .dc-more__title{
  margin:.4rem 0 1.6rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h2);
  color:var(--board);
}
.page-disclaimer .dc-more .eyebrow{
  margin:0;
  font-family:var(--mono);
  font-size:var(--step-small);
  letter-spacing:.08em;
  color:var(--butter);
}
.page-disclaimer .dc-more .card{
  display:block;
  text-decoration:none;
  color:var(--ink);
  background:var(--paper);
  border:var(--dc-soft-line);
  padding:1.15rem 1.05rem 1.35rem;
  box-shadow:var(--shadow-card);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.page-disclaimer .dc-more .card:hover,
.page-disclaimer .dc-more .card:focus-visible{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
}
.page-disclaimer .dc-more .card__kicker{
  margin:0 0 .5rem;
  font-family:var(--mono);
  font-size:var(--step-small);
  font-weight:700;
  color:var(--deep-red);
}
.page-disclaimer .dc-more .card__title{
  margin:0 0 .5rem;
  font-family:var(--serif);
  font-weight:800;
  font-size:var(--step-h3);
  line-height:1.35;
  color:var(--ink);
}
.page-disclaimer .dc-more .card__body{
  margin:0;
  font-size:.95rem;
  line-height:1.75;
  color:var(--stone);
}

@media (min-width:900px){
  .page-disclaimer .dc-body__grid{
    grid-template-columns:232px minmax(0,1fr);
    gap:3.4rem;
  }
  .page-disclaimer .dc-toc{
    position:sticky;
    top:calc(var(--header-h) + 1rem);
  }
  .page-disclaimer .dc-clause{
    gap:.6rem 1.7rem;
  }
}

@media (min-width:1180px){
  .page-disclaimer .dc-hero__lede{
    font-size:1.125rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .dc-toc__list a,
  .page-disclaimer .dc-clause,
  .page-disclaimer .dc-more .card{
    transition:none;
  }
  .page-disclaimer .dc-more .card:hover,
  .page-disclaimer .dc-more .card:focus-visible{
    transform:none;
  }
}
<<<END>>>