:root{color-scheme:light;--ink:#132238;--muted:#52627a;--line:#dbe3ed;--surface:#f5f8fc;--accent:#0a66c2;--accent-dark:#074b91;--max:1080px}
*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;color:var(--ink);background:#fff}
body{margin:0}
a{color:var(--accent);text-underline-offset:.16em}
a:hover{color:var(--accent-dark)}
.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.masthead{padding-block:1.25rem;border-bottom:1px solid var(--line)}
.logo{display:block;max-width:min(100%,360px);height:auto}
.hero{padding:3rem 0 2rem;max-width:850px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent)}
h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:.3rem 0 1rem}
h2{font-size:clamp(1.35rem,3vw,2rem);margin:2rem 0 1rem}
.domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;list-style:none;padding:0}
.domain-grid a,.recent a{display:block;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);overflow-wrap:anywhere}
.recent ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;list-style:none;padding:0}
.pagination{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:1rem 0}
.pagination a,.pagination span{min-width:2.35rem;padding:.5rem .7rem;text-align:center;border:1px solid var(--line);border-radius:.45rem;text-decoration:none}
.pagination span{background:var(--ink);color:#fff}
.breadcrumb{margin:1.5rem 0;color:var(--muted)}
.domain-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;margin:1.5rem 0}
.domain-facts div{padding:1rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface)}
.domain-facts dt{font-weight:700}.domain-facts dd{margin:.25rem 0 0;overflow-wrap:anywhere}
.resource-list{padding-left:1.5rem}.resource-list li{padding:.55rem .25rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.direct-link{font-weight:700;background:#eef7ff}
.statistics{font-weight:700;color:var(--muted);margin:2rem 0}
.footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.5rem 0;color:var(--muted)}
.error{text-align:center;padding-block:10vh}.status{font-size:clamp(4rem,14vw,9rem);font-weight:800;margin:0;color:var(--accent)}
.button{display:inline-block;padding:.75rem 1rem;border-radius:.55rem;background:var(--accent);color:#fff;text-decoration:none}.button:hover{color:#fff;background:var(--accent-dark)}
@media(max-width:600px){.shell{width:min(calc(100% - 1.2rem),var(--max))}.hero{padding-top:2rem}.domain-grid{grid-template-columns:1fr}}