.page-privacy{
  --pv-line:rgba(90,107,127,.28);
  --pv-doc-max:70ch;
  background:var(--fog);
  color:var(--graphite);
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.8;
  padding-bottom:2.5rem;
}

.page-privacy .pv-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  padding:1.1rem 0 .25rem;
  font-size:.8125rem;
  color:var(--steel);
}
.page-privacy .pv-crumbs a{
  color:var(--steel);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-privacy .pv-crumbs a:hover,
.page-privacy .pv-crumbs a:focus-visible{
  color:var(--ember);
  border-bottom-color:var(--ember);
}
.page-privacy .pv-crumbs [aria-current="page"]{
  color:var(--navy);
  font-weight:700;
}

.page-privacy .pv-hero{
  display:grid;
  gap:1.75rem;
  padding:1.25rem 0 2.25rem;
  position:relative;
}
.page-privacy .pv-hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:96px;
  height:4px;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.page-privacy .pv-hero__text h1{
  margin:.6rem 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2rem,7vw,3.35rem);
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--navy);
}
.page-privacy .pv-hero__lead{
  margin:1rem 0 0;
  max-width:56ch;
  font-size:1rem;
  color:var(--graphite);
}
.page-privacy .pv-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}
.page-privacy .pv-hero__figure{
  margin:0;
  position:relative;
  background:var(--navy);
  border:1px solid var(--pv-line);
  overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
}
.page-privacy .pv-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.page-privacy .pv-hero__caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:.85rem 1rem;
  font-size:.8125rem;
  line-height:1.5;
  color:var(--fog);
  background:linear-gradient(to top,rgba(11,31,58,.94),rgba(11,31,58,0));
}

.page-privacy .pv-body{
  display:grid;
  gap:1.75rem;
  padding-bottom:1rem;
}

.page-privacy .pv-index__title{
  margin:0;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--steel);
  text-transform:uppercase;
}
.page-privacy .pv-index__list{
  list-style:none;
  margin:.7rem 0 0;
  padding:0 0 .35rem;
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .pv-index__link{
  display:inline-flex;
  align-items:baseline;
  gap:.4rem;
  white-space:nowrap;
  padding:.4rem .7rem;
  font-size:.8125rem;
  font-weight:700;
  color:var(--navy);
  text-decoration:none;
  background:var(--mist);
  border-left:3px solid var(--orange);
  transition:background .2s ease,color .2s ease;
}
.page-privacy .pv-index__link:hover,
.page-privacy .pv-index__link:focus-visible{
  background:var(--orange);
  color:var(--navy);
}
.page-privacy .pv-index__num{
  font-family:var(--font-num);
  font-size:.95rem;
  font-weight:700;
  color:var(--ember);
}
.page-privacy .pv-index__link:hover .pv-index__num,
.page-privacy .pv-index__link:focus-visible .pv-index__num{
  color:var(--navy);
}

.page-privacy .pv-doc{
  display:grid;
  gap:1.25rem;
  min-width:0;
}

.page-privacy .pv-sec{
  background:var(--fog);
  border-left:3px solid var(--orange);
  box-shadow:var(--shadow-panel);
  padding:1.5rem 1.15rem;
  scroll-margin-top:4.5rem;
}
.page-privacy .pv-sec:nth-child(even){
  background:var(--mist);
  border-left-color:var(--blue);
}
.page-privacy .pv-sec__head{
  display:flex;
  align-items:baseline;
  gap:.75rem;
  border-bottom:1px dashed var(--pv-line);
  padding-bottom:.75rem;
}
.page-privacy .pv-sec__num{
  font-family:var(--font-num);
  font-size:clamp(2.1rem,7vw,3rem);
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:var(--orange);
}
.page-privacy .pv-sec h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.25rem,3.6vw,1.7rem);
  line-height:1.25;
  color:var(--navy);
}
.page-privacy .pv-sec p{
  margin:1rem 0 0;
  max-width:var(--pv-doc-max);
  font-size:1rem;
  line-height:1.85;
}
.page-privacy .pv-list{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:.8rem;
  max-width:var(--pv-doc-max);
}
.page-privacy .pv-list li{
  position:relative;
  padding-left:1.35rem;
  font-size:.9688rem;
  line-height:1.8;
}
.page-privacy .pv-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.55rem;
  height:.55rem;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.page-privacy .pv-list strong{
  color:var(--blue);
  font-weight:700;
}
.page-privacy .pv-list a{
  color:var(--ember);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(232,84,0,.4);
}
.page-privacy .pv-list a:hover,
.page-privacy .pv-list a:focus-visible{
  border-bottom-color:var(--ember);
}

