@font-face{font-family:Golos;src:url(fonts/GolosText-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light dark;--bg:#f5f3ef;--fg:#252c2a;--muted:#59635e;--line:#c8cfca;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#18201e;--fg:#eef2ed;--muted:#b8c5bb;--line:#526059;--card:#25302b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Golos,system-ui,sans-serif}main,header{max-width:1100px;margin:auto;padding:1.5rem}header{border-bottom:1px solid var(--line)}h1,h2{line-height:1.2;font-family:system-ui,sans-serif;font-weight:600}h1{font-size:clamp(2rem,5vw,3.5rem)}a{color:inherit}a:focus-visible{outline:3px solid #b37824;outline-offset:4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--line);padding:1rem;min-width:0}.card img{width:100%;height:auto;display:block}.muted{color:var(--muted)}li{margin:.6rem 0}