/* shared by the map pages and the about page: colours, header with brand and nav, sections, footer */
:root { --bg: #0b0e13; --surface: #161d2b; --surface-2: #1c2536; --border: #263043; --border-strong: #34415a; --text: #e8ecf4; --text-dim: #93a0b4; --accent: #e23d2e; --gold: #e8b23a; }
body { margin: 0; font: 14px/1.45 system-ui, sans-serif; background: var(--bg); color: var(--text); }
a { color: #7fb2ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.muted { color: var(--text-dim); }
header { display: flex; align-items: center; gap: 18px; padding: 10px 24px; border-bottom: 1px solid var(--border); flex-wrap: wrap; background: var(--surface); }
.brand { display: flex; align-items: center; gap: 10px; color: inherit; }
.brand:hover { text-decoration: none; }
.brand img { width: 28px; height: 28px; }
.brand h1 { margin: 0; font-size: 19px; line-height: 1.15; }
.brand .tag { display: block; color: var(--text-dim); font-size: 12px; }
nav.site { display: flex; gap: 4px; }
nav.site a { color: var(--text-dim); padding: 5px 10px; border-radius: 6px; }
nav.site a:hover, nav.site a.on { color: var(--text); background: var(--surface-2); text-decoration: none; }
nav.site a.ext { margin-left: 10px; padding-left: 14px; border-left: 1px solid var(--border); border-radius: 0 6px 6px 0; font-size: 12.5px; }
#status { margin-left: auto; font-size: 12.5px; }
main { padding: 18px 24px; max-width: 1500px; }
.section { display: flex; align-items: baseline; gap: 12px; margin: 24px 0 10px; }
.section h2 { margin: 0; font-size: 18px; }
.section select { margin-left: auto; background: var(--surface-2); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 4px 6px; font: inherit; }
.about { max-width: 840px; color: var(--text-dim); }
.about h3 { color: var(--text); font-size: 15px; margin: 18px 0 4px; }
.about p { margin: 4px 0; }
footer { margin: 34px 24px 22px; padding-top: 14px; border-top: 1px solid var(--border); color: var(--text-dim); font-size: 12.5px; display: flex; gap: 22px; flex-wrap: wrap; }