:root{--bg:#eef2f5;--card:#fff;--ink:#18222b;--muted:#64727e;--line:#d5dee5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}
main{width:min(1600px,96vw);margin:auto;padding:28px}a{color:#7436aa}.lead{max-width:1100px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:18px 0}
.cards article{margin:0}.cards img,img{display:block;width:100%}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}figure{margin:0}figcaption{color:var(--muted);margin-top:4px}
@media(max-width:1000px){.cards,.overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cards,.overview,.pair{grid-template-columns:1fr}}