:root{color-scheme:dark;--bg:#1f2c3f;--surface:#283952;--text:#e8eae7;--muted:#b6bfca;--accent:#a9c4e4;--border:rgba(232,234,231,.14)}
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f3f4f7;--surface:#fff;--text:#17213a;--muted:#46526a;--accent:#2b4f86;--border:rgba(23,33,58,.14)}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 'Noto Sans',system-ui,sans-serif}
main,header,footer{max-width:44rem;margin:0 auto;padding:0 16px}
header{padding-top:28px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
header .brand{font-family:'Amiri',Georgia,serif;font-size:1.35rem;color:var(--text);text-decoration:none;margin-right:auto}
nav a{color:var(--muted);text-decoration:none;margin-left:14px}nav a[aria-current]{color:var(--accent)}nav a:hover{color:var(--text)}
h1,h2{font-family:'Amiri',Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:2.4rem;margin:40px 0 12px}h2{font-size:1.5rem;margin:32px 0 8px}
a{color:var(--accent)}p,li{color:var(--muted)}strong{color:var(--text);font-weight:600}
ul.cards{list-style:none;padding:0;display:grid;gap:12px}ul.cards li{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
ul.cards a{font-weight:600;text-decoration:none}address{font-style:normal}
footer{padding:40px 16px 32px;font-size:.875rem}footer a{color:var(--muted);margin-right:14px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}