.page-privacy .pv-contact{
  display:grid;
  gap:.75rem;
  margin-top:1.15rem;
}
.page-privacy .pv-contact__item{
  background:var(--fog);
  border:1px solid var(--pv-line);
  border-top:3px solid var(--orange);
  padding:.9rem 1rem;
}
.page-privacy .pv-contact__label{
  display:block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--steel);
}
.page-privacy .pv-contact__value{
  display:block;
  margin-top:.35rem;
  font-size:1rem;
  font-weight:700;
  color:var(--navy);
  word-break:break-word;
  text-decoration:none;
}
.page-privacy .pv-contact a.pv-contact__value:hover,
.page-privacy .pv-contact a.pv-contact__value:focus-visible{
  color:var(--ember);
  border-bottom:1px solid var(--ember);
}
.page-privacy .pv-contact__note{
  margin-top:1rem;
  font-size:.875rem;
  color:var(--steel);
  max-width:var(--pv-doc-max);
}

.page-privacy .pv-next{
  display:grid;
  gap:1.25rem;
  margin-top:.75rem;
  padding:1.75rem 1.35rem;
  background:var(--navy);
  color:var(--fog);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);
}
.page-privacy .pv-next h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.2rem,3.6vw,1.6rem);
  line-height:1.3;
  color:var(--fog);
}
.page-privacy .pv-next p{
  margin:.7rem 0 0;
  font-size:.9375rem;
  color:rgba(247,249,252,.82);
  max-width:48ch;
}
.page-privacy .pv-next__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.page-privacy .to-top{
  margin:2rem auto 0;
}

@media (min-width:640px){
  .page-privacy .pv-sec{padding:1.85rem 1.75rem;}
  .page-privacy .pv-contact{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-privacy .pv-next{padding:2rem 1.75rem;}
}

@media (min-width:900px){
  .page-privacy .pv-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:center;
    gap:3rem;
    padding:2rem 0 3.25rem;
  }
  .page-privacy .pv-hero__text h1{font-size:clamp(2.4rem,4.4vw,3.6rem);}
  .page-privacy .pv-body{
    grid-template-columns:minmax(0,1fr) 232px;
    gap:3rem;
    align-items:start;
  }
  .page-privacy .pv-doc{grid-column:1;grid-row:1;}
  .page-privacy .pv-index{
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:5rem;
  }
  .page-privacy .pv-index__list{
    display:grid;
    gap:.25rem;
    overflow-x:visible;
    padding-bottom:0;
    margin-top:.9rem;
  }
  .page-privacy .pv-index__link{
    display:flex;
    justify-content:flex-start;
    width:100%;
    background:transparent;
    border-left:2px solid var(--pv-line);
    padding:.45rem .6rem;
    font-weight:600;
  }
  .page-privacy .pv-index__link:hover,
  .page-privacy .pv-index__link:focus-visible{
    background:var(--mist);
    color:var(--navy);
    border-left-color:var(--orange);
  }
  .page-privacy .pv-index__link:hover .pv-index__num,
  .page-privacy .pv-index__link:focus-visible .pv-index__num{
    color:var(--ember);
  }
  .page-privacy .pv-next{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    padding:2.25rem 2rem;
  }
}

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

