.page-privacy {
  --pp-rule: rgba(110, 98, 82, 0.38);
  --pp-rule-strong: rgba(110, 98, 82, 0.62);
  --pp-measure: 68ch;
  --pp-note-col: 210px;
  --pp-ink-soft: rgba(27, 21, 18, 0.82);
  background-color: var(--night);
  color: var(--ink);
  font-family: var(--font-body);
}

.page-privacy .pp-stage {
  padding: clamp(10px, 2.4vw, 34px) clamp(8px, 2vw, 28px);
  background-color: var(--night);
  background-image:
    repeating-linear-gradient(to right, rgba(232, 220, 192, 0.055) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(to bottom, rgba(232, 220, 192, 0.055) 0 1px, transparent 1px 52px);
}

.page-privacy .pp-paper {
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(18px, 4vw, 54px) clamp(16px, 4vw, 58px) clamp(28px, 5vw, 66px);
  border: 1px solid rgba(27, 21, 18, 0.22);
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.46),
    inset 0 0 0 1px rgba(243, 234, 211, 0.55);
}

.page-privacy .pp-inner {
  max-width: 900px;
  margin: 0 auto;
}

.page-privacy .pp-crumb {
  margin-bottom: clamp(16px, 3vw, 28px);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--ash);
}

.page-privacy .pp-crumb a {
  color: var(--link);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.page-privacy .pp-crumb a:hover,
.page-privacy .pp-crumb a:focus-visible {
  border-bottom-color: var(--seal);
}

/* 首屏：印刷边框框住的标题区 */
.page-privacy .pp-hero__frame {
  position: relative;
  padding: clamp(20px, 3.6vw, 44px) clamp(18px, 3.4vw, 44px) clamp(18px, 3vw, 36px);
  background: rgba(243, 234, 211, 0.55);
  border: 1px solid var(--pp-rule-strong);
}

.page-privacy .pp-hero__frame::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid var(--pp-rule);
  pointer-events: none;
}

.page-privacy .pp-hero__kicker {
  margin: 0 0 14px;
  color: var(--rust);
}

.page-privacy .pp-hero h1 {
  margin: 0 0 16px;
  max-width: 22ch;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(29px, 5.4vw, 50px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .pp-hero__lede {
  margin: 0;
  max-width: 58ch;
  font-size: clamp(16px, 2.1vw, 18px);
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .pp-hero__meta {
  margin: 20px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--pp-rule-strong);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--ash);
}

.page-privacy .pp-hero__media {
  margin: clamp(16px, 3vw, 26px) 0 0;
  border: 1px solid var(--pp-rule);
}

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

/* 章节索引 */
.page-privacy .pp-index {
  margin: clamp(26px, 4.4vw, 42px) 0 0;
  padding: clamp(14px, 2.4vw, 20px) clamp(14px, 2.4vw, 22px);
  background: rgba(243, 234, 211, 0.5);
  border-top: 1px solid var(--pp-rule);
  border-bottom: 1px solid var(--pp-rule);
}

.page-privacy .pp-index__title {
  margin: 0 0 12px;
  color: var(--ash);
}

.page-privacy .pp-index__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 6px 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 transparent;
  transition: box-shadow 0.22s var(--ease), color 0.22s var(--ease);
}

.page-privacy .pp-index__list a .mono {
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: var(--ash);
}

.page-privacy .pp-index__list a:hover,
.page-privacy .pp-index__list a:focus-visible {
  color: var(--link);
  box-shadow: inset 0 -2px 0 var(--seal);
}

/* 正文各段落 */
.page-privacy .pp-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 20px);
  padding-block: clamp(26px, 4.4vw, 44px);
  border-top: 1px solid var(--pp-rule);
  scroll-margin-top: 90px;
}

.page-privacy .pp-section:first-of-type {
  border-top: 0;
}

.page-privacy .pp-section__main {
  min-width: 0;
}

.page-privacy .pp-section h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(21px, 3.2vw, 30px);
  line-height: 1.26;
  color: var(--ink);
}

.page-privacy .pp-num {
  margin-right: 10px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--signal);
  vertical-align: 3px;
}

