.page-privacy {
  --privacy-toc-w: 268px;
  --privacy-line: rgba(169, 182, 214, 0.16);
  padding-bottom: clamp(40px, 7vw, 88px);
}

.page-privacy .privacy-hero {
  position: relative;
  padding-block: clamp(20px, 4vw, 40px) clamp(28px, 5vw, 56px);
  overflow: hidden;
}

.page-privacy .privacy-hero::before {
  content: "";
  position: absolute;
  inset: -20% -10% auto auto;
  width: min(620px, 90vw);
  height: min(620px, 90vw);
  background:
    repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.09) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, rgba(34, 211, 238, 0.07) 0 1px, transparent 1px 46px);
  transform: rotate(-8deg);
  mask-image: radial-gradient(circle at 60% 40%, #000 0%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at 60% 40%, #000 0%, transparent 72%);
  pointer-events: none;
}

.page-privacy .privacy-hero-grid {
  position: relative;
  display: grid;
  gap: clamp(20px, 4vw, 44px);
  align-items: center;
  margin-top: clamp(16px, 3vw, 28px);
}

.page-privacy .privacy-title {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(40px, 10vw, 78px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .privacy-lead {
  max-width: 46ch;
  margin: 0 0 20px;
  font-size: clamp(15px, 2.4vw, 17px);
  line-height: 1.8;
  color: var(--paper-dim);
}

.page-privacy .privacy-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-privacy .privacy-visual {
  margin: 0;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(34, 211, 238, 0.28);
  overflow: hidden;
  background: linear-gradient(150deg, rgba(139, 92, 246, 0.22), rgba(16, 26, 58, 0.9) 55%);
}

.page-privacy .privacy-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

.page-privacy .privacy-visual figcaption {
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--mist);
  border-top: 1px solid rgba(34, 211, 238, 0.18);
}

.page-privacy .privacy-layout {
  display: grid;
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
}

.page-privacy .privacy-toc {
  border: 1px solid var(--privacy-line);
  border-radius: var(--radius-lg);
  background: rgba(29, 44, 92, 0.34);
  padding: 16px;
}

.page-privacy .toc-title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mist);
}

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

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

.page-privacy .toc-link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--pill);
  border: 1px solid rgba(34, 211, 238, 0.2);
  color: var(--paper-dim);
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms var(--ease), border-color 200ms var(--ease), background-color 200ms var(--ease);
}

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

.page-privacy .toc-num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--cyan);
  letter-spacing: 0.08em;
}

.page-privacy .toc-link:hover .toc-num,
.page-privacy .toc-link:focus-visible .toc-num {
  color: var(--ink-950);
}

.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-section {
  padding-block: clamp(22px, 3.6vw, 34px);
  border-top: 1px solid var(--privacy-line);
  scroll-margin-top: calc(var(--header-h) + 18px);
}

.page-privacy .privacy-section:first-child {
  border-top: 0;
  padding-top: 4px;
}

.page-privacy .section-index {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  color: var(--cyan);
}

.page-privacy .privacy-section h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(22px, 3.6vw, 32px);
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .privacy-section p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--paper-dim);
}

.page-privacy .privacy-type {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding: 16px 0;
  border-bottom: 1px dashed rgba(169, 182, 214, 0.14);
}

.page-privacy .privacy-type p {
  margin: 0;
  font-size: 15.5px;
}

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

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 18px;
  max-width: 66ch;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--paper-dim);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  opacity: 0.8;
}

.page-privacy .privacy-list strong {
  color: var(--paper);
  font-weight: 600;
}

.page-privacy .privacy-callout {
  margin: 18px 0 20px;
  padding: 18px 20px;
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--cyan);
  background: var(--paper);
  color: var(--ink-900);
}

.page-privacy .callout-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  color: #16224A;
}

.page-privacy .callout-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .callout-list li {
  position: relative;
  padding-left: 16px;
  font-size: 15px;
  line-height: 1.75;
  color: #1D2C5C;
}

.page-privacy .callout-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: var(--clay);
}

.page-privacy .callout-list strong {
  color: var(--ink-900);
  font-weight: 700;
}