@media print{
  .page-privacy{background:#fff;padding:0;}
  .page-privacy .pv-index,
  .page-privacy .pv-next,
  .page-privacy .pv-hero__actions,
  .page-privacy .to-top{display:none !important;}
  .page-privacy .pv-sec{
    box-shadow:none;
    border:1px solid #ccc;
    border-left:3px solid #999;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .page-privacy .pv-hero{grid-template-columns:1fr;padding:0 0 1rem;}
  .page-privacy .pv-hero__figure{max-width:220px;}
}

<main id="main-content" class="page-privacy">
  <div class="wrap">
    <nav class="pv-crumbs" aria-label="面包屑">
      <a href="/">首页</a>
      <span aria-hidden="true">/</span>
      <span aria-current="page">隐私中心</span>
    </nav>
  </div>

  <div class="wrap">
    <section class="pv-hero" aria-labelledby="pv-title">
      <div class="pv-hero__text">
        <p class="eyebrow">隐私中心 · 信息使用说明</p>
        <h1 id="pv-title">账号与作业信息，怎么用、谁能看</h1>
        <p class="pv-hero__lead">
          球帝带安装平台在师傅登录、绑定平板、查询步骤和提交工单的过程中，会接触到一些与现场作业相关的信息。
          下面按环节讲清这些信息包括什么、用在哪些位置、由谁接触，以及你可以从哪些入口自己查看和管理。
        </p>
        <div class="pv-hero__actions">
          <a class="btn btn--primary" href="/reach-us/">联系客服</a>
          <a class="btn btn--ghost" href="/terms/">查看使用条款</a>
        </div>
      </div>
      <figure class="pv-hero__figure">
        <img src="{zhanqunpic:h:800w:800}" width="800" height="800" alt="深海军蓝与活力橙几何盾牌交错构成的数据保护主题抽象纹理">
        <figcaption class="pv-hero__caption">账号、设备与作业记录的保护贯穿登录、安装与反馈全过程</figcaption>
      </figure>
    </section>
  </div>

  <div class="wrap pv-body">
    <nav class="pv-index" aria-label="章节导航">
      <p class="pv-index__title">章节</p>
      <ol class="pv-index__list">
        <li><a class="pv-index__link" href="#scope"><span class="pv-index__num">01</span>信息范围</a></li>
        <li><a class="pv-index__link" href="#purpose"><span class="pv-index__num">02</span>使用目的</a></li>
        <li><a class="pv-index__link" href="#security"><span class="pv-index__num">03</span>账号与设备安全</a></li>
        <li><a class="pv-index__link" href="#storage"><span class="pv-index__num">04</span>保存与访问</a></li>
        <li><a class="pv-index__link" href="#controls"><span class="pv-index__num">05</span>你可用的管理入口</a></li>
        <li><a class="pv-index__link" href="#contact"><span class="pv-index__num">06</span>联系渠道</a></li>
      </ol>
    </nav>

    <div class="pv-doc">
      <section class="pv-sec" id="scope" aria-labelledby="scope-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">01</span>
          <h2 id="scope-title">信息范围</h2>
        </header>
        <p>师傅在平台上做一次完整的安装，通常只留下与这次作业直接相关的内容，按类型分在下面几组。</p>
        <ul class="pv-list">
          <li><strong>账号信息</strong>：注册和登录时填写的手机号、账号名，以及用于身份确认的登录凭证。</li>
          <li><strong>设备信息</strong>：平板的型号、系统版本、客户端版本和绑定关系，用来判断页面在这台机器上能否正常打开、按键位置是否顺手。</li>
          <li><strong>安装记录</strong>：你查看过的设备类别、步骤条目、离线步骤包和完成的进度，方便换机或隔天续做时接上原来的位置。</li>
          <li><strong>工单与反馈</strong>：提交问题时写的描述、附带的截图和留下的联系方式，用于定位问题和后续回访。</li>
        </ul>
      </section>

      <section class="pv-sec" id="purpose" aria-labelledby="purpose-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">02</span>
          <h2 id="purpose-title">使用目的</h2>
        </header>
        <p>这些信息只围绕安装这件事使用，落在四个具体环节上。</p>
        <ul class="pv-list">
          <li><strong>账号确认与设备绑定</strong>：确认是你本人在用，并让同一账号在你授权的平板上正常工作。</li>
          <li><strong>进度恢复</strong>：换设备或重装客户端后，把上次做到哪一步、看过哪几条步骤还原出来，现场不用重头翻。</li>
          <li><strong>问题排查</strong>：结合设备型号与客户端版本，判断是显示异常、步骤错位还是配件接口不匹配。</li>
          <li><strong>内容与服务改进</strong>：汇总检索和浏览情况，判断哪些设备的步骤需要补图示、补视频，哪些问题的说明写得不够直白。</li>
        </ul>
        <p>安装记录用于恢复进度和优化条目排布，工单内容用于定位问题与回访，两者分开处理。</p>
      </section>

      <section class="pv-sec" id="security" aria-labelledby="security-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">03</span>
          <h2 id="security-title">账号与设备安全</h2>
        </header>
        <p>师傅常把平板放在工具箱里，也常在别人手上临时借用，账号侧做了几层提醒。</p>
        <ul class="pv-list">
          <li><strong>登录设备管理</strong>：账号中心列出当前在用的设备，型号和最近使用情况一目了然，不再使用的可以直接退出。</li>
          <li><strong>异常登录提醒</strong>：账号在新设备上首次登录时会给出提示，不是本人操作可以马上处理。</li>
          <li><strong>二次确认</strong>：更换设备或长时间未登录时，需要通过手机号再确认一次身份，确认通过后才恢复步骤记录。</li>
          <li><strong>旧设备退出</strong>：退出后的设备不再收到与该账号相关的更新，转手给同事也不会带着你的作业进度。</li>
        </ul>
      </section>

      <section class="pv-sec" id="storage" aria-labelledby="storage-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">04</span>
          <h2 id="storage-title">保存与访问</h2>
        </header>
        <p>资料留下多久、谁能看到，按岗位和用途划分。</p>
        <ul class="pv-list">
          <li><strong>保存期限</strong>：账号信息在账号存续期间保存；工单记录在问题处理完毕后继续保留一段时间，供回访和复发排查使用，超出后按平台内部规则处理。</li>
          <li><strong>访问权限</strong>：工单由所属区域服务组跟进，账号与设备信息只对账号支持岗位开放，其他岗位看不到与你账号相关的内容。</li>
          <li><strong>发布前复核</strong>：图文步骤上线前要经过厂商资料确认、编辑整理、上线前复核三道环节，涉及设备接口和机型的信息尤其如此。</li>
          <li><strong>体系保障</strong>：平台通过 ISO/IEC 27001 信息安全管理体系认证，账号与工单系统按该体系的要求做权限分级和操作留痕。</li>
        </ul>
      </section>

      <section class="pv-sec" id="controls" aria-labelledby="controls-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">05</span>
          <h2 id="controls-title">你可用的管理入口</h2>
        </header>
        <p>下面这几件事在平板端就能自己处理，不用等客服。</p>
        <ul class="pv-list">
          <li><strong>查看登录设备</strong>：进入账号中心，打开登录设备管理，能看到设备型号与最近一次使用情况，并退出不用的设备。</li>
          <li><strong>修改账号信息</strong>：在账号中心的资料设置里更新手机号和常用联系方式，改完下次登录自动生效。</li>
          <li><strong>找回安装进度</strong>：换机后按页面提示完成身份确认，步骤记录随账号回到原位，完整步骤见<a href="/faqs/">师傅问答</a>中的换机重登说明。</li>
          <li><strong>提交隐私相关反馈</strong>：通过平台内工单通道或客服邮箱提出，写清账号、设备型号和遇到的情况，方便快速定位。</li>
        </ul>
      </section>

      <section class="pv-sec" id="contact" aria-labelledby="contact-title">
        <header class="pv-sec__head">
          <span class="pv-sec__num" aria-hidden="true">06</span>
          <h2 id="contact-title">联系渠道</h2>
        </header>
        <p>对账号信息、设备绑定或工单内容有疑问，直接用下面的方式找我们。</p>
        <div class="pv-contact">
          <div class="pv-contact__item">
            <span class="pv-contact__label">客服邮箱</span>
            <a class="pv-contact__value" href="mailto:service@anzhuang-qiudi.com.cn">service@anzhuang-qiudi.com.cn</a>
          </div>
          <div class="pv-contact__item">
            <span class="pv-contact__label">客服电话</span>
            <a class="pv-contact__value" href="tel:17851873681">17851873681</a>
          </div>
          <div class="pv-contact__item">
            <span class="pv-contact__label">联系地址</span>
            <span class="pv-contact__value">贵州省贵阳市观山湖区林城西路88号</span>
          </div>
        </div>
        <p class="pv-contact__note">工作日 9:00-18:00 内回复邮件；现场遇到紧急问题，也可以走平台内工单通道，工作时间内首次响应平均 18 分钟。</p>
      </section>

      <section class="pv-next" aria-labelledby="next-title">
        <div>
          <h2 id="next-title">继续了解账号规范与资料使用规则</h2>
          <p>账号怎么用、资料适用于哪些机型、不同版本之间有何差别，都写在使用条款里。</p>
        </div>
        <div class="pv-next__actions">
          <a class="btn btn--primary" href="/terms/">阅读使用条款</a>
          <a class="btn btn--ghost" href="/reach-us/">服务联络</a>
        </div>
      </section>
    </div>
  </div>

  <button class="to-top" type="button" data-to-top aria-label="回到页面顶部">回到顶部</button>
</main>

.page-privacy{
  --pv-line:rgba(90,107,127,.28);
  --pv-doc-max:70ch;
  background:var(--fog);
  color:var(--graphite);
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.8;
  padding-bottom:2.5rem;
}

.page-privacy .pv-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  padding:1.1rem 0 .25rem;
  font-size:.8125rem;
  color:var(--steel);
}
.page-privacy .pv-crumbs a{
  color:var(--steel);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-privacy .pv-crumbs a:hover,
.page-privacy .pv-crumbs a:focus-visible{
  color:var(--ember);
  border-bottom-color:var(--ember);
}
.page-privacy .pv-crumbs [aria-current="page"]{
  color:var(--navy);
  font-weight:700;
}

.page-privacy .pv-hero{
  display:grid;
  gap:1.75rem;
  padding:1.25rem 0 2.25rem;
  position:relative;
}
.page-privacy .pv-hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:96px;
  height:4px;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.page-privacy .pv-hero__text h1{
  margin:.6rem 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2rem,7vw,3.35rem);
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--navy);
}
.page-privacy .pv-hero__lead{
  margin:1rem 0 0;
  max-width:56ch;
  font-size:1rem;
  color:var(--graphite);
}
.page-privacy .pv-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}
.page-privacy .pv-hero__figure{
  margin:0;
  position:relative;
  background:var(--navy);
  border:1px solid var(--pv-line);
  overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
}
.page-privacy .pv-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.page-privacy .pv-hero__caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:.85rem 1rem;
  font-size:.8125rem;
  line-height:1.5;
  color:var(--fog);
  background:linear-gradient(to top,rgba(11,31,58,.94),rgba(11,31,58,0));
}