.page-privacy .pp-section__main p {
  max-width: var(--pp-measure);
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.78;
  color: var(--ink);
}

.page-privacy .pp-section__main p:last-child {
  margin-bottom: 0;
}

.page-privacy .pp-section__main a {
  color: var(--link);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 rgba(232, 179, 60, 0.6);
}

.page-privacy .pp-section__main a:hover,
.page-privacy .pp-section__main a:focus-visible {
  box-shadow: inset 0 -2px 0 var(--signal);
}

.page-privacy .pp-list {
  display: grid;
  gap: 11px;
  max-width: var(--pp-measure);
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-list li {
  position: relative;
  padding-left: 18px;
  font-size: 16.5px;
  line-height: 1.74;
  color: var(--pp-ink-soft);
}

.page-privacy .pp-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 2px;
  background: var(--signal);
}

.page-privacy .pp-list strong {
  color: var(--ink);
  font-weight: 700;
  box-shadow: inset 0 -0.55em 0 rgba(232, 179, 60, 0.34);
}

/* 右侧边距小注 */
.page-privacy .pp-note {
  padding: 2px 0 2px 14px;
  border-left: 2px solid var(--seal);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ash);
  outline: none;
}

.page-privacy .pp-note__term {
  display: block;
  font-family: var(--font-label);
  font-style: normal;
  font-size: 11.5px;
  letter-spacing: 0.1em;
  color: var(--rust);
}

.page-privacy .pp-note__text {
  margin: 6px 0 0;
}

.page-privacy .pp-note__gloss {
  margin: 8px 0 0;
  font-size: 12.5px;
  color: rgba(110, 98, 82, 0.95);
}

.page-privacy .pp-note:hover,
.page-privacy .pp-note:focus-within {
  background: rgba(243, 234, 211, 0.6);
}

/* 结尾签署 */
.page-privacy .pp-sign {
  margin-top: clamp(24px, 4vw, 40px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid var(--pp-rule);
}

.page-privacy .pp-sign__stamp {
  display: inline-block;
  margin: 0 0 12px;
  padding: 7px 13px;
  font-family: var(--font-label);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  color: var(--rust);
}

.page-privacy .pp-sign__line {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--ash);
}

/* 章节锚点被定位时给出印章黄提示 */
.page-privacy .pp-section:target {
  box-shadow: inset 3px 0 0 var(--seal);
}