.page-privacy .inline-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(34, 211, 238, 0.5);
  padding-bottom: 1px;
}

.page-privacy .inline-link:hover,
.page-privacy .inline-link:focus-visible {
  color: var(--paper);
  border-bottom-color: var(--paper);
}

.page-privacy .privacy-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-top {
  margin-left: auto;
}

@media (min-width: 760px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  }

  .page-privacy .privacy-layout {
    grid-template-columns: minmax(0, var(--privacy-toc-w)) minmax(0, 1fr);
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--header-h) + 20px);
  }

  .page-privacy .toc-list {
    flex-direction: column;
    gap: 4px;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .toc-link {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-color: transparent;
    border-radius: var(--radius-sm);
    padding: 9px 12px;
  }
}

@media (min-width: 1100px) {
  .page-privacy {
    --privacy-toc-w: 292px;
  }

  .page-privacy .privacy-section p {
    font-size: 16.5px;
  }
}

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

<main id="main-content" class="page-privacy">
  <section class="privacy-hero" aria-labelledby="privacy-h1">
    <div class="container">
      <nav class="breadcrumb" aria-label="面包屑导航">
        <ol class="breadcrumb-list">
          <li class="breadcrumb-item"><a class="breadcrumb-link" href="/">首页概览</a></li>
          <li class="breadcrumb-item"><a class="breadcrumb-link" href="/privacy-notice/" aria-current="page">隐私声明</a></li>
        </ol>
      </nav>

      <div class="privacy-hero-grid">
        <div class="privacy-hero-copy">
          <p class="eyebrow">PRIVACY NOTICE · 博狗网中文站</p>
          <h1 id="privacy-h1" class="privacy-title">隐私声明</h1>
          <p class="privacy-lead">
            您在博狗网查询价格、切换版本、检索栏目或提交反馈时，会有一些信息被记录。
            这份声明把每类信息的用途、留存时间和您可以提出的要求讲清楚，方便您随时决定要不要继续。
          </p>
          <div class="privacy-hero-meta">
            <span class="tag tag--cyan">适用于 V3.1</span>
            <span class="tag tag--moss">本季度已更新</span>
          </div>
        </div>

        <figure class="privacy-visual">
          <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800"
               alt="深靛蓝背景上层叠的网格与锁形几何，象征订阅信息的分层保护">
          <figcaption class="privacy-caption">账户、检索与反馈三类信息分层存放，互不混用</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <div class="container privacy-layout">
    <aside class="privacy-toc" aria-label="声明目录">
      <p class="toc-title">目录</p>
      <ol class="toc-list">
        <li><a class="toc-link" href="#info-collected"><span class="toc-num">01</span>我们收集哪些信息</a></li>
        <li><a class="toc-link" href="#purpose"><span class="toc-num">02</span>信息用于什么目的</a></li>
        <li><a class="toc-link" href="#cookies"><span class="toc-num">03</span>Cookie 与本地存储</a></li>
        <li><a class="toc-link" href="#sharing"><span class="toc-num">04</span>共享与委托处理</a></li>
        <li><a class="toc-link" href="#retention"><span class="toc-num">05</span>保存期限</a></li>
        <li><a class="toc-link" href="#rights"><span class="toc-num">06</span>您的权利</a></li>
        <li><a class="toc-link" href="#minors"><span class="toc-num">07</span>未成年人保护</a></li>
        <li><a class="toc-link" href="#updates"><span class="toc-num">08</span>更新与联系</a></li>
      </ol>
    </aside>

    <div class="privacy-body">

      <section id="info-collected" class="privacy-section" data-reveal>
        <p class="section-index">01</p>
        <h2>我们收集哪些信息</h2>
        <p>
          不同场景用到的信息不一样。下面按您实际会做的事情分开说明，方便您对照自己的使用情况。
        </p>

        <div class="privacy-type">
          <span class="tag tag--cyan">账户订阅</span>
          <p>开通或续订时，需要您的账户标识、订阅版本、周期选择与支付结果回执。四档版本从轻享版 29 元/30 天到旗舰版 169 元/30 天，系统据此计算剩余天数与折算差价。</p>
        </div>

        <div class="privacy-type">
          <span class="tag tag--violet">价格查询</span>
          <p>您在 30 天、90 天、180 天、365 天之间切换查看时，会记录所选的版本、周期和折扣档位，用于下次打开时直接回到同一视图。</p>
        </div>

        <div class="privacy-type">
          <span class="tag tag--moss">站内检索</span>
          <p>输入的关键词、栏目别名或拼音首字母会被用于返回结果。检索覆盖 320 个栏目页与 1,860 条价格条目，平均响应时间低于 0.2 秒，输入内容不用于其他分析。</p>
        </div>

        <div class="privacy-type">
          <span class="tag tag--clay">反馈提交</span>
          <p>通过页脚反馈入口或客服邮箱联系我们时，我们会保存您留下的联系方式、问题描述和相关页面位置，便于回告处理结果。</p>
        </div>
      </section>

      <section id="purpose" class="privacy-section" data-reveal>
        <p class="section-index">02</p>
        <h2>信息用于什么目的</h2>
        <p>
          收集来的信息只服务于您正在办的事，不做别的用途。
        </p>
        <ul class="privacy-list">
          <li>展示与您所选周期相符的价格、折扣和人群栏目内容，让对照结果直接可用。</li>
          <li>在版本切换时按剩余订阅天数折算差价，24 小时内完成生效。</li>
          <li>为您开启价格变动邮件提醒，价格对照栏每 7 天复核一次，有变更即推送。</li>
          <li>处理反馈并按受理、核实、修订、回告四个环节回告，平均 3 个工作日完成。</li>
          <li>汇总查询与检索的整体使用情况，用于优化栏目结构和移动端体验。</li>
        </ul>
        <p>
          我们不会因为您查询过某个版本或某个周期，就向您推送与该查询无关的内容。
        </p>
      </section>

      <section id="cookies" class="privacy-section" data-reveal>
        <p class="section-index">03</p>
        <h2>Cookie 与本地存储</h2>
        <p>
          本站只使用必要的本地存储，用途集中在三件事上：记住您的价格周期选择、记住检索偏好、记住长文阅读的滚动位置。
        </p>
        <ul class="privacy-list">
          <li><strong>价格周期选择</strong>：下次打开版本与订阅页时，直接停留在您上次看的周期。</li>
          <li><strong>检索偏好</strong>：保留最近使用的栏目别名，减少重复输入。</li>
          <li><strong>阅读进度</strong>：在答疑中心与隐私声明这类长页面中回到上次的位置。</li>
        </ul>
        <p>
          这些记录保存在您自己的浏览器里。您可以在浏览器设置中清除站点数据，清除后上述偏好会恢复默认，订阅状态与账户信息不受影响。
        </p>
      </section>

      <section id="sharing" class="privacy-section" data-reveal>
        <p class="section-index">04</p>
        <h2>共享与委托处理</h2>
        <p>
          为完成订阅与站点运行，部分环节需要服务商参与，范围限于必要事项。
        </p>
        <ul class="privacy-list">
          <li>中文站与 6 家支付服务商对接，仅在扣款与退款环节传递完成交易所必需的信息。</li>
          <li>与 3 家云服务商合作承载站点运行，账户与支付信息采用加密传输，站点通过等保三级测评。</li>
          <li>价格纠错与栏目建议类反馈在流转时只保留处理所需的内容。</li>
        </ul>
        <p>
          除法律法规要求的情形外，我们不会向无关第三方出售、出租或以其他方式提供您的信息。
        </p>
      </section>

      <section id="retention" class="privacy-section" data-reveal>
        <p class="section-index">05</p>
        <h2>保存期限</h2>
        <p>
          不同信息保留的时间长短不同，到期后按既定方式处理。
        </p>
        <ul class="privacy-list">
          <li><strong>账户与订阅信息</strong>：在账户存续期间保留，注销后进入清理流程。</li>
          <li><strong>反馈记录</strong>：自最后一次回告起保留 24 个月，便于同类问题追溯。</li>
          <li><strong>检索日志</strong>：保留 6 个月，用于排查检索异常与改进匹配效果。</li>
          <li><strong>本地存储</strong>：保存在您的浏览器中，由您自行清除，不设后台留存。</li>
        </ul>
        <p>
          期限届满后，相关信息会被删除或做匿名化处理，不再与您的账户关联。
        </p>
      </section>

      <section id="rights" class="privacy-section" data-reveal>
        <p class="section-index">06</p>
        <h2>您的权利</h2>
        <p>
          对属于自己的信息，您可以随时提出以下要求，我们会给出明确答复。
        </p>

        <div class="privacy-callout">
          <p class="callout-title">四项可以随时提出的要求</p>
          <ul class="callout-list">
            <li><strong>查询</strong>：了解我们保存了哪些与您账户相关的信息。</li>
            <li><strong>更正</strong>：修改不准确的账户资料或反馈联系方式。</li>
            <li><strong>删除</strong>：要求删除反馈记录、检索日志等非必要留存内容。</li>
            <li><strong>撤回与注销</strong>：关闭价格变动邮件提醒，或注销账户并终止订阅。</li>
          </ul>
        </div>

        <p>
          请通过客服邮箱 kefu@trust-bogou.com.cn 提出，或在任意页面底部的反馈入口提交。
          我们会在工作日 9:00–18:00 内回复，并在受理后按流程推进。
          涉及账户安全的请求，可能需要您补充必要信息以确认身份。
        </p>
        <p>
          订阅与版本切换本身的操作规则，可在<a class="inline-link" href="/answers/">答疑中心</a>与<a class="inline-link" href="/terms/">使用条款</a>中查看。
        </p>
      </section>

      <section id="minors" class="privacy-section" data-reveal>
        <p class="section-index">07</p>
        <h2>未成年人保护</h2>
        <p>
          未满 18 周岁的用户使用订阅服务前，应当取得监护人的同意，并由监护人协助完成订阅与续订。
        </p>
        <ul class="privacy-list">
          <li>在校学生属于常用人群栏目之一，相关栏目内容面向学习与日常查询场景。</li>
          <li>我们不会主动向未成年人收集与订阅无关的信息。</li>
          <li>监护人如发现未成年人未经同意完成订阅，可通过客服邮箱申请处理。</li>
        </ul>
      </section>

      <section id="updates" class="privacy-section" data-reveal>
        <p class="section-index">08</p>
        <h2>更新与联系</h2>
        <p>
          订阅服务说明每季度更新一次，本声明随之调整；重大版本迭代会单独发布公告。
          声明更新后，我们会在站内提示，并在更新动态中记录变更内容。
        </p>
        <p>
          对声明内容有疑问，可写信至 kefu@trust-bogou.com.cn，或拨打 400-2873-8346，服务时间为工作日 9:00–18:00。
          也可以直接到<a class="inline-link" href="/contact/">联系我们</a>查看反馈处理流程。
        </p>

        <div class="privacy-foot">
          <a class="btn btn--primary" href="/contact/">联系客服</a>
          <a class="btn btn--ghost" href="/answers/">查看答疑中心</a>
          <a class="btn btn--ghost privacy-top" href="#main-content">返回顶部</a>
        </div>
      </section>

    </div>
  </div>
