:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color-scheme:light;--background:#fff;--surface:#fff;--surface-muted:#f5f5f5;--sidebar-bg:#fafafa;--header-bg:#fff;--border:#e5e5e5;--control-border:#858585;--text:#171717;--heading:#0a0a0a;--subheading:#262626;--text-muted:#666;--nav-text:#404040;--nav-active-bg:#efefef;--nav-active-text:#171717;--primary:#171717;--on-primary:#fff;--focus:#525252;--space:20px;--control:40px;--nav-pad:10px}
:root[data-theme=dark]{color-scheme:dark;--background:#000;--surface:#141414;--surface-muted:#1c1c1c;--sidebar-bg:#080808;--header-bg:#080808;--border:#2b2b2b;--control-border:#777;--text:#f5f5f5;--heading:#fafafa;--subheading:#e5e5e5;--text-muted:#a3a3a3;--nav-text:#d4d4d4;--nav-active-bg:#222;--nav-active-text:#fafafa;--primary:#e5e5e5;--on-primary:#171717;--focus:#a3a3a3}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);line-height:1.5}button,select,input{font:inherit}a{color:var(--primary);text-underline-offset:4px}button,select,input{min-height:var(--control);border:1px solid var(--control-border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 12px;max-width:100%}button{cursor:pointer}button:hover,a:hover{filter:brightness(.85)}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}header{min-height:72px;border-bottom:1px solid var(--border);background:var(--header-bg);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 32px;gap:16px}.brand{text-decoration:none;color:var(--heading);font-weight:600;font-size:1.3rem;white-space:nowrap}.brand span{font-size:1.8rem;margin-right:8px}.actions{display:flex;gap:8px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 72px)}nav{padding:32px 16px;background:var(--sidebar-bg);border-right:1px solid var(--border)}nav a{display:flex;gap:12px;padding:var(--nav-pad) 12px;margin:4px 0;text-decoration:none;color:var(--nav-text);border-radius:8px}nav a span{font-size:.85rem;opacity:.8;padding-top:2px}nav a[aria-current]{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:600;color:var(--text-muted)}nav .eyebrow{padding:0 12px;margin-bottom:24px}.nav-note{padding:32px 12px;color:var(--text-muted);line-height:1.8;font-size:.9rem}main{padding:48px 24px 64px;min-width:0}article{max-width:760px;margin:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:calc(var(--space) * 2);box-shadow:0 1px 2px #0000000f}.intro{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.reading{font-size:.85rem;color:var(--text-muted)}.tag{margin:32px 0 8px;color:var(--subheading);font-size:.9rem}h1{font-size:1.714rem;line-height:1.25;font-weight:600;color:var(--heading);margin:0 0 12px}h2{font-size:1.286rem;color:var(--heading);font-weight:600}.subtitle{color:var(--text-muted);margin:0}.ornament{padding:24px 0;color:var(--text-muted);letter-spacing:8px}.prose{font-size:1.143rem;line-height:1.9}.prose p{margin:0 0 1.3em}.prose p:first-child:first-letter{float:left;font-size:3rem;line-height:1;padding:8px 10px 0 0;color:var(--heading)}footer{border-top:1px solid var(--border);padding-top:24px;margin-top:32px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:.9rem}footer span,.muted{color:var(--text-muted)}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:400px;max-width:100%;height:100dvh;max-height:100dvh;overflow-y:auto;border:0;border-left:1px solid var(--border);background:var(--surface);color:var(--text);padding:24px}dialog::backdrop{background:#0008}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{margin:0}.field{display:flex;flex-direction:column;gap:6px;margin:18px 0}.field input,.field select{width:100%}.color-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.color-row input[type=color]{padding:4px;min-width:0}.color-row button{padding:4px 8px}details{margin:24px 0}summary{cursor:pointer;color:var(--subheading)}#notice{color:var(--text);min-height:1.5em}#reset{width:100%;background:var(--primary);color:var(--on-primary)}#menu{display:none}.skip{position:fixed;top:-100px;left:12px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:12px}[data-layout=top] .shell{display:block}[data-layout=top] nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border);padding:12px 24px}[data-layout=top] nav .eyebrow,[data-layout=top] .nav-note{display:none}[data-container=boxed] .shell{max-width:1440px;margin:auto}
@media(max-width:1023px){header{padding:12px 20px}#menu{display:block}.shell{display:block}nav,[data-layout=top] nav{display:none;border-right:0;border-bottom:1px solid var(--border);padding:16px}nav.open,[data-layout=top] nav.open{display:block}.nav-note{display:none}main{padding:24px 20px}}
@media(max-width:639px){header{padding:12px;flex-wrap:wrap;gap:8px}.brand{font-size:1.15rem}.actions{margin-left:auto}#appearance span{display:none}main{padding:20px 12px}article{padding:var(--space)}h1{font-size:1.571rem}.tag{margin-top:24px}dialog{width:100%;padding:20px}.prose{line-height:1.8}}
@media(pointer:coarse){button,select,nav a,input{min-height:44px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}}