@media (min-width: 640px) {
  .page-privacy .pp-index__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-index__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .pp-section {
    grid-template-columns: minmax(0, 1fr) var(--pp-note-col);
    gap: clamp(24px, 3.8vw, 52px);
    align-items: start;
  }

  .page-privacy .pp-note {
    margin-top: 6px;
  }

  .page-privacy .pp-note__gloss {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.36s var(--ease), opacity 0.3s var(--ease);
  }

  .page-privacy .pp-note:hover .pp-note__gloss,
  .page-privacy .pp-note:focus-within .pp-note__gloss {
    max-height: 14em;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-index__list a,
  .page-privacy .pp-note__gloss {
    transition: none;
  }
}


<main id="main-content" class="page-privacy">
  <div class="pp-stage">
    <div class="surface-paper pp-paper">
      <div class="shell pp-inner">

        <nav class="breadcrumb pp-crumb" aria-label="位置">
          <a href="/">首页</a>
          <span class="breadcrumb__sep">/</span>
          <span aria-current="page">隐私政策</span>
        </nav>

        <header class="pp-hero" data-reveal>
          <div class="pp-hero__frame">
            <p class="label pp-hero__kicker">档案阅览室 · 信息处理说明</p>
            <h1>你在安博地址主站留下的信息，我们一条条讲清楚</h1>
            <p class="pp-hero__lede">安博地址主站自 2013 年上线至今，翻看全部轮次、阵容与战报都不需要注册账号。不管你是来核一段老赛季的脉络，还是周末连着翻两场，我们要做的都是让你少填、少留痕。</p>
            <p class="pp-hero__meta mono">适用：全站页面与安卓版</p>
          </div>
          <figure class="media media--wide pp-hero__media">
            <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="纸张纹理与档案封条的特写，封条以抽象几何形态压印，画面中没有文字与人物">
          </figure>
        </header>

        <nav class="pp-index" aria-label="本页章节" data-reveal>
          <p class="label pp-index__title">按章节查看</p>
          <ol class="pp-index__list">
            <li><a href="#collect"><span class="mono">01</span>我们收集哪些信息</a></li>
            <li><a href="#use"><span class="mono">02</span>信息如何使用</a></li>
            <li><a href="#storage"><span class="mono">03</span>Cookie 与本地存储</a></li>
            <li><a href="#security"><span class="mono">04</span>数据安全与保存期限</a></li>
            <li><a href="#rights"><span class="mono">05</span>你的权利</a></li>
          </ol>
        </nav>

        <article class="pp-article">

          <section class="pp-section" id="collect" data-reveal>
            <div class="pp-section__main">
              <h2><span class="pp-num mono">01</span>我们收集哪些信息</h2>
              <p>查阅轮次安排、阵容对照和赛后战报的过程是开放的：不需要填姓名、球队偏好，也不涉及支付信息。我们真正会接触到的，来自下面三个地方。</p>
              <ul class="pp-list">
                <li><strong>访问日志</strong>——你打开的页面地址、正在看的轮次号或档案编号、访问时间、浏览器与设备类型、由网络地址判断到的省级区域，以及页面出错时的报错记录。</li>
                <li><strong>查询偏好</strong>——你选中的赛季，以及轮次、球队、球员、场地这几个筛选项；主场与客场视图之间的切换；导出时选取的赛季范围。这类内容多数留在你自己的设备上。</li>
                <li><strong>你主动发来的信息</strong>——通过客服邮箱提交数据纠错时附上的截图、页面链接与邮箱地址；致电咨询时留下的通话信息，用于回拨跟进。</li>
              </ul>
              <p>同一条比赛记录对所有人显示一样的内容。你支持哪支球队，不会改变任何一栏数字的读法。</p>
            </div>
            <aside class="pp-note" tabindex="0">
              <span class="pp-note__term">报错记录</span>
              <p class="pp-note__text">页面没能正常出图时，浏览器会留下一小条技术信息。</p>
              <p class="pp-note__gloss">它写的是哪个组件渲染失败、浏览器是什么版本，并不记录你在页面上停了多久、看过哪几场。</p>
            </aside>
          </section>

          <section class="pp-section" id="use" data-reveal>
            <div class="pp-section__main">
              <h2><span class="pp-num mono">02</span>信息如何使用</h2>
              <p>上面这些内容只服务于几件具体的事：让查询更快出结果，让显示故障更早被发现，让早期赛季的补录有个先后次序。</p>
              <ul class="pp-list">
                <li><strong>接着上次看</strong>——下次打开时停在你翻到的那一轴赛季，对照表两侧字段依旧对齐。</li>
                <li><strong>排查显示问题</strong>——某张进失球分布图没画出来时，用报错记录判断是浏览器版本的事，还是数据本身的事。</li>
                <li><strong>安排补录次序</strong>——把 34 个省级区域的翻阅情况汇总起来看，日均约 2.6 万次，据此决定先补 1994 年以来哪一段老赛季记录。</li>
                <li><strong>回复你的纠错</strong>——用你附的截图和页面链接回查字段，改完再给你答复。</li>
              </ul>
              <p>翻阅热度只以整体数字的形式参与排期，不会用来观察某一位访客在看什么。档案站的价值在于你翻得到旧比赛，而不在于我们记住你是谁。</p>
            </div>
            <aside class="pp-note" tabindex="0">
              <span class="pp-note__term">汇总统计</span>
              <p class="pp-note__text">把很多次翻阅合成一个数字，用来看哪些赛季被反复翻。</p>
              <p class="pp-note__gloss">合成之后看不到单独的人，也没办法从中还原出某一次具体的翻阅动作。</p>
            </aside>
          </section>

          <section class="pp-section" id="storage" data-reveal>
            <div class="pp-section__main">
              <h2><span class="pp-num mono">03</span>Cookie 与本地存储</h2>
              <p>本站用到的小型本地保存项不多，作用都是记住你上次怎么看，不涉及跨站跟踪。</p>
              <ul class="pp-list">
                <li><strong>赛季选择</strong>——你停下的那一轴，下次打开直接从那里开始。</li>
                <li><strong>视图偏好</strong>——主场数据用信号橙、客场数据用冷蓝，或改成纯文字表格，选过一次就记住。</li>
                <li><strong>首访引导条</strong>——第一次访问出现一次，可以跳过，之后不再出现，也不会盖住对照表。</li>
                <li><strong>安卓版离线缓存</strong>——最近 3 个赛季的对照表存在手机本地，安装包约 18MB，适配 Android 8.0 及以上系统，没有网络也能翻。</li>
              </ul>
              <p>想清掉也很直接：在浏览器设置里删除本站的 Cookie 与本地存储；安卓版则在系统设置的应用存储中清除缓存。清完之后，赛季选择与视图偏好回到默认状态，档案内容照常能查。</p>
            </div>
            <aside class="pp-note" tabindex="0">
              <span class="pp-note__term">本地存储</span>
              <p class="pp-note__text">这些偏好留在你的设备上，随请求上传的内容很少。</p>
              <p class="pp-note__gloss">所以换一台设备打开，你会看到默认的赛季与默认的视图，而不是上一台设备上的选择。</p>
            </aside>
          </section>

          <section class="pp-section" id="security" data-reveal>
            <div class="pp-section__main">
              <h2><span class="pp-num mono">04</span>数据安全与保存期限</h2>
              <p>信息进入我们这边要过的环节不多，我们按岗位把权限拆开，让每个人只碰自己负责的那一段。</p>
              <ul class="pp-list">
                <li><strong>访问控制</strong>——轮次组、阵容组、战报组、校对组各自只能操作本条线的字段；涉及删除和批量改动的动作会留下操作记录。</li>
                <li><strong>传输与存放</strong>——网页与安卓版的请求走加密通道，服务端只留工作真正需要的字段。</li>
                <li><strong>备份</strong>——数据库定期备份，副本与主库分开存放，恢复演练按季度安排一次。</li>
              </ul>
              <p>保存期限方面：访问日志最多保留 12 个月；纠错来往邮件在问题闭环后保留 24 个月，用来追溯同一个字段是否被反复修改；安卓版缓存放在你的手机上，清除缓存或卸载应用它就消失。</p>
              <p>加密和权限能把风险压低，没有办法把它降到零。遇到可疑的仿冒页面，或收到自称本站的可疑来信，直接拨 400-9175-5442，或写邮件过来核实。</p>
            </div>
            <aside class="pp-note" tabindex="0">
              <span class="pp-note__term">岗位权限</span>
              <p class="pp-note__text">14 人的编目团队分成四类岗位，登录后能看到的范围各不相同。</p>
              <p class="pp-note__gloss">排轮次表的人看不到客服邮箱里的来信，处理来信的人只能读取字段，不能批量改动比赛记录。</p>
            </aside>
          </section>

          <section class="pp-section" id="rights" data-reveal>
            <div class="pp-section__main">
              <h2><span class="pp-num mono">05</span>你的权利</h2>
              <p>你可以要求查看、更正或删除与你有关的信息，也可以随时把本地保存项关掉。</p>
              <ul class="pp-list">
                <li><strong>查看与更正</strong>——写信到 support@record-hunter-anbo.com.cn，说明你要处理的页面，我们会把与该邮箱关联的查阅记录和纠错来往整理给你。</li>
                <li><strong>删除</strong>——用同一邮箱提出即可，我们会清除日志中与该邮箱关联的部分，以及纠错往来邮件的正文与附件；设备上的赛季偏好由你在浏览器或安卓版里自行清除。</li>
                <li><strong>关掉本地保存</strong>——拒绝 Cookie 与本地存储之后，赛季轴、对照台和战报照常可以翻阅。</li>
                <li><strong>处理节奏</strong>——客服邮箱在工作日内回复，需要回查字段的请求会先给一封回执再跟进。电话 400-9175-5442 更适合咨询查询方式与安卓版使用问题。</li>
              </ul>
              <p>想先弄明白怎么查，可以先看<a href="/answers/">答疑中心</a>里的查询三步；纠错、资料交换或合作咨询，请走<a href="/contact/">联系通道</a>。要引用站内数据写作或转载，先读一读<a href="/legal/">使用说明与法律声明</a>。也可以直接回<a href="/">首页</a>，挑一个赛季从那一轴翻起。</p>
            </div>
            <aside class="pp-note" tabindex="0">
              <span class="pp-note__term">处理周期</span>
              <p class="pp-note__text">简单请求当天就能办好，需要回查字段的会多花一些时间。</p>
              <p class="pp-note__gloss">回查时我们会找出那条比赛的档案编号，对着首发、换人、比分、进失球时段四类字段逐项看过再答复。</p>
            </aside>
          </section>

        </article>

        <div class="pp-sign" data-reveal>
          <p class="stamp pp-sign__stamp">档案阅览室 · 信息处理说明</p>
          <p class="pp-sign__line mono">support@record-hunter-anbo.com.cn ｜ 400-9175-5442</p>
        </div>

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

.page-privacy {
  --pp-rule: rgba(110, 98, 82, 0.38);
  --pp-rule-strong: rgba(110, 98, 82, 0.62);
  --pp-measure: 68ch;
  --pp-note-col: 210px;
  --pp-ink-soft: rgba(27, 21, 18, 0.82);
  background-color: var(--night);
  color: var(--ink);
  font-family: var(--font-body);
}

.page-privacy .pp-stage {
  padding: clamp(10px, 2.4vw, 34px) clamp(8px, 2vw, 28px);
  background-color: var(--night);
  background-image:
    repeating-linear-gradient(to right, rgba(232, 220, 192, 0.055) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(to bottom, rgba(232, 220, 192, 0.055) 0 1px, transparent 1px 52px);
}

.page-privacy .pp-paper {
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(18px, 4vw, 54px) clamp(16px, 4vw, 58px) clamp(28px, 5vw, 66px);
  border: 1px solid rgba(27, 21, 18, 0.22);
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.46),
    inset 0 0 0 1px rgba(243, 234, 211, 0.55);
}

.page-privacy .pp-inner {
  max-width: 900px;
  margin: 0 auto;
}

.page-privacy .pp-crumb {
  margin-bottom: clamp(16px, 3vw, 28px);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--ash);
}