</main>

.page-privacy {
  --privacy-toc-w: 268px;
  --privacy-line: rgba(169, 182, 214, 0.16);
  padding-bottom: clamp(40px, 7vw, 88px);
}

.page-privacy .privacy-hero {
  position: relative;
  padding-block: clamp(20px, 4vw, 40px) clamp(28px, 5vw, 56px);
  overflow: hidden;
}

.page-privacy .privacy-hero::before {
  content: "";
  position: absolute;
  inset: -20% -10% auto auto;
  width: min(620px, 90vw);
  height: min(620px, 90vw);
  background:
    repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.09) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, rgba(34, 211, 238, 0.07) 0 1px, transparent 1px 46px);
  transform: rotate(-8deg);
  mask-image: radial-gradient(circle at 60% 40%, #000 0%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at 60% 40%, #000 0%, transparent 72%);
  pointer-events: none;
}

.page-privacy .privacy-hero-grid {
  position: relative;
  display: grid;
  gap: clamp(20px, 4vw, 44px);
  align-items: center;
  margin-top: clamp(16px, 3vw, 28px);
}

.page-privacy .privacy-title {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(40px, 10vw, 78px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .privacy-lead {
  max-width: 46ch;
  margin: 0 0 20px;
  font-size: clamp(15px, 2.4vw, 17px);
  line-height: 1.8;
  color: var(--paper-dim);
}

.page-privacy .privacy-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-privacy .privacy-visual {
  margin: 0;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(34, 211, 238, 0.28);
  overflow: hidden;
  background: linear-gradient(150deg, rgba(139, 92, 246, 0.22), rgba(16, 26, 58, 0.9) 55%);
}

.page-privacy .privacy-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

.page-privacy .privacy-caption {
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--mist);
  border-top: 1px solid rgba(34, 211, 238, 0.18);
}

.page-privacy .privacy-layout {
  display: grid;
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
}

.page-privacy .privacy-toc {
  border: 1px solid var(--privacy-line);
  border-radius: var(--radius-lg);
  background: rgba(29, 44, 92, 0.34);
  padding: 16px;
}

.page-privacy .toc-title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mist);
}

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

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

