*{box-sizing:border-box}
:root{--ink:#18212b;--muted:#5b6673;--line:#d9dee4;--bg:#f4f5f2;--card:#fff;--brand:#1f3a5f;--brand2:#2e5d93}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:820px;margin:0 auto;padding:28px 18px 48px}
h1{margin:0 0 4px;font-size:34px;color:var(--brand);letter-spacing:-.01em}
.lead{margin:0 0 24px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.tile{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;color:inherit;text-decoration:none}
a.tile:hover{border-color:var(--brand2);box-shadow:0 2px 10px rgba(31,58,95,.12)}
.tile h2{margin:0 0 6px;font-size:21px;color:var(--brand)}
.tile p{margin:0;font-size:16px;color:var(--muted)}
.tile.soon{opacity:.6}
.tag{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
footer{margin-top:36px;font-size:14px;color:var(--muted)}
.grid li[hidden]{display:none}