.page-privacy {
  --privacy-rail: 236px;
}

.page-privacy .privacy-head {
  padding-top: var(--space-6);
}

.page-privacy .privacy-crumb {
  margin-bottom: var(--space-4);
}

.page-privacy .privacy-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
  max-width: 20ch;
}

.page-privacy .privacy-lede {
  margin-top: var(--space-4);
  max-width: var(--measure);
}

.page-privacy .privacy-lede p {
  margin: 0 0 var(--space-3);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-lede p:last-child {
  margin-bottom: 0;
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: var(--space-3) 0 0;
  border-top: var(--border-thin) solid var(--color-line);
  display: grid;
  gap: var(--space-2);
}

.page-privacy .privacy-meta li {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta .mono {
  display: inline-block;
  min-width: 5.5em;
  margin-right: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-ink-muted);
  letter-spacing: 0.06em;
}

.page-privacy .privacy-texture {
  margin: var(--space-6) 0 0;
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface-alt);
  overflow: hidden;
}

.page-privacy .privacy-texture img {
  display: block;
  width: 100%;
  height: clamp(112px, 20vw, 216px);
  object-fit: cover;
}

.page-privacy .privacy-texture__caption {
  padding: var(--space-2) var(--space-3);
  border-top: var(--border-thin) solid var(--color-line);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.6;
  color: var(--color-ink-muted);
}

.page-privacy .doc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.page-privacy .privacy-toc {
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface-alt);
  padding: var(--space-3);
}

.page-privacy .privacy-toc .eyebrow {
  display: block;
  margin-bottom: var(--space-2);
}

.page-privacy .privacy-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-1);
}

.page-privacy .privacy-toc a {
  display: block;
  padding: var(--space-1) 0 var(--space-1) var(--space-2);
  border-left: var(--border-thin) solid transparent;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink-soft);
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease;
}

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

.page-privacy .privacy-toc a.is-active {
  border-left-color: var(--color-accent);
  color: var(--color-accent);
}

.page-privacy .privacy-body {
  max-width: var(--measure);
}

.page-privacy .privacy-sec {
  padding-top: var(--space-6);
  margin-top: var(--space-6);
  border-top: var(--border-thin) solid var(--color-line);
  scroll-margin-top: var(--space-8);
}

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