.page-privacy .toc-link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--pill);
  border: 1px solid rgba(34, 211, 238, 0.2);
  color: var(--paper-dim);
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms var(--ease), border-color 200ms var(--ease), background-color 200ms var(--ease);
}

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

.page-privacy .toc-num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--cyan);
  letter-spacing: 0.08em;
}

.page-privacy .toc-link:hover .toc-num,
.page-privacy .toc-link:focus-visible .toc-num {
  color: var(--ink-950);
}

.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-section {
  padding-block: clamp(22px, 3.6vw, 34px);
  border-top: 1px solid var(--privacy-line);
  scroll-margin-top: calc(var(--header-h) + 18px);
}

.page-privacy .privacy-section:first-child {
  border-top: 0;
  padding-top: 4px;
}

.page-privacy .section-index {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  color: var(--cyan);
}

.page-privacy .privacy-section h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(22px, 3.6vw, 32px);
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .privacy-section p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--paper-dim);
}

.page-privacy .privacy-type {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding: 16px 0;
  border-bottom: 1px dashed rgba(169, 182, 214, 0.14);
}

.page-privacy .privacy-type p {
  margin: 0;
  font-size: 15.5px;
}

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

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 18px;
  max-width: 66ch;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--paper-dim);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  opacity: 0.8;
}