.page-privacy .pv-body{
  display:grid;
  gap:1.75rem;
  padding-bottom:1rem;
}

.page-privacy .pv-index__title{
  margin:0;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--steel);
  text-transform:uppercase;
}
.page-privacy .pv-index__list{
  list-style:none;
  margin:.7rem 0 0;
  padding:0 0 .35rem;
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .pv-index__link{
  display:inline-flex;
  align-items:baseline;
  gap:.4rem;
  white-space:nowrap;
  padding:.4rem .7rem;
  font-size:.8125rem;
  font-weight:700;
  color:var(--navy);
  text-decoration:none;
  background:var(--mist);
  border-left:3px solid var(--orange);
  transition:background .2s ease,color .2s ease;
}
.page-privacy .pv-index__link:hover,
.page-privacy .pv-index__link:focus-visible{
  background:var(--orange);
  color:var(--navy);
}
.page-privacy .pv-index__num{
  font-family:var(--font-num);
  font-size:.95rem;
  font-weight:700;
  color:var(--ember);
}
.page-privacy .pv-index__link:hover .pv-index__num,
.page-privacy .pv-index__link:focus-visible .pv-index__num{
  color:var(--navy);
}

.page-privacy .pv-doc{
  display:grid;
  gap:1.25rem;
  min-width:0;
}

.page-privacy .pv-sec{
  background:var(--fog);
  border-left:3px solid var(--orange);
  box-shadow:var(--shadow-panel);
  padding:1.5rem 1.15rem;
  scroll-margin-top:4.5rem;
}
.page-privacy .pv-sec:nth-child(even){
  background:var(--mist);
  border-left-color:var(--blue);
}
.page-privacy .pv-sec__head{
  display:flex;
  align-items:baseline;
  gap:.75rem;
  border-bottom:1px dashed var(--pv-line);
  padding-bottom:.75rem;
}
.page-privacy .pv-sec__num{
  font-family:var(--font-num);
  font-size:clamp(2.1rem,7vw,3rem);
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:var(--orange);
}
.page-privacy .pv-sec h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.25rem,3.6vw,1.7rem);
  line-height:1.25;
  color:var(--navy);
}
.page-privacy .pv-sec p{
  margin:1rem 0 0;
  max-width:var(--pv-doc-max);
  font-size:1rem;
  line-height:1.85;
}
.page-privacy .pv-list{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:.8rem;
  max-width:var(--pv-doc-max);
}
.page-privacy .pv-list li{
  position:relative;
  padding-left:1.35rem;
  font-size:.9688rem;
  line-height:1.8;
}
.page-privacy .pv-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.55rem;
  height:.55rem;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.page-privacy .pv-list strong{
  color:var(--blue);
  font-weight:700;
}
.page-privacy .pv-list a{
  color:var(--ember);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(232,84,0,.4);
}
.page-privacy .pv-list a:hover,
.page-privacy .pv-list a:focus-visible{
  border-bottom-color:var(--ember);
}