.page-privacy .privacy-sec__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.page-privacy .privacy-sec__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.page-privacy .privacy-sec__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-sec__body p {
  margin: 0 0 var(--space-3);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-sec__body p:last-child {
  margin-bottom: 0;
  padding-bottom: var(--space-2);
}

.page-privacy .privacy-sec__body a {
  color: var(--color-accent);
  text-decoration: none;
  border-bottom: var(--border-thin) solid var(--color-highlight);
}

.page-privacy .privacy-sec__body a:hover,
.page-privacy .privacy-sec__body a:focus-visible {
  border-bottom-color: var(--color-accent);
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0 0 var(--space-3);
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .privacy-list li {
  padding: var(--space-2) var(--space-3);
  border-left: var(--border-thin) solid var(--color-primary-soft);
  background: var(--color-surface-alt);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-ink);
}

.page-privacy .privacy-list strong {
  color: var(--color-ink);
  font-weight: var(--weight-heading);
  margin-right: var(--space-1);
}

.page-privacy .privacy-out {
  margin-top: var(--space-8);
  padding: var(--space-4) var(--space-4) var(--space-3);
  border: var(--border-thin) solid var(--color-primary);
  border-radius: var(--radius-md);
  background: var(--color-surface-deep);
  box-shadow: var(--shadow-1);
}

.page-privacy .privacy-out__text {
  margin: 0 0 var(--space-4);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-out__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
}

@media (min-width: 900px) {
  .page-privacy .doc-layout {
    grid-template-columns: var(--privacy-rail) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: var(--space-6);
  }

  .page-privacy .privacy-head {
    padding-top: var(--section-y);
  }

  .page-privacy .privacy-texture {
    margin-top: var(--space-8);
  }

  .page-privacy .privacy-sec {
    padding-top: var(--space-8);
    margin-top: var(--space-8);
  }

  .page-privacy .privacy-list li {
    padding: var(--space-3);
  }
}
</final>
<main id="main-content" class="page-privacy">

  <header class="privacy-head">
    <div class="shell">
      <nav class="privacy-crumb" aria-label="当前位置">
        <ul class="breadcrumb">
          <li><a href="/">首页</a></li>
          <li aria-current="page">隐私政策</li>
        </ul>
      </nav>

      <h1 class="privacy-title">隐私政策</h1>

      <div class="privacy-lede">
        <p>这份说明交代开元棋盘官方版区域站在你浏览页面、写信找我们这两件事上，会经手哪些信息、拿它们做什么、留多久，以及你能要求我们做什么。写短句、写具体，你读完一遍就能知道自己的位置。</p>
        <p>我们只处理把站点办好、把问题答好所需要的那部分内容。凡是与这两件事无关的，我们不要。</p>
      </div>

      <ul class="privacy-meta">
        <li><span class="mono">现行版本</span>以本页内容为准</li>
        <li><span class="mono">适用范围</span>站内全部页面</li>
        <li><span class="mono">联系渠道</span>service@qipan-kaiyun.com.cn</li>
      </ul>
    </div>
  </header>

  <div class="shell">
    <figure class="privacy-texture">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="抽象棋盘格栅纹理，细密均匀的线条在深色底上纵横交错，不含文字与标识">
      <figcaption class="privacy-texture__caption">站点底纹沿用棋盘格栅，本页只作页头窄带使用。</figcaption>
    </figure>
  </div>

  <div class="shell">
    <div class="doc-layout">

      <nav class="anchor-nav privacy-toc" data-anchor-nav aria-label="本页章节">
        <p class="eyebrow">本页章节</p>
        <ul>
          <li><a href="#scope">01 这份政策管什么</a></li>
          <li><a href="#collect">02 我们会经手哪些信息</a></li>
          <li><a href="#purpose">03 每类信息拿来做什么</a></li>
          <li><a href="#retention">04 信息留多久</a></li>
          <li><a href="#sharing">05 什么情况下会对外提供</a></li>
          <li><a href="#rights">06 你可以要求我们做什么</a></li>
          <li><a href="#minors">07 未成年人怎么使用</a></li>
          <li><a href="#contact">08 找我们与政策更新</a></li>
        </ul>
      </nav>

      <div class="doc-body privacy-body">

        <section id="scope" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">01</span>
            <h2 class="privacy-sec__title">这份政策管什么</h2>
          </div>
          <div class="privacy-sec__body">
            <p>本页适用于开元棋盘官方版区域站的站内页面，包括玩法与规则方案、覆盖与实战实证、客户端说明、赛季与动态中心，以及站点公告一类的说明内容。你在这些页面上发生的行为，和对这些页面提出的问题，都按本页处理。</p>
            <p>它也适用于你通过站内邮箱联系我们时产生的内容。你从站点跳到别的地方之后，那边怎么处理信息由那边自己说明，不在本页范围内。</p>
            <p>本页与站点的<a href="/terms/">使用条款</a>一起读，一边讲你能怎么用，一边讲我们怎么处理信息。想先知道这个站点是怎么做起来的，可以看<a href="/story/">站点的起点说明</a>。</p>
          </div>
        </section>

        <section id="collect" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">02</span>
            <h2 class="privacy-sec__title">我们会经手哪些信息</h2>
          </div>
          <div class="privacy-sec__body">
            <p>绝大部分内容是你自己写给我们或自己选出来的，只有一小部分是浏览时自然产生的。分成四类看：</p>
            <ul class="privacy-list">
              <li>
                <strong>你发来的联系内容。</strong>包括你填写的邮箱地址、怎么称呼你、正文写了什么，以及邮件里你可能附上的截图或文字片段。
              </li>
              <li>
                <strong>你写在信里的对局背景。</strong>为了让答复对得上你的情况，你可能主动写明段位、常坐的桌位人数、当前赛季轮次，以及卡住的是哪一章残局。这些由你决定要不要写，不写我们也能答，只是会答得笼统一些。
              </li>
              <li>
                <strong>访问时产生的技术记录。</strong>例如浏览器类型、屏幕大致尺寸、你从哪个页面进来、停留了多久。这类记录用来判断页面在你的设备上有没有显示问题。
              </li>
              <li>
                <strong>你在页面上做过的选择。</strong>例如你手动切到 4 人桌那一段、在动态列表里筛出规则修订。这类偏好只留在你自己的浏览器里，方便下次打开还是那个状态。
              </li>
            </ul>
            <p>我们不要求你提供身份证件、支付信息或位置的精确坐标。你如果主动写进邮件里，我们也不会把它用于回信之外的用途。</p>
          </div>
        </section>

        <section id="purpose" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">03</span>
            <h2 class="privacy-sec__title">每类信息拿来做什么</h2>
          </div>
          <div class="privacy-sec__body">
            <p>用途和上面四类一一对应，不交叉挪用：</p>
            <ul class="privacy-list">
              <li><strong>回复你的问题。</strong>用你的邮箱地址把答复寄回去，用信里的背景把答复写具体。这是联系内容唯一的用途。</li>
              <li><strong>判断问题落在哪个板块。</strong>同一类问题问得多了，我们会回头把对应页面的说明重写一遍。这一步看的是问题总数和方向，不针对某一封邮件。</li>
              <li><strong>让页面正常显示。</strong>技术记录用来发现某类设备上排版错位、表格横向溢出这类毛病，修完就不再细看。</li>
              <li><strong>记住你自己选过的偏好。</strong>桌位人数、段位档位、动态分类的筛选状态，存在你的浏览器本地，用来让你下次少点两下。</li>
            </ul>
            <p>我们不会拿这些信息做与棋牌内容无关的推送，也不会把它们拼成一份关于你的画像去决定你能看到什么。答复由人写，不由程序自动生成。</p>
          </div>
        </section>

        <section id="retention" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">04</span>
            <h2 class="privacy-sec__title">信息留多久</h2>
          </div>
          <div class="privacy-sec__body">
            <p>保存期限按用途来定，用途结束就不再留：</p>
            <ul class="privacy-list">
              <li><strong>邮件往来：</strong>从双方最后一次通信算起保存 24 个月。中途你再写信，期限从新的那一封重新开始。到期后整条删除，不做备份留存。</li>
              <li><strong>访问技术记录：</strong>保存 6 个月，之后汇总成不含个体特征的统计量，原始记录清掉。</li>
              <li><strong>浏览器本地偏好：</strong>不归我们保存，存在你的设备上。你清一次浏览器数据，它就没了。</li>
            </ul>
            <p>如果某段时间内需要处理你提出的一件具体事项，涉及的那部分内容会留到事项办结为止，办结后按上面的期限执行。到期未办完的，我们会先告知你进度，再决定是不是延长。</p>
          </div>
        </section>

        <section id="sharing" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">05</span>
            <h2 class="privacy-sec__title">什么情况下会对外提供</h2>
          </div>
          <div class="privacy-sec__body">
            <p>原则上一句话：不卖、不租、不拿信息换任何东西。下面三种情形是仅有的例外。</p>
            <ul class="privacy-list">
              <li><strong>支撑站点运行的服务方。</strong>邮件收发和服务器托管需要外部服务，它们在完成收发和存放这个动作的必要范围内接触数据，我们与服务方之间以书面约定限定用途，不允许它们用于自己的目的。</li>
              <li><strong>法律法规明确要求时。</strong>有权机关依法定程序提出要求，我们按要求的范围提供，并提供前会核对程序是否完整。</li>
              <li><strong>你明确同意时。</strong>你写信说可以把某段内容用在别的地方，我们才用，而且只用在你指定的那件事上。</li>
            </ul>
            <p>除此之外，无论是站内合作、整理成文还是对外交流，都不会带上你的邮箱地址和信件原文。</p>
          </div>
        </section>

        <section id="rights" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">06</span>
            <h2 class="privacy-sec__title">你可以要求我们做什么</h2>
          </div>
          <div class="privacy-sec__body">
            <p>下面这些动作都通过站内邮箱提出，你写清楚要办哪一件、涉及哪封信大概是什么时候寄的就行。我们不需要你解释理由。</p>
            <ul class="privacy-list">
              <li><strong>问一句我们在不在处理。</strong>你确认后我们告诉你有没有、处理了什么、怎么用的。</li>
              <li><strong>要一份内容。</strong>把你发来的那部分整理成可读文本寄回给你。</li>
              <li><strong>改一处写错的地方。</strong>邮箱写错了、称呼不对、背景数据填错了，告诉我们改。</li>
              <li><strong>让我们删掉。</strong>在你要求之后，相关邮件和附件从在用系统里删除，并在下一次整理归档时一并清掉。</li>
              <li><strong>收回同意。</strong>你之前同意把某段内容用在别处，之后改主意，我们停止使用并删除。</li>
              <li><strong>不接受某种处理。</strong>你说明不希望哪一类处理继续，我们停下并告知会影响什么，再由你决定。</li>
            </ul>
            <p>提这些要求不需要你付费，我们也不会因此对你的问题区别对待。办完之后会回一封信告诉你结果。</p>
          </div>
        </section>

        <section id="minors" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">07</span>
            <h2 class="privacy-sec__title">未成年人怎么使用</h2>
          </div>
          <div class="privacy-sec__body">
            <p>未满 14 周岁的访客，请在监护人知情并同意之后再使用本站，也请监护人陪着一起看规则和赛季内容。我们不主动向未满 14 周岁的访客收集任何信息。</p>
            <p>如果你发现孩子已经把邮箱或其他内容寄给了我们，监护人写信说明情况，我们会核对该邮箱名下的往来并删除，办完后再回一封确认信。</p>
            <p>我们不面向未成年人做任何形式的定向推送，也不会把未成年人的来信内容用于答复之外的用途。</p>
          </div>
        </section>

        <section id="contact" class="privacy-sec" data-reveal>
          <div class="privacy-sec__head">
            <span class="mono privacy-sec__num">08</span>
            <h2 class="privacy-sec__title">找我们与政策更新</h2>
          </div>
          <div class="privacy-sec__body">
            <p>与本页有关的问题，寄到 service@qipan-kaiyun.com.cn，工作日 9:00-18:00 有人看。标题里写明是隐私相关，正文说清你要办哪一件事，回复会快很多。其他类型的咨询走同一个邮箱也没问题，写清板块即可。</p>
            <p>如果是站点规则、赛季安排或客户端版本方面的问题，先看看对应栏目，多数情况在那里能直接找到答案；确实还需要人答的，再走同一个邮箱。完整渠道和各自的用途写在<a href="/reach-us/">联系入口</a>那一页，包括电话与地址。</p>
            <p>本页内容调整后直接在这里更新，更新过的段落会在正文里说明改了什么，你不需要对照旧版本。涉及权利范围的变化，我们会在站点的公告栏目里另发一条说明，让你在浏览时就能看到。</p>
          </div>
        </section>

        <aside class="privacy-out" data-reveal>
          <p class="privacy-out__text">还有想确认的地方，就写信到 service@qipan-kaiyun.com.cn，标题写明“隐私相关”，附上你所在的页面和具体疑问。我们按你的情况回一封信，而不是给你一份通用答复。</p>
          <p class="privacy-out__links">
            <a class="btn btn--primary" href="/reach-us/">到联系入口看完整渠道</a>
            <a class="btn btn--ghost" href="/">回首页按栏目找内容</a>
          </p>
        </aside>

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

</main>

.page-privacy {
  --privacy-rail: 236px;
}

.page-privacy .privacy-head {
  padding-top: var(--space-6);
}

.page-privacy .privacy-crumb {
  margin-bottom: var(--space-4);
}

.page-privacy .privacy-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
  max-width: 20ch;
}

