:root{--sea:#dfe7ea;--land:#f7f5ef;--ink:#16252b;--mute:#5f7379;--accent:#1f6f8b;--card:#f4f7f8;--line:#cfdadd;--t1:#2f9e6b;--f-display:"Bricolage Grotesque",system-ui,sans-serif;--f-body:"Figtree",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--sea:#0f1d23;--land:#3a4f57;--ink:#e8f0f2;--mute:#93a7ad;--accent:#5fb7d4;--card:#16252b;--line:#2a3c42;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--sea);color:var(--ink);font:16px/1.6 var(--f-body)}
main{max-width:720px;margin:0 auto;padding:32px 16px 48px}
a{color:var(--accent)}h1{font:800 clamp(30px,6vw,44px)/1.05 var(--f-display);margin:8px 0 12px;text-wrap:balance}h2{font:700 22px/1.2 var(--f-display);margin:32px 0 8px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font:800 22px var(--f-display);text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}
.lead{font-size:18px;color:var(--mute)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
td img{width:24px;height:18px;border-radius:2px;vertical-align:middle;margin-right:8px;box-shadow:0 0 0 1px #0002}
.tablewrap{overflow-x:auto}.related{display:flex;flex-wrap:wrap;gap:8px}
.sitehead{border-bottom:1px solid var(--line);background:var(--sea);position:sticky;top:0;z-index:5}.hin{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sitehead nav{display:flex;align-items:center;gap:4px}.sitehead nav a:not(.btn){padding:8px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;border-radius:999px}.sitehead nav a:not(.btn):hover{background:var(--card)}
@media (max-width:520px){.sitehead nav a:not(.btn){display:none}}
main{max-width:860px}
.flaggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin:12px 0}.flaggrid figure{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.flaggrid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px #0002}
.sitefoot{margin-top:56px;border-top:1px solid var(--line);background:var(--card);padding:40px 16px 28px;font-size:14px;color:var(--mute)}
.sitefoot>*{max-width:1200px;margin-left:auto;margin-right:auto}
.footin{display:grid;grid-template-columns:1fr;gap:28px}
@media (min-width:700px){.footin{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{margin:0 0 4px;font:600 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fcol a{color:var(--ink);text-decoration:none}.fcol a:hover{text-decoration:underline;text-underline-offset:3px}
.fbrand p{margin:0;max-width:300px;line-height:1.5}
.fname{font:800 22px var(--f-display)!important;color:var(--ink)}.fname span{color:var(--accent)}
.allquiz{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}
.allquiz summary{cursor:pointer;font-weight:600;color:var(--ink)}
.quizlinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px;margin-top:12px}
.quizlinks a{color:var(--ink);text-decoration:none}.quizlinks a:hover{text-decoration:underline}
.footbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}
@media (min-width:960px){.sitefoot{padding-left:32px;padding-right:32px}}@media (min-width:1400px){.sitefoot>*{max-width:1360px}}

.answers{margin:8px 0 4px}.answers summary{cursor:pointer;font-weight:600}.cols{columns:3 160px;padding-left:18px;margin:10px 0}
.qgh{margin:16px 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.quizlinks .qg{display:flex;flex-direction:column;gap:2px}.quizlinks .qm{font-weight:600}.quizlinks .qs{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:13px}.quizlinks .qs a{color:var(--mute)}.quizlinks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px}