/* Readable public documents; no application boot, fonts or remote media required. */
:root{color-scheme:dark light;--bg:#171025;--panel:#221931;--text:#f7eefb;--muted:#cabbd5;--line:#493451;--accent:#f5a9da;--tag:#cfacf4;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#71356830,transparent 40%),radial-gradient(ellipse at 0% 50%,#7340a420,transparent 45%);min-height:100vh}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}header,main,footer{max-width:1190px;margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:750;line-height:1.3;font-size:18px}.brand img{border-radius:14px}.brand small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}header nav{display:flex;gap:8px}header nav a{padding:7px 12px;border-radius:20px;text-decoration:none;color:var(--muted);font-size:14px}header nav a[aria-current]{background:var(--panel);border:1px solid var(--line);color:var(--accent)}.skip{position:absolute;left:12px;top:-100px;background:var(--panel);padding:10px}.skip:focus{top:10px;z-index:10}.document-title{padding:32px 0 36px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--tag)}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.03em;margin:12px 0 16px}.document-title p{max-width:730px;font-size:18px;color:var(--muted);margin:0 0 12px}.document-title small{color:var(--muted)}.document-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}aside{position:sticky;top:20px}aside nav{display:flex;flex-direction:column;gap:5px}aside strong{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:12px}aside a{font-size:13px;line-height:1.5;text-decoration:none;padding:7px 0;color:var(--muted)}aside a:hover{color:var(--accent)}article{padding:16px 32px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 45px #00000015;overflow-wrap:anywhere}article section{padding:12px 0 22px;border-bottom:1px solid var(--line);scroll-margin-top:24px}article section:last-child{border:0}h2{font-size:22px;line-height:1.35;letter-spacing:-.015em;margin:18px 0 14px}p{margin:0 0 15px}li{padding:0 0 9px}ul{padding-left:23px}footer{display:flex;flex-wrap:wrap;gap:12px 22px;color:var(--muted);font-size:13px;padding-top:35px;padding-bottom:40px}footer span{margin-left:auto}footer a{color:var(--muted)}
@media (prefers-color-scheme: light){:root{--bg:#fcf7ff;--panel:#fff;--text:#2c1d39;--muted:#62536e;--line:#e3d6ec;--accent:#902b70;--tag:#764399}body{background:radial-gradient(ellipse at 90% 0%,#e39ddc25,transparent 40%),radial-gradient(ellipse at 0% 50%,#bb9ae520,transparent 45%)}}
@media(max-width:800px){header,main,footer{padding-left:20px;padding-right:20px}.document-grid{grid-template-columns:1fr;gap:20px}aside{position:static}aside nav{flex-direction:row;flex-wrap:wrap;gap:8px}aside strong{width:100%;margin-bottom:4px}aside a{border:1px solid var(--line);border-radius:12px;padding:7px 10px}article{padding:10px 22px}.document-title{padding-top:24px}footer span{width:100%;margin-left:0}}
@media(max-width:430px){header{gap:12px}.brand{font-size:15px}.brand img{width:38px;height:38px}header nav{gap:0}header nav a{padding:6px 8px;font-size:12px}article{padding:8px 18px}h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{--bg:#fff;--panel:#fff;--text:#000;--muted:#333;--line:#ccc;--accent:#000;--tag:#333}body{background:none}aside,header nav,.skip{display:none}.document-grid{display:block}article{padding:0;border:0;box-shadow:none}a{color:#000}header,main,footer{padding:12px}h2{break-after:avoid}}