/* Stand-alone document pages (privacy.html, terms.html). They do not load app.css: the app shell is a fixed,
   non-scrolling frame, these are plain scrolling documents. Colours mirror :root in app.css. */
:root{
  --bg:#F5F5F7; --surface:#FFFFFF; --field:#EDEDF0;
  --text:#1D1D1F; --muted:#6A6A70; --hair:rgba(0,0,0,.07); --focus:#0A66D9;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--bg); color:var(--text); line-height:1.6; font-size:16px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-size-adjust:100%;
  padding:calc(20px + env(safe-area-inset-top, 0px)) 16px calc(40px + env(safe-area-inset-bottom, 0px));
}
:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
a{color:inherit; text-underline-offset:3px;}
.doc{
  max-width:680px; margin:0 auto; background:var(--surface); border:1px solid var(--hair);
  border-radius:26px; padding:28px 24px 32px;
}
.docNav{display:flex; justify-content:space-between; gap:12px; font-size:14px; font-weight:500; color:var(--muted); margin-bottom:22px;}
.doc h1{font-size:30px; font-weight:600; letter-spacing:-.03em; line-height:1.2;}
.docDate{font-size:13px; color:var(--muted); margin:6px 0 20px;}
.doc h2{font-size:19px; font-weight:600; letter-spacing:-.01em; margin:30px 0 8px;}
.doc p{margin-bottom:12px;}
.doc ul{padding-left:22px; margin-bottom:12px; display:flex; flex-direction:column; gap:6px;}
.docSum{background:var(--field); border-radius:16px; padding:16px 18px 4px; margin-bottom:8px;}
.docSum h2{font-size:15px; margin:0 0 8px;}
.docTable{overflow-x:auto; margin-bottom:12px;}
.doc table{width:100%; border-collapse:collapse; font-size:14.5px;}
.doc th, .doc td{text-align:left; vertical-align:top; padding:9px 12px 9px 0; border-top:1px solid var(--hair);}
.doc th{font-weight:600; color:var(--muted); font-size:12.5px; border-top:0;}
.docFoot{font-size:13px; color:var(--muted); margin-top:30px; padding-top:16px; border-top:1px solid var(--hair);}
@media (min-width:560px){
  body{padding-top:40px;}
  .doc{padding:40px 44px 44px;}
}