.page-privacy {
  --measure: 40em;
  --privacy-body: #D9D3C7;
  --summary-label: #6E5F4A;
}

.page-privacy .privacy-hero {
  padding: 8px 0 40px;
  border-bottom: 1px solid var(--line);
}

.page-privacy .privacy-hero h1 {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 6vw, 3.6rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .privacy-lede {
  max-width: var(--measure);
  margin: 0 0 20px;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

.page-privacy .privacy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.page-privacy .media-frame {
  display: block;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
}

.page-privacy .media-frame img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  filter: saturate(0.55) contrast(1.05);
}

.page-privacy .clause-layout {
  display: grid;
  gap: 32px;
  padding: 40px 0 64px;
}

/* ---------- 目录 ---------- */
.page-privacy .toc {
  padding: 16px;
  background: var(--ink-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}

.page-privacy .toc-title {
  margin: 0 0 12px;
  font-size: var(--fs-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mist);
}

.page-privacy .toc-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 4px;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .toc-list li {
  flex: 0 0 auto;
}

.page-privacy .toc-link {
  display: block;
  padding: 10px 12px;
  min-height: 44px;
  font-size: var(--fs-13);
  line-height: 1.4;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-left: 2px solid transparent;
  border-radius: var(--radius-sm);
  transition: color 160ms var(--ease), border-color 160ms var(--ease), background 160ms var(--ease);
}

.page-privacy .toc-link:hover,
.page-privacy .toc-link:focus-visible {
  color: var(--paper);
  background: var(--ink);
  border-left-color: var(--cyan);
}

.page-privacy .toc-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

/* ---------- 条款正文 ---------- */
.page-privacy .clause {
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

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

.page-privacy .clause h2 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: var(--fs-20);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .clause-num {
  font-family: var(--font-mono);
  font-size: var(--fs-20);
  font-weight: 700;
  color: var(--cyan);
  line-height: 1;
}

.page-privacy .clause-item {
  display: grid;
  grid-template-columns: 2.8em minmax(0, 1fr);
  gap: 12px;
  max-width: var(--measure);
  margin-bottom: 14px;
}

.page-privacy .clause-item:last-child {
  margin-bottom: 0;
}

.page-privacy .clause-id {
  padding-top: 4px;
  font-family: var(--font-mono);
  font-size: var(--fs-13);
  color: var(--cyan-dim);
}

.page-privacy .clause-item p {
  margin: 0;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

/* ---------- 奶油要点块 ---------- */
.page-privacy .clause-summary {
  margin: 32px 0;
  padding: 24px;
  max-width: var(--measure);
  background: var(--cream);
  color: var(--espresso);
  border-radius: var(--radius-md);
}

.page-privacy .summary-label {
  margin: 0 0 12px;
  font-size: var(--fs-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--summary-label);
}

.page-privacy .clause-summary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .clause-summary li {
  padding: 10px 0;
  font-size: var(--fs-16);
  line-height: 1.5;
  border-top: 1px solid rgba(26, 22, 19, 0.18);
}

.page-privacy .clause-summary li:first-child {
  padding-top: 0;
  border-top: 0;
}

.page-privacy .clause-summary li:last-child {
  padding-bottom: 0;
}

/* ---------- 联系方式 ---------- */
.page-privacy .clause--contact {
  border-top: 1px solid var(--line);
}

.page-privacy .contact-line {
  max-width: var(--measure);
  margin: 0 0 14px;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

.page-privacy .contact-line a {
  color: var(--cyan);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .contact-line a:hover,
.page-privacy .contact-line a:focus-visible {
  color: var(--cyan-dim);
}

.page-privacy .contact-value {
  font-family: var(--font-mono);
  font-size: var(--fs-16);
  color: var(--amber);
  word-break: break-all;
}

.page-privacy .contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

/* ---------- 桌面端：赛道式左窄右宽 ---------- */
@media (min-width: 900px) {
  .page-privacy .clause-layout {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 56px;
    padding: 56px 0 80px;
  }

  .page-privacy .toc {
    position: sticky;
    top: 104px;
    padding: 20px 16px;
  }

  .page-privacy .toc-list {
    flex-direction: column;
    gap: 2px;
    overflow-x: visible;
  }

  .page-privacy .toc-link {
    min-height: 40px;
    padding: 9px 10px;
    white-space: normal;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  }

  .page-privacy .clause {
    padding-top: 40px;
  }

  .page-privacy .clause h2 {
    font-size: var(--fs-28);
  }

  .page-privacy .clause-summary {
    margin: 40px 0;
    padding: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .toc-link {
    transition: none;
  }
}


<main id="main-content" class="page-privacy">
  <div class="container">
    <nav class="breadcrumb" aria-label="面包屑">
      <ul class="breadcrumb-list">
        <li><a href="/">首页</a></li>
        <li aria-current="page">隐私政策</li>
      </ul>
    </nav>
  </div>

  <header class="privacy-hero">
    <div class="container">
      <p class="eyebrow">隐私与信息保护</p>
      <h1>你留下的每条信息，去哪了、留多久</h1>
      <p class="privacy-lede">多宝体育在你查比分、看近十场战绩、写信反馈问题的过程中会接触到少量信息。下面用七组条款讲清我们收到什么、拿去做什么、放在哪里多久，以及你随时可以要求查阅、更正或删除。</p>
      <ul class="privacy-meta">
        <li class="tag tag--cyan">适用于网页端与客户端 v3.2</li>
        <li class="tag">含邮件与电话沟通</li>
        <li class="tag tag--amber">七组条款</li>
      </ul>
      <figure class="privacy-figure media-frame media-frame--wide">
        <img src="{zhanqunpic:h:600w:1400}" width="1400" height="600" alt="深墨绿底色上由荧光青细线与节点构成的抽象数据流向图形">
      </figure>
    </div>
  </header>

  <div class="container">
    <div class="clause-layout">
      <aside class="rail-side toc" aria-label="条款目录">
        <p class="toc-title">条款目录</p>
        <ul class="toc-list">
          <li><a class="toc-link" href="#sec-collect">01 我们收集的信息</a></li>
          <li><a class="toc-link" href="#sec-purpose">02 信息的用途</a></li>
          <li><a class="toc-link" href="#sec-cookie">03 Cookie 与本地存储</a></li>
          <li><a class="toc-link" href="#sec-share">04 共享与委托处理</a></li>
          <li><a class="toc-link" href="#sec-retention">05 留存期限与你的权利</a></li>
          <li><a class="toc-link" href="#sec-minor">06 未成年人与政策更新</a></li>
          <li><a class="toc-link" href="#sec-contact">07 如何联系我们</a></li>
        </ul>
      </aside>

      <div class="rail-main clause-body">
        <section class="clause" id="sec-collect" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">01</span>我们收集哪些信息</h2>
          <div class="clause-item">
            <span class="clause-id">1.1</span>
            <p>你主动提交的内容。通过客服邮箱或客服电话联系我们时，你会留下邮箱地址、通话号码、信件正文，以及你附上的比赛截图与时间戳。这些内容只用于回复你提出的问题。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">1.2</span>
            <p>访问过程自动记录的内容。打开页面时，服务器日志会记下 IP 地址、访问时刻、所请求的页面地址、浏览器类型与操作系统版本，用于排查打不开、加载慢一类的问题。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">1.3</span>
            <p>你自行设定的页面偏好。比分提醒订阅的场次、赛事分类的排序方式、字号与显示模式，保存在你所使用设备的浏览器本地，换设备后需要重新设置一次。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">1.4</span>
            <p>我们不会要求你提交身份证件、银行卡、支付账号或人脸信息。站内任何环节都不涉及资金往来，因此也没有与之相关的信息收集。</p>
          </div>
        </section>

        <section class="clause" id="sec-purpose" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">02</span>信息用于什么</h2>
          <div class="clause-item">
            <span class="clause-id">2.1</span>
            <p>回复咨询与处理数据反馈。你指出某场比赛的比分或射门统计与现场记录不同，我们据你提供的场次、时间点与截图定位问题并答复。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">2.2</span>
            <p>保障访问稳定。日志用来识别异常请求、定位页面卡顿与推送延迟，比分平均每 3 秒更新一次的节奏是否正常，也依赖这部分记录判断。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">2.3</span>
            <p>记住你的使用习惯。让订阅的 200 场提醒、自定义的 5 类事件通知在你下次打开时仍然生效，不必每次重新勾选。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">2.4</span>
            <p>了解整体使用情况。以汇总方式统计访问量、停留时长与终端占比，移动端目前约占 68%，据此判断哪些赛事分类需要加密更新节奏。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">2.5</span>
            <p>以上四类之外，你的邮箱与通话记录不会被用于广告投放，也不会被整理成名单交给他人。若将来出现新的用途，会先在本页写明并另行征得你的同意。</p>
          </div>
        </section>

        <section class="clause" id="sec-cookie" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">03</span>Cookie 与本地存储</h2>
          <div class="clause-item">
            <span class="clause-id">3.1</span>
            <p>偏好类存储。记录赛事分类选择、排序方式与显示设置，保存期 180 天。清除后页面仍可正常浏览，只是需要重新选择一次。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">3.2</span>
            <p>统计类存储。以一个随机标识区分不同设备，只用于计数访问次数与页面热度，保存期 13 个月，不含姓名、邮箱与位置轨迹。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">3.3</span>
            <p>关闭方式。浏览器设置中可以随时清除或阻止本地存储，手机端也可以在系统设置里清理应用缓存。比分查询、近十场射门数据与结果对照功能不依赖这些存储。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">3.4</span>
            <p>我们在站内不使用跨站追踪技术，也不会在其他网站上向你投放基于本站浏览记录的广告。</p>
          </div>
        </section>

        <aside class="clause-summary" data-reveal>
          <p class="summary-label">前三组条款要点</p>
          <ul>
            <li>主动提交的只有你写信或来电时给出的内容，用于答复你本人。</li>
            <li>自动记录的是访问日志与偏好设置，服务于稳定运行与使用习惯。</li>
            <li>本地存储可随时清理，清理之后查比分、看战绩照常可用。</li>
          </ul>
        </aside>

        <section class="clause" id="sec-share" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">04</span>共享与委托处理</h2>
          <div class="clause-item">
            <span class="clause-id">4.1</span>
            <p>我们不会出售你的个人信息，也不会以换取资源、流量或推广位的方式把邮箱与通话记录交给别人。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">4.2</span>
            <p>为维持比分与统计的正常呈现，部分环节由合作方按我们的要求处理数据，包括 32 家赛事数据服务商中的数据接口授权方，以及负责系统安全运维的服务方。我们与其约定保密义务与同等保护水平，超出约定范围的处理被禁止。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">4.3</span>
            <p>依照法律法规要求、司法机关或监管部门的正式文书需要提供相应信息时，我们会在法律允许的范围内告知你。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">4.4</span>
            <p>对外发布的赛场观察内容与赛季统计，只使用汇总后的赛事数字，例如某轮次的射门次数分布，不包含任何可识别到个人的信息。</p>
          </div>
        </section>

        <section class="clause" id="sec-retention" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">05</span>留存期限与你的权利</h2>
          <div class="clause-item">
            <span class="clause-id">5.1</span>
            <p>客服往来邮件与附件，在问题处理完毕后保存 12 个月，期满删除；同一问题的多次往来，以最后一次答复的时间起算。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">5.2</span>
            <p>访问日志保存 6 个月，只保留排查故障所需的字段，超出期限的记录按批次清理。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">5.3</span>
            <p>浏览器里的偏好设置由你掌握，清理缓存即删除，我们无法远程读取或替你恢复。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">5.4</span>
            <p>你可以要求查阅、更正、删除我们保存的与你有关的信息，也可以撤回此前给出的授权。写信到客服邮箱，标题写明「隐私申请」，留下便于回复的联系方式即可。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">5.5</span>
            <p>我们在收到申请后 15 个工作日内答复并完成处理。撤回授权不影响撤回之前已经完成的处理，也不影响你继续使用比分查询与战绩查看功能。</p>
          </div>
        </section>

        <aside class="clause-summary" data-reveal>
          <p class="summary-label">第四、五组条款要点</p>
          <ul>
            <li>信息不出售、不换资源，只在赛事数据与安全运维环节按约处理。</li>
            <li>客服邮件保存 12 个月，访问日志保存 6 个月，到期即清理。</li>
            <li>查阅、更正、删除、撤回授权，写信申请后 15 个工作日内答复。</li>
          </ul>
        </aside>

        <section class="clause" id="sec-minor" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">06</span>未成年人保护与政策更新</h2>
          <div class="clause-item">
            <span class="clause-id">6.1</span>
            <p>未满 14 周岁的访客，请在监护人陪同下使用本站；需要留言或来电时，由监护人代为沟通。收到涉及未成年人的信息申请，我们会优先处理。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">6.2</span>
            <p>本页内容调整时，更新后的版本会直接在这里发布并标注生效版本；涉及收集范围、使用目的或共享方式的调整，会提前 7 天在首页显著位置提示。</p>
          </div>
          <div class="clause-item">
            <span class="clause-id">6.3</span>
            <p>调整生效后你继续使用比分查询、战绩查看等功能，即视为接受更新后的条款；如不接受，可以停止使用并申请删除已提交的信息。</p>
          </div>
        </section>

        <section class="clause clause--contact" id="sec-contact" data-reveal>
          <h2><span class="clause-num" aria-hidden="true">07</span>如何联系我们</h2>
          <p class="contact-line">隐私相关来信请发至 <span class="contact-value">support@shortcut-duobao.com.cn</span>，或拨打 <span class="contact-value">400-2902-9386</span>。客服在工作日 9:00-18:00 内回复；写明申请类型并附上必要截图与时间戳，处理会更快。</p>
          <p class="contact-line">通讯地址：广西省南宁市青秀区民族大道136号。如果你的问题与页面使用、数据反馈有关，也可以先看<a href="/questions/">常见问答</a>与<a href="/statement/">使用说明</a>，多数情况已有现成答案。</p>
          <div class="contact-actions">
            <a class="btn btn--primary" href="/find-us/">联系客服</a>
            <a class="btn btn--ghost" href="/">回到首页</a>
          </div>
        </section>
      </div>
    </div>
  </div>
</main>

.page-privacy {
  --measure: 40em;
  --privacy-body: #D9D3C7;
  --summary-label: #6E5F4A;
}

.page-privacy .privacy-hero {
  padding: 8px 0 40px;
  border-bottom: 1px solid var(--line);
}

.page-privacy .privacy-hero h1 {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 6vw, 3.6rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .privacy-lede {
  max-width: var(--measure);
  margin: 0 0 20px;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

.page-privacy .privacy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-figure {
  display: block;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
}

.page-privacy .privacy-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  filter: saturate(0.55) contrast(1.05);
}

.page-privacy .clause-layout {
  display: grid;
  gap: 32px;
  padding: 40px 0 64px;
}

/* 目录 */
.page-privacy .toc {
  padding: 16px;
  background: var(--ink-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}

.page-privacy .toc-title {
  margin: 0 0 12px;
  font-size: var(--fs-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mist);
}

.page-privacy .toc-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 4px;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .toc-list li {
  flex: 0 0 auto;
}

.page-privacy .toc-link {
  display: block;
  padding: 10px 12px;
  min-height: 44px;
  font-size: var(--fs-13);
  line-height: 1.4;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-left: 2px solid transparent;
  border-radius: var(--radius-sm);
  transition: color 160ms var(--ease), border-color 160ms var(--ease), background 160ms var(--ease);
}

.page-privacy .toc-link:hover,
.page-privacy .toc-link:focus-visible {
  color: var(--paper);
  background: var(--ink);
  border-left-color: var(--cyan);
}

.page-privacy .toc-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

/* 条款 */
.page-privacy .clause {
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

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

.page-privacy .clause h2 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: var(--fs-20);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .clause-num {
  font-family: var(--font-mono);
  font-size: var(--fs-20);
  font-weight: 700;
  color: var(--cyan);
  line-height: 1;
}

.page-privacy .clause-item {
  display: grid;
  grid-template-columns: 2.8em minmax(0, 1fr);
  gap: 12px;
  max-width: var(--measure);
  margin-bottom: 14px;
}

.page-privacy .clause-item:last-child {
  margin-bottom: 0;
}

.page-privacy .clause-id {
  padding-top: 4px;
  font-family: var(--font-mono);
  font-size: var(--fs-13);
  color: var(--cyan-dim);
}

.page-privacy .clause-item p {
  margin: 0;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

/* 奶油要点块 */
.page-privacy .clause-summary {
  margin: 32px 0;
  padding: 24px;
  max-width: var(--measure);
  background: var(--cream);
  color: var(--espresso);
  border-radius: var(--radius-md);
}

.page-privacy .summary-label {
  margin: 0 0 12px;
  font-size: var(--fs-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--summary-label);
}

.page-privacy .clause-summary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .clause-summary li {
  padding: 10px 0;
  font-size: var(--fs-16);
  line-height: 1.5;
  border-top: 1px solid rgba(26, 22, 19, 0.18);
}

.page-privacy .clause-summary li:first-child {
  padding-top: 0;
  border-top: 0;
}

.page-privacy .clause-summary li:last-child {
  padding-bottom: 0;
}

/* 联系方式 */
.page-privacy .clause--contact {
  border-top: 1px solid var(--line);
}

.page-privacy .contact-line {
  max-width: var(--measure);
  margin: 0 0 14px;
  font-size: var(--fs-16);
  line-height: 1.72;
  color: var(--privacy-body);
}

.page-privacy .contact-line a {
  color: var(--cyan);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .contact-line a:hover,
.page-privacy .contact-line a:focus-visible {
  color: var(--cyan-dim);
}

.page-privacy .contact-value {
  font-family: var(--font-mono);
  font-size: var(--fs-16);
  color: var(--amber);
  word-break: break-all;
}

.page-privacy .contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

/* 桌面端赛道式栅格 */
@media (min-width: 900px) {
  .page-privacy .clause-layout {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 56px;
    padding: 56px 0 80px;
  }

  .page-privacy .toc {
    position: sticky;
    top: 104px;
    padding: 20px 16px;
  }

  .page-privacy .toc-list {
    flex-direction: column;
    gap: 2px;
    overflow-x: visible;
  }

  .page-privacy .toc-link {
    min-height: 40px;
    padding: 9px 10px;
    white-space: normal;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  }

  .page-privacy .clause {
    padding-top: 40px;
  }

  .page-privacy .clause h2 {
    font-size: var(--fs-28);
  }

  .page-privacy .clause-summary {
    margin: 40px 0;
    padding: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .toc-link {
    transition: none;
  }
}