/* ============================================================================
   privacy.css — the /privacy page. Same tokens and rhythm as whatsnew.css
   (hero over the canvas, then an opaque reading surface), tuned for long-form
   reading: one ~68ch column, generous line-height, real text selection.
============================================================================ */
#pv-hero{min-height:58vh;display:flex;flex-direction:column;justify-content:center;gap:18px;
  padding:130px var(--pad) 40px}
.pv-eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.pv-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}
#pv-hero h1{font-size:clamp(46px,9vw,118px);font-weight:500;letter-spacing:-.03em;line-height:.98}
.pv-sub{font-size:clamp(15px,1.9vw,20px);color:rgba(255,255,255,.6);max-width:52ch;line-height:1.5}
.pv-date{align-self:flex-start;margin-top:8px;padding:9px 16px;border-radius:100px;
  border:1px solid rgba(255,255,255,.16);font-family:var(--mono);font-size:12px;letter-spacing:.05em;
  color:rgba(255,255,255,.62)}

/* opaque so the text reads cleanly over the canvas hero behind #app */
#pv-body{background:var(--bg);padding:clamp(48px,9vh,120px) var(--pad)}
.pv-wrap{max-width:760px;margin:0 auto;-webkit-user-select:text;user-select:text}

.pv-short{padding:28px 30px;border-radius:18px;margin-bottom:64px;
  border:1px solid rgba(91,124,250,.35);background:rgba(91,124,250,.08)}
.pv-short h2{font-size:clamp(20px,2.6vw,26px);font-weight:500;letter-spacing:-.01em;margin-bottom:16px;color:#fff}

.pv-sec{margin-bottom:52px}
.pv-sec:last-child{margin-bottom:0}
.pv-sec h2{font-size:clamp(22px,3vw,30px);font-weight:500;letter-spacing:-.02em;margin-bottom:14px;color:#fff}
.pv-sec p,.pv-sec li,.pv-short li{font-size:15px;line-height:1.65;color:rgba(255,255,255,.68);max-width:68ch}
.pv-sec p+p,.pv-sec ul+p,.pv-sec p+ul{margin-top:14px}
.pv-sec ul,.pv-short ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pv-sec li,.pv-short li{position:relative;padding-left:22px}
.pv-sec li::before,.pv-short li::before{content:"";position:absolute;left:3px;top:.64em;width:7px;height:7px;
  border-radius:50%;background:var(--blue)}
.pv-sec b,.pv-short b{color:#eef1f6;font-weight:500}
.pv-sec code{font-family:var(--mono);font-size:.88em;color:#c7d0ff;background:rgba(91,124,250,.13);
  padding:1px 6px;border-radius:5px}
.pv-sec a{color:#c7d0ff;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(199,208,255,.4);transition:text-decoration-color .2s}
.pv-sec a:hover,.pv-sec a:focus-visible{text-decoration-color:currentColor}

@media (max-width:640px){ .pv-short{padding:22px 20px} }