/* The plain reading pages: terms and privacy. Same tokens as the viewer, light
   by default and dark when the reader's system or their saved choice says so. */
:root{
  --bg:#F5F7FA; --panel:#FFFFFF; --hair:rgba(16,32,52,.1);
  --text:#0D1622; --text-2:#46556A; --text-3:#8391A3; --accent:#33804C;
  --scroll:rgba(13,22,34,.2); --scroll-on:rgba(13,22,34,.36);
  --ui:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --logo:url("/static/brand/logo-light.png");
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --bg:#07101C; --panel:#0F1724; --hair:rgba(255,255,255,.09);
  --text:#E9EFF6; --text-2:#98A6B7; --text-3:#5F6C7D; --accent:#6FC08A;
  --scroll:rgba(233,239,246,.22); --scroll-on:rgba(233,239,246,.4);
  --logo:url("/static/brand/logo-dark.png");
}}
:root[data-theme="dark"]{
  --bg:#07101C; --panel:#0F1724; --hair:rgba(255,255,255,.09);
  --text:#E9EFF6; --text-2:#98A6B7; --text-3:#5F6C7D; --accent:#6FC08A;
  --scroll:rgba(233,239,246,.22); --scroll-on:rgba(233,239,246,.4);
  --logo:url("/static/brand/logo-dark.png");
}
*{box-sizing:border-box}
/* Scrollbars as in the viewer: a slim pill on a clear track. */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:var(--scroll) padding-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-on)}
@supports not selector(::-webkit-scrollbar){ *{scrollbar-width:thin;scrollbar-color:var(--scroll) transparent} }
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
header{max-width:760px;margin:0 auto;padding:28px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px}
header .logo{display:block;width:121px;height:26px;background:var(--logo) left center/contain no-repeat}
header nav{display:flex;gap:18px;font-size:14px}
header nav a{color:var(--text-2);text-decoration:none}
header nav a:hover,header nav a[aria-current="page"]{color:var(--text)}
main{max-width:760px;margin:0 auto;padding:12px 16px 56px}
article{background:var(--panel);border:1px solid var(--hair);border-radius:18px;padding:32px clamp(18px,5vw,44px)}
h1{margin:0 0 4px;font-size:30px;line-height:1.2;letter-spacing:-.02em}
.updated{margin:0 0 26px;color:var(--text-3);font-size:14px}
h2{margin:30px 0 8px;font-size:18px;letter-spacing:-.01em}
p,li{color:var(--text-2)}
ul{padding-left:22px}
li{margin:4px 0}
strong{color:var(--text)}
footer{max-width:760px;margin:0 auto;padding:0 16px 40px;color:var(--text-3);font-size:13px}