:root{--ink:#121212;--paper:#f6f3ec;--card:#fffdf8;--line:#e2dccf;--mute:#5c574e;--mark:#f0c400;--asphalt:#1c1b19;--link:#1a4f8b}*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.55 Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--paper)}a{color:var(--link);text-underline-offset:3px}.topbar{height:8px;background:linear-gradient(90deg,var(--mark) 0 42px,var(--asphalt) 42px 52px,var(--mark) 52px)}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}header.site{background:var(--asphalt);color:var(--paper);padding:18px 0 0}header.site a{color:var(--paper);text-decoration:none}.brand{display:flex;align-items:baseline;gap:12px;padding:6px 0 16px}.brand strong{font-size:1.35rem}.brand span{color:#c9c3b6;font-size:.92rem}nav.site{display:flex;flex-wrap:wrap;gap:4px 0;border-top:1px solid #333}nav.site a{color:#ddd6c8;font-size:.86rem;padding:12px 14px 12px 0;margin-right:14px}nav.site a:hover{color:var(--mark)}.hero{background:var(--asphalt);color:var(--paper);padding:42px 0 48px}.hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 14px;font-weight:650;max-width:18ch}.hero p{max-width:40rem;color:#d8d1c4;margin:0;font-size:1.05rem}main{padding:36px 0 64px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0}.card{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--mark);padding:18px;min-height:8.5rem}.card h2{margin:0 0 8px;font-size:1.05rem}.card p{margin:0;color:var(--mute);font-size:.95rem}.card a{text-decoration:none;color:inherit;display:block}.note{background:#fff;border-left:4px solid var(--mark);padding:12px 16px;margin:22px 0;color:var(--mute)}footer.site{background:var(--asphalt);color:#c9c3b6;padding:28px 0 36px;font-size:.9rem}footer.site a{color:#e7dfd0}.links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}