:root{--bg:#EFECE5;--ink:#17150F;--ash:#5F594E;--edge:#D5CFC3;--brass:#8A6A1E}
/* Same three states as the home page: system by default, and an explicit
   data-theme choice — carried here in localStorage — winning either way.
   Without this, choosing light on the home page and clicking Privacy
   dropped the reader back into dark. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#08080A;--ink:#F7F4ED;--ash:#928D84;--edge:#26262C;--brass:#C9A45C}}
:root[data-theme="dark"]{--bg:#08080A;--ink:#F7F4ED;--ash:#928D84;--edge:#26262C;--brass:#C9A45C}

/* A way back, and the same switch the home page has. */
.pagehead{max-width:68ch;margin:0 auto 34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pagehead a.home{font-family:ui-sans-serif,-apple-system,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--brass);text-decoration:none;font-weight:600}
.theme{background:none;border:1px solid var(--edge);border-radius:999px;width:32px;height:32px;padding:0;cursor:pointer;color:var(--ash);display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.theme:hover{color:var(--brass);border-color:var(--brass)}
.theme .moon{display:none}.theme .sun{display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .moon{display:inline}:root:not([data-theme="light"]) .theme .sun{display:none}}
:root[data-theme="dark"] .theme .moon{display:inline}:root[data-theme="dark"] .theme .sun{display:none}
:root[data-theme="light"] .theme .moon{display:none}:root[data-theme="light"] .theme .sun{display:inline}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.62;
  font-family:ui-sans-serif,-apple-system,"Segoe UI",system-ui,sans-serif;
  padding:clamp(28px,6vw,72px) clamp(20px,6vw,32px) 96px}
main{max-width:68ch;margin:0 auto}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:600;margin:0 0 10px}
h1{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,50px);line-height:1.06;margin:0 0 6px;letter-spacing:-.01em}
.updated{color:var(--ash);font-size:14px;margin:0 0 34px}
h2{font-size:19px;margin:38px 0 10px;letter-spacing:-.005em}
p,li{color:var(--ash);font-size:16px}
strong{color:var(--ink);font-weight:600}
ul{padding-left:20px}
hr{border:0;border-top:1px solid var(--edge);margin:44px 0 22px}
footer{color:var(--ash);font-size:14px}
a{color:var(--brass)}
