/* Shared document page: /privacy and /changelog.
   Same navy/gold palette as the universe homepage, tuned for long reading. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#070b1f; --gold:#e8c98a; --gold-soft:#c9a869; --parchment:#f3ead6;
  --ink:rgba(231,228,240,.86); --muted:rgba(226,224,240,.6); --faint:rgba(220,220,240,.42);
  --line:rgba(232,201,138,.28);
}
html{background:var(--navy);-webkit-text-size-adjust:100%}
body{
  min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC','Segoe UI',sans-serif;
  background:
    radial-gradient(900px 560px at 50% -10%,rgba(232,201,138,.09),transparent 62%),
    var(--navy);
}
.doc{max-width:720px;margin:0 auto;
  padding:calc(16px + env(safe-area-inset-top)) 22px calc(64px + env(safe-area-inset-bottom))}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar .langsw{
  --sw-line:rgba(232,201,138,.3); --sw-bg:rgba(232,201,138,.06);
  --sw-ink:rgba(226,224,240,.62); --sw-ink-on:#f3e6c2;
  --sw-active:rgba(232,201,138,.18);--sw-focus:rgba(232,201,138,.9);
}
.back{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;
  letter-spacing:.04em;color:var(--muted);padding:9px 0;text-decoration:none}
.back:hover{color:var(--parchment)}

.doc-head{margin-top:34px;padding-bottom:26px;border-bottom:1px solid var(--line)}
h1{font-size:clamp(25px,5.4vw,34px);font-weight:700;letter-spacing:.01em;
  line-height:1.25;color:var(--parchment)}
.updated{margin-top:10px;font-size:12.5px;letter-spacing:.06em;color:var(--faint)}
.lede{margin-top:18px;font-size:15px;line-height:1.85;color:var(--muted);text-wrap:pretty}

h2{margin:38px 0 12px;font-size:16.5px;font-weight:700;letter-spacing:.02em;color:var(--gold)}
p{margin-top:12px;font-size:14.5px;line-height:1.9;text-wrap:pretty}
ul{margin-top:12px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
ul li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.85}
ul li::before{content:'';position:absolute;left:2px;top:.72em;width:5px;height:5px;
  border-radius:50%;background:var(--gold-soft)}
a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
a:hover{color:#f6eed9}

.callout{margin-top:22px;border:1px solid var(--line);border-radius:14px;
  background:rgba(12,17,44,.5);padding:16px 18px;font-size:13.5px;line-height:1.8;color:var(--muted)}
.callout p{margin-top:0;font-size:13.5px}

/* Changelog entries */
.entry{margin-top:34px;padding-top:26px;border-top:1px solid rgba(232,201,138,.16)}
.entry:first-of-type{border-top:0;padding-top:0}
.entry-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.entry-head h2{margin:0;font-size:17px}
.entry-head time{font-size:12.5px;letter-spacing:.08em;color:var(--faint);
  font-variant-numeric:tabular-nums}
.entry-head .tag{font-size:11px;letter-spacing:.14em;color:#f0d9a4;
  border:1px solid rgba(232,201,138,.45);border-radius:999px;padding:3px 10px;
  background:rgba(232,201,138,.08)}

.doc-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
  font-size:11.5px;line-height:2;color:var(--faint)}
.doc-foot a{color:rgba(232,201,138,.82)}
/* The `p` rule above sets 14.5px; the footer note reads at footer size. */
.doc-foot .langnote{margin:0 0 16px;font-size:11.5px;line-height:1.9}