:root{--c:#0a7;--tx:#111;--muted:#777}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin:0;color:var(--tx);line-height:1.6}
.container{max-width:1000px;margin:0 auto;padding:24px}
.nav{background:#f5f5f5;border-bottom:1px solid #eee}
.nav .inner{display:flex;gap:16px;align-items:center;padding:12px 24px}
.nav a{color:var(--tx);text-decoration:none;padding:6px 10px;border-radius:6px}
.nav a:hover{background:#eaeaea}
h1{margin:16px 0 8px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:8px}
.card{border:1px solid #eee;border-radius:10px;padding:16px;background:#fff}
.card a{text-decoration:none;color:var(--tx)}
.muted{color:var(--muted);font-size:.9rem}