.page-privacy .pv-contact{
  display:grid;
  gap:.75rem;
  margin-top:1.15rem;
}
.page-privacy .pv-contact__item{
  background:var(--fog);
  border:1px solid var(--pv-line);
  border-top:3px solid var(--orange);
  padding:.9rem 1rem;
}
.page-privacy .pv-contact__label{
  display:block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--steel);
}
.page-privacy .pv-contact__value{
  display:block;
  margin-top:.35rem;
  font-size:1rem;
  font-weight:700;
  color:var(--navy);
  word-break:break-word;
  text-decoration:none;
}
.page-privacy .pv-contact a.pv-contact__value:hover,
.page-privacy .pv-contact a.pv-contact__value:focus-visible{
  color:var(--ember);
  border-bottom:1px solid var(--ember);
}
.page-privacy .pv-contact__note{
  margin-top:1rem;
  font-size:.875rem;
  color:var(--steel);
  max-width:var(--pv-doc-max);
}

.page-privacy .pv-next{
  display:grid;
  gap:1.25rem;
  margin-top:.75rem;
  padding:1.75rem 1.35rem;
  background:var(--navy);
  color:var(--fog);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);
}
.page-privacy .pv-next h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.2rem,3.6vw,1.6rem);
  line-height:1.3;
  color:var(--fog);
}
.page-privacy .pv-next p{
  margin:.7rem 0 0;
  font-size:.9375rem;
  color:rgba(247,249,252,.82);
  max-width:48ch;
}
.page-privacy .pv-next__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.page-privacy .to-top{
  margin:2rem auto 0;
}