.page-privacy .pp-crumb a {
  color: var(--link);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.page-privacy .pp-crumb a:hover,
.page-privacy .pp-crumb a:focus-visible {
  border-bottom-color: var(--seal);
}

.page-privacy .pp-hero__frame {
  position: relative;
  padding: clamp(20px, 3.6vw, 44px) clamp(18px, 3.4vw, 44px) clamp(18px, 3vw, 36px);
  background: rgba(243, 234, 211, 0.55);
  border: 1px solid var(--pp-rule-strong);
}

.page-privacy .pp-hero__frame::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid var(--pp-rule);
  pointer-events: none;
}

.page-privacy .pp-hero__kicker {
  margin: 0 0 14px;
  color: var(--rust);
}

.page-privacy .pp-hero h1 {
  margin: 0 0 16px;
  max-width: 22ch;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(29px, 5.4vw, 50px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .pp-hero__lede {
  margin: 0;
  max-width: 58ch;
  font-size: clamp(16px, 2.1vw, 18px);
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .pp-hero__meta {
  margin: 20px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--pp-rule-strong);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--ash);
}

.page-privacy .pp-hero__media {
  margin: clamp(16px, 3vw, 26px) 0 0;
  border: 1px solid var(--pp-rule);
}

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

.page-privacy .pp-index {
  margin: clamp(26px, 4.4vw, 42px) 0 0;
  padding: clamp(14px, 2.4vw, 20px) clamp(14px, 2.4vw, 22px);
  background: rgba(243, 234, 211, 0.5);
  border-top: 1px solid var(--pp-rule);
  border-bottom: 1px solid var(--pp-rule);
}

.page-privacy .pp-index__title {
  margin: 0 0 12px;
  color: var(--ash);
}

.page-privacy .pp-index__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 6px 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 transparent;
  transition: box-shadow 0.22s var(--ease), color 0.22s var(--ease);
}

