:root{--fg:#222;--bg:#fff;--muted:#666;--accent:#0a7;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5}
main{max-width:880px;margin:32px auto;padding:0 16px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header{margin:8px 0 24px 0}
header a.home{font-weight:700}
h1{font-size:clamp(1.4rem,2.8vw,2.2rem);margin:0 0 8px 0}
.meta{color:var(--muted);font-size:0.95rem}
.figure{display:block;border:1px dashed #bbb;border-radius:12px;padding:12px;margin:16px 0;background:#fafafa}
img,svg{max-width:100%;height:auto;display:block;margin:auto}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}
.card{border:1px solid #eee;border-radius:12px;padding:12px}
.card h2{margin:0 0 6px 0;font-size:1.1rem}
footer{margin:48px 0;color:var(--muted);font-size:0.9rem}