.page-privacy .privacy-lede {
  margin-top: var(--space-4);
  max-width: var(--measure);
}

.page-privacy .privacy-lede p {
  margin: 0 0 var(--space-3);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-lede p:last-child {
  margin-bottom: 0;
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: var(--space-3) 0 0;
  border-top: var(--border-thin) solid var(--color-line);
  display: grid;
  gap: var(--space-2);
}

.page-privacy .privacy-meta li {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta .mono {
  display: inline-block;
  min-width: 5.5em;
  margin-right: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-ink-muted);
  letter-spacing: 0.06em;
}

.page-privacy .privacy-texture {
  margin: var(--space-6) 0 0;
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface-alt);
  overflow: hidden;
}

.page-privacy .privacy-texture img {
  display: block;
  width: 100%;
  height: clamp(112px, 20vw, 216px);
  object-fit: cover;
}

.page-privacy .privacy-texture__caption {
  padding: var(--space-2) var(--space-3);
  border-top: var(--border-thin) solid var(--color-line);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.6;
  color: var(--color-ink-muted);
}

.page-privacy .doc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.page-privacy .privacy-toc {
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface-alt);
  padding: var(--space-3);
}

.page-privacy .privacy-toc .eyebrow {
  display: block;
  margin-bottom: var(--space-2);
}