.page-privacy .pp-index__list a .mono {
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: var(--ash);
}

.page-privacy .pp-index__list a:hover,
.page-privacy .pp-index__list a:focus-visible {
  color: var(--link);
  box-shadow: inset 0 -2px 0 var(--seal);
}

.page-privacy .pp-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 20px);
  padding-block: clamp(26px, 4.4vw, 44px);
  border-top: 1px solid var(--pp-rule);
  scroll-margin-top: 90px;
}

.page-privacy .pp-section:first-of-type {
  border-top: 0;
}

.page-privacy .pp-section__main {
  min-width: 0;
}

.page-privacy .pp-section h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(21px, 3.2vw, 30px);
  line-height: 1.26;
  color: var(--ink);
}

.page-privacy .pp-num {
  margin-right: 10px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--signal);
  vertical-align: 3px;
}

.page-privacy .pp-section__main p {
  max-width: var(--pp-measure);
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.78;
  color: var(--ink);
}

.page-privacy .pp-section__main p:last-child {
  margin-bottom: 0;
}

.page-privacy .pp-section__main a {
  color: var(--link);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 rgba(232, 179, 60, 0.6);
}

.page-privacy .pp-section__main a:hover,
.page-privacy .pp-section__main a:focus-visible {
  box-shadow: inset 0 -2px 0 var(--signal);
}

