/* Shared shell for the written pages. The radar carries its own styles. */
:root {
  --bg:#08090C; --panel:#101319; --line:#232833; --line-soft:#1A1E27;
  --ink:#ECEAE4; --muted:#8D93A0; --dim:#5C6270; --accent:#F0A93B; --danger:#E8646A;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--ink); }
body { font:16px/1.7 ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:22px 32px 90px; }

header.topbar { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:52px; }
.brand { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:15px; letter-spacing:.04em; text-decoration:none; color:var(--ink); border-bottom:0; }
.brand b { font-weight:600; }
nav.top { font-size:13px; color:var(--dim); display:flex; gap:16px; }
nav.top a { color:var(--dim); text-decoration:none; border-bottom:0; }
nav.top a:hover, nav.top a[aria-current] { color:var(--ink); }

h1 { font-size:32px; line-height:1.2; font-weight:500; letter-spacing:-.015em; margin:0 0 10px; }
.lede { color:var(--muted); font-size:17px; margin:0 0 40px; }
h2 { font-size:18px; font-weight:500; margin:40px 0 10px; }
p { margin:0 0 16px; color:#C9CBD1; }
a { color:var(--ink); text-decoration:none; border-bottom:1px solid #2E3542; }
a:hover { border-bottom-color:var(--accent); }
ul { margin:0 0 16px; padding-left:20px; color:#C9CBD1; }
li { margin-bottom:7px; }
dl { margin:0 0 16px; }
dt { font-weight:500; margin-top:14px; }
dd { margin:2px 0 0; color:var(--muted); }
.small { font-size:14px; color:var(--dim); }
hr { border:0; border-top:1px solid var(--line); margin:42px 0; }
.back { display:inline-block; margin-top:34px; font-size:14px; color:var(--muted); border:0; }
.back:hover { color:var(--ink); }
code { font-family:ui-monospace,Menlo,monospace; font-size:13.5px; background:#12161E; border:1px solid var(--line-soft); border-radius:5px; padding:1px 6px; }