:root{--ink:#000;--muted:#6d6d6d;--line:#e6e6e6}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.75 Arimo,Arial,Helvetica,sans-serif}
header{border-bottom:1px solid var(--line);background:#fff}
.wrap{width:100%;padding:0 clamp(16px,4vw,56px)}
.brand{display:block;padding:28px 0 10px;font:700 1.6rem/1.2 'Roboto Condensed',Arial,sans-serif;color:#000;text-decoration:none;letter-spacing:.01em}
.nav{list-style:none;margin:0;padding:0 0 14px;display:flex;flex-wrap:wrap;gap:6px 20px;font:400 13px/1.4 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.nav>li{position:relative}.nav a{color:#000;text-decoration:none}.nav a:hover{color:var(--muted)}
.nav ul{display:none;position:absolute;left:0;top:100%;z-index:9;background:#fff;border:1px solid var(--line);list-style:none;margin:0;padding:8px 0;min-width:260px;text-transform:none;letter-spacing:0;font-size:14px}
.nav li:hover>ul,.nav li:focus-within>ul{display:block}.nav ul li{padding:4px 14px}
main{padding:32px 0 64px}
h1,h2,h3,h4{font-family:'Roboto Condensed',Arial,sans-serif;color:#000;line-height:1.25}
h1{font-size:2.3rem;margin:.1em 0 .7em}h2{font-size:1.6rem;margin-top:1.8em}h3{font-size:1.25rem}
img{max-width:100%;height:auto}figure{margin:1.4em 0}figcaption,.wp-element-caption{font-size:.82rem;color:var(--muted)}
a{color:#000;text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--muted)}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.children{margin-top:2.4em;padding-top:1em;border-top:1px solid var(--line)}
footer{border-top:1px solid var(--line);font:13px/1.5 'Roboto Condensed',Arial,sans-serif;color:var(--muted);padding:22px 0;text-transform:uppercase;letter-spacing:.06em}
.topbar{background:#000;color:#fff;font:14px/1.45 Arimo,Arial,sans-serif}
.topbar .wrap{display:flex;align-items:center;gap:20px;padding-top:10px;padding-bottom:10px}
.topbar h3{margin:0 0 2px;font:700 15px/1.3 'Roboto Condensed',Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.topbar a{color:#fff}.topbar .info{flex:1;min-width:0}
.topbar .vid{flex:0 0 auto;width:200px;height:112px;border:0;display:block}
.maplegend{columns:2;font-size:.95rem;margin:.4em 0 1.6em}
@media(max-width:640px){.topbar .wrap{flex-direction:column;align-items:flex-start}.topbar .vid{width:100%;height:auto;aspect-ratio:16/9}.topbar{font-size:13px}.maplegend{columns:1}.nav ul{position:static;display:block;border:0;padding:0 0 0 12px}}