.page-privacy .pp-list {
  display: grid;
  gap: 11px;
  max-width: var(--pp-measure);
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-list li {
  position: relative;
  padding-left: 18px;
  font-size: 16.5px;
  line-height: 1.74;
  color: var(--pp-ink-soft);
}

.page-privacy .pp-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 2px;
  background: var(--signal);
}

.page-privacy .pp-list strong {
  color: var(--ink);
  font-weight: 700;
  box-shadow: inset 0 -0.55em 0 rgba(232, 179, 60, 0.34);
}

.page-privacy .pp-note {
  padding: 2px 0 2px 14px;
  border-left: 2px solid var(--seal);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ash);
  outline: none;
}

.page-privacy .pp-note__term {
  display: block;
  font-family: var(--font-label);
  font-style: normal;
  font-size: 11.5px;
  letter-spacing: 0.1em;
  color: var(--rust);
}

.page-privacy .pp-note__text {
  margin: 6px 0 0;
}

.page-privacy .pp-note__gloss {
  margin: 8px 0 0;
  font-size: 12.5px;
  color: rgba(110, 98, 82, 0.95);
}

.page-privacy .pp-note:hover,
.page-privacy .pp-note:focus-within {
  background: rgba(243, 234, 211, 0.6);
}

.page-privacy .pp-sign {
  margin-top: clamp(24px, 4vw, 40px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid var(--pp-rule);
}

.page-privacy .pp-sign__stamp {
  display: inline-block;
  margin: 0 0 12px;
  padding: 7px 13px;
  font-family: var(--font-label);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  color: var(--rust);
}

.page-privacy .pp-sign__line {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--ash);
}

.page-privacy .pp-section:target {
  box-shadow: inset 3px 0 0 var(--seal);
}

@media (min-width: 640px) {
  .page-privacy .pp-index__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-index__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .pp-section {
    grid-template-columns: minmax(0, 1fr) var(--pp-note-col);
    gap: clamp(24px, 3.8vw, 52px);
    align-items: start;
  }

  .page-privacy .pp-note {
    margin-top: 6px;
  }

  .page-privacy .pp-note__gloss {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.36s var(--ease), opacity 0.3s var(--ease);
  }

  .page-privacy .pp-note:hover .pp-note__gloss,
  .page-privacy .pp-note:focus-within .pp-note__gloss {
    max-height: 14em;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-index__list a,
  .page-privacy .pp-note__gloss {
    transition: none;
  }
}