:root{--background:#0e1011;--foreground:#f5f5f5;--muted:#b4b5b8;--border:#36383d;--primary:#72b5fc;--button-text:#0e1011;--category:#8ddeba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,Arial,sans-serif;line-height:1.75;letter-spacing:0}a{color:var(--primary);text-underline-offset:4px}a:hover{text-decoration:underline}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.25;overflow-wrap:anywhere}h1{font-size:48px;max-width:960px}h2{font-size:26px}h3{font-size:20px}.top{display:flex;gap:28px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);padding:18px 5%;background:var(--background)}.top a{text-decoration:none}.top a:first-child{font-weight:700;margin-right:auto}main{max-width:1152px;padding:40px 24px 80px;margin:auto}header{padding:20px 0 36px;border-bottom:1px solid var(--border);margin-bottom:40px}.category{color:var(--category);text-transform:uppercase;font-size:13px}.muted{color:var(--muted);font-size:14px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px}aside{position:sticky;top:24px;align-self:start}aside h2{font-size:16px}aside nav{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}aside a{font-size:14px;text-decoration:none}article section{padding:28px 0;border-bottom:1px solid var(--border);scroll-margin-top:24px}article section:first-child{padding-top:0}p,li{overflow-wrap:anywhere}li{margin:12px 0}.related{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.cta{display:inline-block;background:var(--primary);color:var(--button-text);border-radius:6px;padding:12px 18px;text-decoration:none;margin:8px 16px 16px 0;font-weight:600}.index{padding:0;list-style:none}.index li{padding:20px 0;border-bottom:1px solid var(--border)}.index li>a{font-size:20px;font-weight:600}footer{border-top:1px solid var(--border);padding:28px 5%;color:var(--muted);font-size:14px}a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static}aside nav{flex-direction:row;flex-wrap:wrap;gap:12px 20px}h1{font-size:36px}.top{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}