.page-privacy .privacy-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-1);
}

.page-privacy .privacy-toc a {
  display: block;
  padding: var(--space-1) 0 var(--space-1) var(--space-2);
  border-left: var(--border-thin) solid transparent;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink-soft);
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease;
}

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

.page-privacy .privacy-toc a.is-active {
  border-left-color: var(--color-accent);
  color: var(--color-accent);
}

.page-privacy .privacy-body {
  max-width: var(--measure);
}

.page-privacy .privacy-sec {
  padding-top: var(--space-6);
  margin-top: var(--space-6);
  border-top: var(--border-thin) solid var(--color-line);
  scroll-margin-top: var(--space-8);
}

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

.page-privacy .privacy-sec__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.page-privacy .privacy-sec__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.page-privacy .privacy-sec__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-sec__body p {
  margin: 0 0 var(--space-3);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-sec__body p:last-child {
  margin-bottom: 0;
  padding-bottom: var(--space-2);
}

.page-privacy .privacy-sec__body a {
  color: var(--color-accent);
  text-decoration: none;
  border-bottom: var(--border-thin) solid var(--color-highlight);
}

.page-privacy .privacy-sec__body a:hover,
.page-privacy .privacy-sec__body a:focus-visible {
  border-bottom-color: var(--color-accent);
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0 0 var(--space-3);
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .privacy-list li {
  padding: var(--space-2) var(--space-3);
  border-left: var(--border-thin) solid var(--color-primary-soft);
  background: var(--color-surface-alt);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-ink);
}

.page-privacy .privacy-list strong {
  color: var(--color-ink);
  font-weight: var(--weight-heading);
  margin-right: var(--space-1);
}

.page-privacy .privacy-out {
  margin-top: var(--space-8);
  padding: var(--space-4) var(--space-4) var(--space-3);
  border: var(--border-thin) solid var(--color-primary);
  border-radius: var(--radius-md);
  background: var(--color-surface-deep);
  box-shadow: var(--shadow-1);
}

.page-privacy .privacy-out__text {
  margin: 0 0 var(--space-4);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-privacy .privacy-out__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
}

@media (min-width: 900px) {
  .page-privacy .doc-layout {
    grid-template-columns: var(--privacy-rail) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: var(--space-6);
  }

  .page-privacy .privacy-head {
    padding-top: var(--section-y);
  }

  .page-privacy .privacy-texture {
    margin-top: var(--space-8);
  }

  .page-privacy .privacy-sec {
    padding-top: var(--space-8);
    margin-top: var(--space-8);
  }

  .page-privacy .privacy-list li {
    padding: var(--space-3);
  }
}
<<<END>>>
