*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.9;text-decoration:underline}
img{max-width:100%;display:block}

/* Layout */
.container{max-width:var(--maxw);margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.muted{color:var(--muted)}

/* Utilities */
.grid-2{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.section{padding:36px 0}

@media (max-width: 1024px){
  .grid-2,.grid-3{grid-template-columns:1fr}
}