@media (min-width:640px){
  .page-privacy .pv-sec{padding:1.85rem 1.75rem;}
  .page-privacy .pv-contact{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-privacy .pv-next{padding:2rem 1.75rem;}
}

@media (min-width:900px){
  .page-privacy .pv-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:center;
    gap:3rem;
    padding:2rem 0 3.25rem;
  }
  .page-privacy .pv-hero__text h1{font-size:clamp(2.4rem,4.4vw,3.6rem);}
  .page-privacy .pv-body{
    grid-template-columns:minmax(0,1fr) 232px;
    gap:3rem;
    align-items:start;
  }
  .page-privacy .pv-doc{grid-column:1;grid-row:1;}
  .page-privacy .pv-index{
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:5rem;
  }
  .page-privacy .pv-index__list{
    display:grid;
    gap:.25rem;
    overflow-x:visible;
    padding-bottom:0;
    margin-top:.9rem;
  }
  .page-privacy .pv-index__link{
    display:flex;
    justify-content:flex-start;
    width:100%;
    background:transparent;
    border-left:2px solid var(--pv-line);
    padding:.45rem .6rem;
    font-weight:600;
  }
  .page-privacy .pv-index__link:hover,
  .page-privacy .pv-index__link:focus-visible{
    background:var(--mist);
    color:var(--navy);
    border-left-color:var(--orange);
  }
  .page-privacy .pv-index__link:hover .pv-index__num,
  .page-privacy .pv-index__link:focus-visible .pv-index__num{
    color:var(--ember);
  }
  .page-privacy .pv-next{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    padding:2.25rem 2rem;
  }
}

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

@media print{
  .page-privacy{background:#fff;padding:0;}
  .page-privacy .pv-index,
  .page-privacy .pv-next,
  .page-privacy .pv-hero__actions,
  .page-privacy .to-top{display:none !important;}
  .page-privacy .pv-sec{
    box-shadow:none;
    border:1px solid #ccc;
    border-left:3px solid #999;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .page-privacy .pv-hero{grid-template-columns:1fr;padding:0 0 1rem;}
  .page-privacy .pv-hero__figure{max-width:220px;}
}