:root{color-scheme:light dark;--page:#fafafa;--text:#141414;--muted:#737373;--surface:#efefef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root{--page:#080808;--text:#f6f6f6;--muted:#9a9a9a;--surface:#171717}}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-size:16px;line-height:1.8}
main{max-width:760px;margin:auto;padding:32px 28px 56px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:13px;line-height:1.5}nav .brand{margin-right:auto;font-size:24px;font-weight:650;text-decoration:none;letter-spacing:-.7px}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
h1{font-size:32px;line-height:1.3;letter-spacing:-.8px;margin:40px 0 16px}h2{font-size:19px;line-height:1.5;margin:28px 0 10px}p{margin:0 0 20px;color:var(--muted)}section{margin-top:28px}.meta,footer{font-size:13px;color:var(--muted)}
details{margin-top:36px}summary{list-style:none;cursor:pointer;font-weight:600;padding:14px 18px;border-radius:14px;background:var(--surface);position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:18px;font-size:20px;line-height:1.4}details[open]>summary::after{content:'−'}footer{margin-top:40px;line-height:1.8}
@media(max-width:600px){main{padding:24px 20px 40px}nav{gap:16px}h1{font-size:28px;margin-top:32px}}