:root{color-scheme:light dark;--bg:#f6f3ed;--panel:#fffdf8;--ink:#18231f;--muted:#56645f;--accent:#176b57;--focus:#ca6f1e}
*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:var(--bg);color:var(--ink)}
body{margin:0}header,main,footer{width:min(760px,calc(100% - 2rem));margin-inline:auto}header{padding:1.25rem 0;display:flex;gap:1rem;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.brand{font-weight:800;color:var(--ink);text-decoration:none}nav{text-transform:capitalize}main{background:var(--panel);margin-block:2rem;padding:clamp(1.2rem,4vw,3rem);border-radius:1.2rem;box-shadow:0 12px 35px #0000000d}
h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.06}h2{margin-top:2.2rem;line-height:1.2}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:.15rem}
footer{padding:0 0 2.5rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;list-style:none}.cards a{display:block;padding:1rem;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:.75rem}
code{overflow-wrap:anywhere}main a{overflow-wrap:anywhere;word-break:break-word}main li{overflow-wrap:anywhere;word-break:break-word}@media(max-width:430px){header{align-items:flex-start;flex-direction:column}main{margin-block:1rem;padding:1.1rem}.cards{grid-template-columns:1fr}nav{font-size:.92rem}}
@media(prefers-color-scheme:dark){:root{--bg:#101714;--panel:#17221e;--ink:#edf8f2;--muted:#adc2b8;--accent:#74d9bd;--focus:#ffb45e}main{box-shadow:none}}