.page-privacy .privacy-list strong {
  color: var(--paper);
  font-weight: 600;
}

.page-privacy .privacy-callout {
  margin: 18px 0 20px;
  padding: 18px 20px;
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--cyan);
  background: var(--paper);
  color: var(--ink-900);
}

.page-privacy .callout-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  color: #16224A;
}

.page-privacy .callout-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .callout-list li {
  position: relative;
  padding-left: 16px;
  font-size: 15px;
  line-height: 1.75;
  color: #1D2C5C;
}

.page-privacy .callout-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: var(--clay);
}

.page-privacy .callout-list strong {
  color: var(--ink-900);
  font-weight: 700;
}

.page-privacy .inline-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(34, 211, 238, 0.5);
  padding-bottom: 1px;
}

.page-privacy .inline-link:hover,
.page-privacy .inline-link:focus-visible {
  color: var(--paper);
  border-bottom-color: var(--paper);
}

.page-privacy .privacy-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-top {
  margin-left: auto;
}

@media (min-width: 760px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  }

  .page-privacy .privacy-layout {
    grid-template-columns: minmax(0, var(--privacy-toc-w)) minmax(0, 1fr);
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--header-h) + 20px);
  }

  .page-privacy .toc-list {
    flex-direction: column;
    gap: 4px;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .toc-link {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-color: transparent;
    border-radius: var(--radius-sm);
    padding: 9px 12px;
  }
}

@media (min-width: 1100px) {
  .page-privacy {
    --privacy-toc-w: 292px;
  }

  .page-privacy .privacy-section p {
    font-size: 16.5px;
  }
}

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