*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c12;color:var(--text,#dddfe8);font:17px/1.7 Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--cyan,#22d3ee);text-underline-offset:.2em;overflow-wrap:anywhere}.reading-shell{width:min(850px,calc(100% - 44px));margin:auto}header{border-bottom:1px solid var(--line,#2c3040)}nav{display:flex;align-items:center;gap:24px;padding:20px 0;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;color:var(--ink,#fff);font-weight:700;text-decoration:none}main{padding:52px 0}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;color:var(--ink,#fff);max-width:20ch}h2{font-size:1.5rem;line-height:1.3;margin:2.5em 0 1em;color:var(--ink,#fff)}p,li{max-width:72ch}.kicker{color:var(--purple,#a78bfa);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.byline{color:var(--muted,#aeb5c9)}footer{padding:24px 0 48px;border-top:1px solid var(--line,#2c3040)}.skip{position:absolute;left:-9999px}.skip:focus{position:static;display:block;padding:12px}a:focus-visible{outline:2px solid var(--cyan,#22d3ee);outline-offset:5px}@media(max-width:480px){nav{gap:16px;font-size:.95rem}.reading-shell{width:calc(100% - 32px)}main{padding-top:30px}}