/* PlanetPad · document pages (terms, privacy, how it works). Long-form reading over the same
   night sky as public/pp/system.css: Unbounded for headings, Chakra Petch for text, Mars orange for heat,
   ice blue for hairlines. No scripts, no animation. */
body.pp-doc{--bg:#04050a;--ink:#eef1f8;--dim:#98a1b8;--faint:#5d6680;--line:rgba(150,175,235,.17);--line2:rgba(150,175,235,.32);
  --glass:rgba(9,12,22,.72);--glass2:rgba(14,18,32,.9);--mars:#ff6a2b;--amber:#ffb02e;--rose:#f0386b;--ice:#8fe6ff;
  --grad:linear-gradient(100deg,#ffb02e,#ff6a2b 45%,#f0386b);--display:'Unbounded',ui-sans-serif,system-ui,sans-serif;--hud:'Chakra Petch',system-ui,sans-serif;
  margin:0;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto;background:#04050a;color:#c9d0e2;
  font:400 17px/1.7 'Chakra Petch',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
  background-image:radial-gradient(900px 420px at 50% -120px,rgba(255,106,43,.13),transparent 70%),radial-gradient(700px 500px at 100% 0,rgba(143,230,255,.05),transparent 70%);
  background-repeat:no-repeat}
html:has(body.pp-doc){height:auto;overflow:auto;background:#04050a;scroll-padding-top:84px}
body.pp-doc *,body.pp-doc *::before,body.pp-doc *::after{box-sizing:border-box}
body.pp-doc a{color:var(--ice);text-decoration:underline;text-decoration-color:rgba(143,230,255,.35);text-underline-offset:3px}
body.pp-doc a:hover{color:#fff;text-decoration-color:var(--ice)}
body.pp-doc a:focus-visible{outline:2px solid var(--ice);outline-offset:3px;border-radius:4px}

/* ── header ──────────────────────────────────────────────────────────────── */
.pp-doc-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;
  padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,calc(50vw - 520px)) 12px;background:rgba(4,5,10,.88);border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.pp-doc .pp-doc-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;text-decoration:none}
.pp-doc-brand img{display:block;height:26px;width:26px}
.pp-doc-brand img.pp-doc-wm{height:19px;width:auto}
.pp-doc-nav{display:flex;align-items:center;gap:4px;min-width:0}
body.pp-doc .pp-doc-nav a{padding:8px 11px;border-radius:9px;font:600 12px/1 var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none;white-space:nowrap}
body.pp-doc .pp-doc-nav a:hover{color:var(--ink);background:rgba(150,175,235,.08)}
body.pp-doc .pp-doc-nav a.pp-doc-cta{color:#ffd9c4;background:rgba(255,106,43,.16);box-shadow:inset 0 0 0 1px rgba(255,106,43,.45)}

/* ── page ────────────────────────────────────────────────────────────────── */
.pp-doc-main{max-width:792px;margin:0 auto;padding:44px 16px 72px}
.pp-doc-eyebrow{margin:0 0 14px;font:600 12px/1 var(--hud);letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
body.pp-doc h1{margin:0 0 14px;font:700 clamp(27px,6.4vw,42px)/1.12 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.pp-doc-lede{margin:0 0 10px;font-size:19px;line-height:1.6;color:var(--ink)}
.pp-doc-meta{margin:0 0 28px;font-size:14px;color:var(--dim)}
body.pp-doc h2{margin:52px 0 14px;padding-top:22px;border-top:1px solid var(--line);font:600 clamp(18px,4.4vw,22px)/1.3 var(--display);color:var(--ink);text-wrap:balance}
body.pp-doc h2 .pp-doc-n{display:inline-block;min-width:1.9em;color:var(--mars);font-variant-numeric:tabular-nums}
body.pp-doc h3{margin:28px 0 8px;font:600 17px/1.4 var(--hud);letter-spacing:.06em;text-transform:uppercase;color:var(--ice)}
body.pp-doc p{margin:0 0 16px}
body.pp-doc ul,body.pp-doc ol{margin:0 0 18px;padding-left:22px}
body.pp-doc li{margin:0 0 8px}body.pp-doc li::marker{color:var(--mars)}
body.pp-doc strong{color:var(--ink);font-weight:600}
body.pp-doc code{font:500 .9em/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffd9c4;background:rgba(255,106,43,.1);padding:2px 5px;border-radius:5px;overflow-wrap:anywhere}

/* notice boxes */
.pp-doc-notice{margin:0 0 30px;padding:16px 18px;border:1px solid rgba(255,176,46,.55);border-left:4px solid var(--amber);border-radius:12px;background:rgba(255,176,46,.09);color:#ffe2b0;font-weight:500}
.pp-doc-notice strong{display:block;margin-bottom:2px;font:700 14px/1.4 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}
.pp-doc-note{margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--ice);border-radius:10px;background:var(--glass)}
.pp-doc-note>:last-child,.pp-doc-notice>:last-child{margin-bottom:0}
.pp-doc-warn{border-left-color:var(--mars);background:rgba(255,106,43,.07)}

/* placeholders only the operator or their lawyer can fill */
.pp-ph{display:inline;padding:1px 6px;border:1px dashed var(--amber);border-radius:5px;background:rgba(255,176,46,.1);color:var(--amber);font:600 .88em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* status tags */
.pp-doc-tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:4px 8px;border-radius:6px;font:700 11px/1 var(--hud);letter-spacing:.14em;text-transform:uppercase;color:#04050a;background:var(--amber)}
.pp-doc-tag.pp-doc-live{background:#3ddc97}.pp-doc-tag.pp-doc-later{background:none;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line2)}

/* contents */
.pp-doc-toc{margin:0 0 8px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.pp-doc-toc p{margin:0 0 8px;font:600 12px/1 var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
body.pp-doc .pp-doc-toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px;font-size:15px}
body.pp-doc .pp-doc-toc li{margin:0 0 5px;break-inside:avoid}
body.pp-doc .pp-doc-toc a{color:#c9d0e2;text-decoration:none}body.pp-doc .pp-doc-toc a:hover{color:var(--ice)}

/* tables scroll inside their own wrapper, never the page */
.pp-doc-scroll{margin:0 0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.pp-doc-scroll:focus-visible{outline:2px solid var(--ice);outline-offset:2px}
.pp-doc-scroll table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.pp-doc-scroll th,.pp-doc-scroll td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.pp-doc-scroll tr:last-child td{border-bottom:0}
.pp-doc-scroll th{font:600 11.5px/1.3 var(--hud);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:rgba(150,175,235,.06);white-space:nowrap}
.pp-doc-scroll td.pp-doc-num,.pp-doc-scroll th.pp-doc-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-doc-scroll td.pp-doc-key{color:var(--ink);font-weight:600;white-space:nowrap}
.pp-doc-scroll table.pp-doc-wide{min-width:660px}
.pp-doc-scroll table.pp-doc-wide td{white-space:nowrap}
.pp-doc-scroll table.pp-doc-prose{min-width:600px}
.pp-doc-cap{margin:-10px 0 20px;font-size:14px;color:var(--dim)}

/* formula block */
.pp-doc-formula{margin:0 0 20px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);font-weight:500}
.pp-doc-formula span{display:block;padding-left:1.2em;color:#c9d0e2}.pp-doc-formula b{color:var(--amber);font-weight:700}

/* closing buttons */
.pp-doc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:44px 0 0}
body.pp-doc .pp-doc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid var(--line2);
  font:600 13px/1.2 var(--hud);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;background:var(--glass)}
body.pp-doc .pp-doc-btn:hover{border-color:var(--ice);color:#fff}
body.pp-doc .pp-doc-btn.pp-doc-primary{border-color:transparent;background:var(--grad);color:#150703;font-weight:700}
body.pp-doc .pp-doc-btn.pp-doc-primary:hover{filter:brightness(1.08);color:#150703}

/* ── footer ──────────────────────────────────────────────────────────────── */
.pp-doc-foot{border-top:1px solid var(--line);padding:26px 16px calc(34px + env(safe-area-inset-bottom,0px));text-align:center;font-size:14px;color:var(--faint)}
.pp-doc-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:10px}
body.pp-doc .pp-doc-foot a{color:var(--dim);text-decoration:none}body.pp-doc .pp-doc-foot a:hover{color:var(--ink)}
.pp-doc-foot p{margin:0}

@media (max-width:600px){
  body.pp-doc{font-size:16px}
  .pp-doc-top{padding-bottom:8px}
  .pp-doc-nav{flex:1 1 100%;justify-content:space-between;gap:2px;margin:0 -6px}
  body.pp-doc .pp-doc-nav a{padding:8px 7px;font-size:11px;letter-spacing:.06em}
  html:has(body.pp-doc){scroll-padding-top:112px}
  .pp-doc-main{padding-top:30px}
  .pp-doc-lede{font-size:17.5px}
  body.pp-doc h2{margin-top:42px}
  body.pp-doc .pp-doc-toc ol{columns:1}
  .pp-doc-actions{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){html:has(body.pp-doc){scroll-behavior:auto}body.pp-doc *{transition:none!important;animation:none!important}}
@media print{.pp-doc-top,.pp-doc-actions{display:none}body.pp-doc{background:#fff;color:#000}}