/* Privacy Policy (sitemap 10 and 11): a plain reading page, footer link only. The title, then the client's text word for word
   (references/privacy, read 17-Oct-26). Long reading text: the one-screen rule does not apply to the body, as on the article pages. */
.pv-h{padding:clamp(36px,7svh,88px) 0 clamp(20px,3.4svh,36px)}
.pv-h .hx1{max-width:none}
.pv-b{padding:0 0 var(--sec-y)}
.legal{max-width:40em;padding-top:clamp(20px,3.4svh,32px);border-top:2px solid var(--ink);font-size:17px;line-height:1.65;color:var(--ink)}
.legal p,.legal ul{margin:0 0 1.1em}
.legal h2{margin:2em 0 .6em;font-weight:600;font-size:clamp(24px,min(2.1vw,4.2svh),34px);line-height:1.15;letter-spacing:-.025em}
.legal h2:first-of-type{margin-top:1.4em}
.legal h3{margin:1.6em 0 .4em;font-weight:600;font-size:clamp(18px,min(1.4vw,2.8svh),22px);line-height:1.3;letter-spacing:-.015em}
.legal ul{padding-left:1.2em}
.legal li{margin:.3em 0}
.legal li::marker{color:var(--marine)}
.legal :is(h2,h3){scroll-margin-top:calc(var(--head-h) + 24px)}
/* desktop: the policy's own headings as a sticky contents column on the right, the current section marked as you read */
.pv-b .wrap{display:grid;grid-template-columns:minmax(0,40em) minmax(0,1fr);gap:clamp(40px,6vw,120px);align-items:start}
.toc{position:sticky;top:calc(var(--head-h) + clamp(20px,4svh,40px));max-width:22em;max-height:calc(100svh - var(--head-h) - clamp(40px,8svh,80px));overflow:auto;padding-top:clamp(20px,3.4svh,32px);border-top:2px solid var(--ink)}
.toc h2{font-family:var(--mono);font-weight:500;font-size:12.5px;color:var(--mid);margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0}
.toc>ol>li{margin-top:clamp(8px,1.4svh,12px)}
.toc>ol>li>a{font-weight:600;font-size:15px}
.toc ol ol{margin-top:2px;padding-left:12px;border-left:1px solid var(--line)}
.toc a{display:block;padding:clamp(1px,.35svh,3px) 0;font-size:14px;line-height:1.35;color:var(--ink)}
.toc a:hover{color:var(--marine)}
.toc a[aria-current="true"]{color:var(--marine);font-weight:600}
/* short desktop screens (1880x790): the 24 headings still fit without the column scrolling */
@media (min-width:901px) and (max-height:860px){
  .toc{padding-top:14px}
  .toc h2{margin-bottom:4px}
  .toc>ol>li{margin-top:6px}
  .toc>ol>li>a{font-size:14px}
  .toc a{padding:1px 0;font-size:13px;line-height:1.3}
}
@media (max-width:900px){
  .pv-b .wrap{display:block}
  .toc{display:none}
}