:root{--primary:#2563eb;--bg:#fff;--fg:#111827;--bg2:#f3f4f6;--fg2:#4b5563;--accent:#2563eb}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}
.wrap{max-width:60rem;margin:0 auto;padding:0 1rem}
header{background:var(--bg2);padding:2.5rem 0 2rem;border-bottom:3px solid var(--primary)}
h1{margin:.5rem 0}h2{margin:2rem 0 .75rem;border-bottom:1px solid var(--bg2);padding-bottom:.25rem}
#overview{color:var(--fg2);max-width:46rem;white-space:pre-wrap}#logo img{max-height:3rem;max-width:12rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}
.card{background:var(--bg2);border-radius:.5rem;padding:.75rem 1rem}.card small{color:var(--fg2)}
a{color:var(--accent)}details{background:var(--bg2);border-radius:.5rem;padding:.5rem 1rem;margin:.5rem 0}summary{cursor:pointer;font-weight:600}
.tag{display:inline-block;font-size:.75rem;background:var(--primary);color:#fff;border-radius:1rem;padding:0 .5rem;margin-left:.5rem}
.muted{color:var(--fg2)}footer{padding:2rem 1rem;color:var(--fg2)}