/* =====================================================================
   privacy-policy.html only. A calm page: contents rail on the start side (it follows you: the section you are reading is marked),
   one measured column of text, numbered headings. Nothing moves except the marker on the rail.
   ===================================================================== */

.pv{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,88px);align-items:start}
.nw{white-space:nowrap}

/* ---- contents rail ---- */
.pv-toc{position:sticky;top:calc(var(--hdr) + 28px);align-self:start}
.pv-toc-h{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:var(--fs-2);font-weight:700;color:var(--cyan)}
.pv-toc-h .dl{width:34px;color:var(--line-c)}
.pv-toc ol{display:grid;border-inline-end:1px solid var(--line-2)}
.pv-toc a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0 11px 18px;min-height:44px;color:var(--dim);font-size:var(--fs-3);font-weight:400;line-height:1.6;transition:color .25s}
.pv-toc a b{font:600 12px/1 var(--f-data);letter-spacing:.16em;color:var(--mute);direction:ltr;transition:color .25s}
.pv-toc a::after{content:'';position:absolute;inset-block:8px;inset-inline-end:-2px;width:3px;background:var(--cyan);transform:scaleY(0);transform-origin:50% 0;transition:transform .45s var(--ease)}
.pv-toc a:hover{color:var(--text)}
.pv-toc a[aria-current]{color:var(--cyan)}
.pv-toc a[aria-current] b{color:var(--cyan)}
.pv-toc a[aria-current]::after{transform:scaleY(1)}

/* ---- the text ---- */
.pv .doc{margin:0;max-width:76ch;counter-reset:pv}
.pv .doc > p:first-child{font-size:var(--fs-5);line-height:1.95;color:#eef1f2}
.pv .doc strong{color:#fff;font-weight:700}
.pv .doc h2{counter-increment:pv;scroll-margin-top:96px}
.pv .doc h2::after{content:counter(pv,decimal-leading-zero);position:absolute;right:0;left:auto;top:.95em;font:600 13px/1 var(--f-data);letter-spacing:.16em;color:var(--mute);direction:ltr}
.pv .doc .doc-end{margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--line-c);color:var(--soft)}
.pv .doc a:not([target]){word-break:normal}

@media (max-width:899px){
  .pv{grid-template-columns:minmax(0,1fr);gap:26px}
  .pv-toc{position:static}
  .pv-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));border-inline-end:0;border-top:1px solid var(--line-c);column-gap:20px}
  .pv-toc li{border-bottom:1px solid var(--line)}
  .pv-toc a{padding:8px 0;gap:10px}
  .pv-toc a::after{display:none}
  .pv .doc h2{scroll-margin-top:84px}
}
@media (max-width:420px){.pv-toc ol{column-gap:14px}.pv-toc a{font-size:var(--fs-2);gap:8px;padding:9px 0;align-items:start}.pv-toc a b{padding-top:.35em}}

/* paper: the page can be printed as a plain document */
@media print{
  .hdr,.wa-fab,.cta,.ftr,.pv-toc,.pb-bg,.pgd,.skip,.pb-foot{display:none!important}
  html,body{background:#fff!important;color:#000!important}
  .pb{padding-top:0}.pb h1,.pb .lead,.folio .t,.folio .n{color:#000!important}
  .sec{padding:0}.pv{display:block}
  .pv .doc p,.pv .doc li,.pv .doc h2,.pv .doc strong,.pv .doc .doc-end{color:#000!important}
  .pv .doc a{color:#000!important}
  .pv .doc h2::before,.pv .doc ul li::before{background:#000!important}
}
.pv .doc strong{white-space:nowrap}
/* the three contact links at the foot of the policy: a 44 px tappable box without moving the lines (the padding is cancelled by the negative margin) */
.pv .doc li a{display:inline-block;padding-block:9px;margin-block:-9px}