/* chrome.css — the v4 header, search, navigation, account menu, footer and phone bar for every
   page that is not the v4 homepage.

   GENERATED from public/home-v4/homepage.css by scripts/build-v4-chrome.php: every rule whose
   selector names a chrome class, in its original order and inside its original media queries, plus
   the theme variables the chrome reads and the @font-face rules for its typeface. Every selector
   carries `:not(#v4-host)` — one ID of weight,
   matching everything — so the chrome outranks the host page's own styles; the homepage's `#home-v4`
   scope became a second one. The homepage keeps loading homepage.css and never loads this.
   Nothing here is hand-edited — change homepage.css and rebuild. */
@font-face{font-family:Manrope;src:url('manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('manrope-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:Manrope;src:url('manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('jetbrains-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--v4-bg:#0a172e;--v4-map-bg:#0c1b36;--v4-panel:#11274b;--v4-panel-alt:#0c243f;--v4-input:#0a1830;--v4-border:#294261;--v4-text:#e3ebf8;--v4-muted:#a6b6ce;--v4-faint:#7f94b2;--v4-accent:#31bbee;--v4-accent-text:#07213a;--v4-land:#183a65;--v4-coast:#315985;--v4-typical:#4cc38a;--v4-elevated:#ffcc3d;--v4-rising:#b9e8ff;--v4-above:#ff9142;--v4-high:#ff5b63;--v4-rain:#3c86ff;--v4-sewage:#cf8b52;--v4-alert:#ffbe37;--v4-low:#3e638f;--v4-shadow:0 14px 44px #0003;--v4-font:Manrope,Arial,sans-serif}
:root[data-theme=light]{color-scheme:light;--v4-bg:#f3f6fb;--v4-map-bg:#d7e3f2;--v4-panel:#fff;--v4-panel-alt:#ffffffeb;--v4-input:#f3f6fb;--v4-border:#d0d9e6;--v4-text:#123051;--v4-muted:#536581;--v4-faint:#71829c;--v4-accent:#087fda;--v4-accent-text:#fff;--v4-land:#f6f9fc;--v4-coast:#8ea9c8;--v4-typical:#2e8f5f;--v4-elevated:#cf8f00;--v4-rising:#2173b8;--v4-above:#e2670c;--v4-high:#c81e2a;--v4-rain:#2873d8;--v4-sewage:#6b4423;--v4-alert:#dc8900;--v4-low:#bfcee0;--v4-shadow:0 14px 34px #18345224}
:not(#v4-host) .v4-sr:not(#v4-host),.v4-symbols:not(#v4-host){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v4-skip:not(#v4-host){position:absolute;top:-90px;z-index:100;background:var(--v4-accent);color:var(--v4-accent-text)!important;padding:14px 24px}
.v4-skip:focus:not(#v4-host){top:8px}
.v4-icon:not(#v4-host){width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.v4-header:not(#v4-host){height:76px;padding:0 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--v4-border);position:relative;z-index:30;background:var(--v4-bg)}
.v4-brand:not(#v4-host){display:flex;align-items:center;gap:11px;flex-shrink:0;font-size:23px;font-weight:800;letter-spacing:-.5px}
.v4-brand img:not(#v4-host){width:38px;height:38px;object-fit:contain}
.v4-nav:not(#v4-host){display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;white-space:nowrap;font-weight:600;font-size:15px}
.v4-search:not(#v4-host){position:relative;display:flex;align-items:center;gap:10px;width:320px;flex-shrink:0;border:1px solid var(--v4-border);border-radius:13px;padding:11px 15px;background:var(--v4-panel);color:var(--v4-faint)}
.v4-search input:not(#v4-host){border:0;min-width:0;width:100%;color:var(--v4-text);background:transparent;font-size:15px;outline:none}
.v4-search input:not(#v4-host)::placeholder{color:var(--v4-faint)}
.v4-search .v4-icon:not(#v4-host){width:17px}
.v4-search-results:not(#v4-host){position:absolute;top:calc(100% + 9px);left:0;width:360px;max-height:440px;overflow:auto;border:1px solid var(--v4-border);border-radius:12px;background:var(--v4-panel);box-shadow:var(--v4-shadow);z-index:80}
.v4-search-result:not(#v4-host){display:block;width:100%;padding:13px 16px!important;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--v4-border);font-size:14px;color:var(--v4-text)}
.v4-search-result:hover:not(#v4-host){background:var(--v4-input)}
.v4-search-result small:not(#v4-host){display:block;color:var(--v4-muted);font-size:12px}
.v4-themes:not(#v4-host){display:flex;align-items:center;border:1px solid var(--v4-border);background:var(--v4-panel);padding:3px;border-radius:30px;flex-shrink:0}
.v4-themes button:not(#v4-host){border:0;background:transparent;border-radius:24px;min-width:37px;height:31px;padding:0 10px;font-size:12px;font-weight:800;color:var(--v4-muted)}
.v4-themes button[aria-pressed=true]:not(#v4-host){background:var(--v4-accent);color:var(--v4-accent-text)}
.v4-themes .v4-icon:not(#v4-host){width:16px;height:16px}
.v4-login:not(#v4-host){font-size:14px;font-weight:600;white-space:nowrap}
.v4-button:not(#v4-host){display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--v4-accent);color:var(--v4-accent-text)!important;border-radius:10px;padding:13px 18px;font-weight:800!important;white-space:nowrap;text-decoration:none!important}
.v4-button:hover:not(#v4-host){filter:brightness(1.07)}
.v4-header-signup:not(#v4-host){font-size:14px;flex-shrink:0}
.v4-menu:not(#v4-host){display:none}
.v4-warning-strip[data-level=severe]>.v4-icon:not(#v4-host){filter:drop-shadow(0 0 7px #ffb7b7);animation:v4-severe-light 2.8s ease-in-out infinite}
.v4-search-head:not(#v4-host){margin:6px 0 2px;padding:0 13px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v4-faint)}
.v4-search-result .v4-icon:not(#v4-host){width:15px;height:15px;vertical-align:-2px;margin-right:6px;color:var(--v4-faint)}
.v4-map-paused .v4-pulse-ring:not(#v4-host),.v4-map-paused .v4-rain-ripple:not(#v4-host),.v4-map-paused .v4-rain-drop:not(#v4-host),.v4-map-paused .v4-sewage-ripple:not(#v4-host),.v4-map-paused .v4-warning-strip>.v4-icon:not(#v4-host){animation:none!important}
.v4-popup-close .v4-icon:not(#v4-host){width:15px}
.v4-pc-warn .v4-icon:not(#v4-host){width:16px;height:16px;flex:none;color:var(--v4-sev);margin-top:1px}
.v4-pc-trend .v4-icon:not(#v4-host){width:11px;height:11px}
.v4-pc-rain .v4-icon:not(#v4-host){width:16px;height:16px;flex:none;color:#1176c2}
.v4-pc-rain[data-state=dry] .v4-icon:not(#v4-host),.v4-pc-rain[data-state=unavailable] .v4-icon:not(#v4-host){color:#8fa0b3}
.v4-pc-btn .v4-icon:not(#v4-host){width:14px;height:14px}
.v4-fav .v4-icon:not(#v4-host){width:17px;height:17px}
.v4-fav[aria-pressed=true] .v4-icon:not(#v4-host){fill:#e0a02e}
.v4-map-controls .v4-icon:not(#v4-host){width:17px;height:17px}
.v4-zoom .v4-icon:not(#v4-host){width:18px}
.v4-layer-panel .v4-icon:not(#v4-host){width:15px}
.v4-account .v4-eyebrow .v4-icon:not(#v4-host){width:16px;height:16px}
.v4-account .v4-button:not(#v4-host){width:100%;font-size:14px;padding:13px}
.v4-br-close .v4-icon:not(#v4-host){width:15px;height:15px}
.v4-br-alarm>.v4-icon:not(#v4-host){width:16px;height:16px;flex:none;color:var(--v4-elevated)}
.v4-br-alarm.is-high>.v4-icon:not(#v4-host){color:var(--v4-high)}
.v4-br-alarm .v4-icon:last-child:not(#v4-host){width:13px;height:13px;color:var(--v4-faint);flex:none}
.v4-br-row>.v4-icon:not(#v4-host){width:19px;height:19px;flex:none;color:var(--v4-faint)}
.v4-br-row .v4-icon:last-child:not(#v4-host){width:13px;height:13px;color:var(--v4-faint);flex:none}
.v4-br-row.is-warn>.v4-icon:first-child:not(#v4-host){color:var(--v4-elevated)}
.v4-br-row.is-sev>.v4-icon:first-child:not(#v4-host){color:var(--v4-high)}
.v4-br-links .v4-icon:not(#v4-host){width:13px;height:13px}
.v4-br-form .v4-button:not(#v4-host){width:auto;flex:none;padding:11px 18px;font-size:13px}
.v4-br-foot .v4-button:not(#v4-host){display:flex;margin-top:12px;font-size:13.5px;padding:12px}
.v4-card h2>.v4-icon:not(#v4-host){color:var(--v4-accent);width:19px;height:19px}
.v4-rain-card h2>.v4-icon:not(#v4-host){color:var(--v4-rain)}
.v4-text-link .v4-icon:not(#v4-host){width:15px;height:15px}
.v4-property-card h2>.v4-icon:not(#v4-host){color:var(--v4-alert)}
.v4-footer:not(#v4-host){padding:20px 32px 45px;color:var(--v4-faint);font-size:11px}
.v4-footer>div:not(#v4-host){display:flex;gap:15px;margin-top:12px}
.v4-footer>div>span:not(#v4-host){margin-left:auto;opacity:.65}
.v4-footer:not(#v4-host){border-top:1px solid var(--v4-border);margin-top:26px}
.v4-footer>.v4-footer-cols:not(#v4-host){display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2.7fr);gap:26px 34px;margin:8px 0 24px}
.v4-footer-col h2:not(#v4-host){font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:var(--v4-accent);margin-bottom:11px!important}
.v4-footer-col ul:not(#v4-host){list-style:none;margin:0;padding:0}
.v4-footer-col li:not(#v4-host){margin:0 0 7px;break-inside:avoid}
:not(#v4-host) .v4-footer-col a:not(#v4-host){color:var(--v4-muted);font-size:12px;line-height:1.4}
:not(#v4-host) .v4-footer-col a:hover:not(#v4-host),:not(#v4-host) .v4-footer-col a:focus-visible:not(#v4-host){color:var(--v4-accent)}
:not(#v4-host) .v4-footer-all:not(#v4-host){display:inline-flex;align-items:center;gap:4px;color:var(--v4-accent);font-weight:800}
.v4-footer-all .v4-icon:not(#v4-host){width:13px;height:13px}
.v4-footer-col-wide ul:not(#v4-host){columns:2;column-gap:30px}
.v4-footer-beta:not(#v4-host){font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--v4-typical);margin-left:4px}
:not(#v4-host) .v4-footer-x:not(#v4-host){display:inline-flex;align-items:center;gap:8px;background:var(--v4-text);color:var(--v4-bg);font-weight:800;font-size:11px;padding:9px 15px;border-radius:99px;margin-bottom:13px}
:not(#v4-host) .v4-footer-x:hover:not(#v4-host){opacity:.85;text-decoration:none}
.v4-footer>p:not(#v4-host){max-width:78ch;line-height:1.6}
:root[data-view=brief]{color-scheme:light;--v4-bg:#faf8f2;--v4-map-bg:#f5f2e9;--v4-panel:#fff;--v4-panel-alt:#fff;--v4-input:#fff;--v4-border:#dcd7c9;--v4-text:#18213b;--v4-muted:#657089;--v4-faint:#7b8190;--v4-accent:#1975bd;--v4-accent-text:#fff;--v4-land:#fbf9f3;--v4-coast:#a89d86;--v4-typical:#33875c;--v4-elevated:#bd8300;--v4-rising:#1774b9;--v4-above:#d1660f;--v4-high:#bc2a20;--v4-rain:#6b9feb;--v4-sewage:#6b4423;--v4-alert:#d3921b;--v4-low:#c6d5dd;--v4-shadow:none}
[data-view=brief] .v4-header:not(#v4-host){margin:0 4%;padding:16px 0 44px;height:110px;border-bottom:1px solid var(--v4-border);gap:22px}
[data-view=brief] .v4-brand:not(#v4-host){font-family:Georgia,serif;font-size:29px;font-weight:700}
[data-view=brief] .v4-nav:not(#v4-host){position:absolute;bottom:0;left:0;right:0;height:38px;justify-content:flex-start;gap:25px;border-top:2px solid var(--v4-text);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}
[data-view=brief] .v4-search:not(#v4-host){margin-left:auto;width:210px;background:transparent;border:0}
[data-view=brief] .v4-themes:not(#v4-host){display:none}
[data-view=brief] .v4-header-signup:not(#v4-host){background:transparent;border:1px solid var(--v4-text);color:var(--v4-text)!important;border-radius:4px;font-size:12px}
.v4-near .v4-button:not(#v4-host){border-radius:4px;font-size:12px;background:#18213b;padding:10px 16px}
[data-view=brief] .v4-account .v4-button:not(#v4-host){background:var(--v4-text);border-radius:4px}
[data-view=brief] .v4-card .v4-icon:not(#v4-host){display:none}
[data-view=brief] .v4-footer:not(#v4-host){border-top:1px solid var(--v4-border);margin:0 4%;padding:16px 0 30px}
@media(min-width:1600px){
  .v4-header:not(#v4-host){gap:26px}
  .v4-nav:not(#v4-host){font-size:16px}
}
@media(max-width:1300px){
  .v4-header:not(#v4-host){gap:16px;padding:0 24px}
  .v4-nav:not(#v4-host){gap:12px;font-size:13px}
  .v4-brand:not(#v4-host){font-size:20px;gap:8px}
  .v4-search:not(#v4-host){width:250px}
  .v4-header-signup:not(#v4-host){padding:11px;font-size:12px}
  .v4-themes button:not(#v4-host){min-width:31px;padding:0 7px}
}
@media(max-width:1100px) and (min-width:901px){
  .v4-nav:not(#v4-host){position:absolute;top:75px;left:0;right:0;display:none;padding:20px;background:var(--v4-panel);border-bottom:1px solid var(--v4-border)}
  .v4-nav.is-open:not(#v4-host){display:flex}
  .v4-menu:not(#v4-host){display:flex;background:transparent;border:1px solid var(--v4-border);border-radius:8px;width:39px;height:39px;align-items:center;justify-content:center}
  .v4-search:not(#v4-host){margin-right:auto;width:270px}
  [data-view=brief] .v4-nav:not(#v4-host){display:flex;top:auto;padding:0;background:transparent}
  [data-view=brief] .v4-menu:not(#v4-host){display:none}
}
@media(max-width:900px){
  .v4-header:not(#v4-host){height:57px;padding:0 16px;gap:12px}
  .v4-brand:not(#v4-host){font-size:17px;gap:7px;margin-right:auto}
  .v4-brand img:not(#v4-host){width:28px;height:28px}
  .v4-header-signup:not(#v4-host){display:none}
  .v4-login:not(#v4-host){font-size:12px}
  .v4-themes:not(#v4-host){border:1px solid var(--v4-border);border-radius:8px;background:transparent;padding:0}
  .v4-themes button:not(#v4-host){display:none;width:39px;height:39px;padding:9px;border-radius:7px}
  .v4-themes button[data-theme-choice=light]:not(#v4-host){display:block}
  .v4-themes button[aria-pressed=true]:not(#v4-host){background:transparent;color:var(--v4-text)}
  :root[data-theme=light] .v4-themes button[data-theme-choice=light]:not(#v4-host){display:none}
  :root[data-theme=light] .v4-themes button[data-theme-choice=dark]:not(#v4-host){display:block}
  .v4-themes .v4-icon:not(#v4-host){width:18px;height:18px}
  .v4-menu:not(#v4-host){display:flex;width:39px;height:39px;align-items:center;justify-content:center;border:1px solid var(--v4-border);background:transparent;border-radius:8px}
  .v4-menu .v4-icon:not(#v4-host){width:17px}
  .v4-nav:not(#v4-host){display:none;position:absolute;top:57px;left:0;right:0;padding:16px;background:var(--v4-panel);border-bottom:1px solid var(--v4-border);box-shadow:var(--v4-shadow);white-space:normal;gap:0}
  .v4-nav.is-open:not(#v4-host){display:grid;grid-template-columns:1fr 1fr}
  .v4-nav a:not(#v4-host){padding:10px;font-size:14px}
  .v4-search:not(#v4-host){position:absolute;left:16px;right:16px;top:calc(100% + var(--v4-banner-height,0px) + 12px);width:auto;padding:11px 12px;border-radius:8px;z-index:4;min-height:45px}
  .v4-search input:not(#v4-host){font-size:13px}
  .v4-search-results:not(#v4-host){width:100%;max-height:350px}
  .v4-warning-strip>.v4-icon:not(#v4-host){width:14px;height:14px}
  .v4-warning-strip>a .v4-icon:not(#v4-host){width:15px}
  .v4-map-controls .v4-icon:not(#v4-host){width:15px;height:15px}
  .v4-account .v4-button:not(#v4-host){font-size:13px}
  .v4-footer:not(#v4-host){background:var(--v4-panel);font-size:9px;padding:15px 16px 24px}
  .v4-footer>div:not(#v4-host){gap:12px;font-size:9px}
  .v4-footer>div>span:not(#v4-host){display:none}
  [data-theme=light] .v4-stage:not(#v4-host),[data-theme=light] .v4-support:not(#v4-host),[data-theme=light] .v4-footer:not(#v4-host){background:var(--v4-bg)}
  [data-view=brief] .v4-header:not(#v4-host){height:65px;margin:0 5%;padding:0;gap:12px;border-bottom:2px solid var(--v4-text)}
  [data-view=brief] .v4-brand:not(#v4-host){font-size:23px}
  [data-view=brief] .v4-brand img:not(#v4-host){width:28px;height:28px}
  [data-view=brief] .v4-login:not(#v4-host){font-size:11px}
  [data-view=brief] .v4-menu:not(#v4-host){border-color:var(--v4-text);border-radius:4px}
  [data-view=brief] .v4-nav:not(#v4-host){height:auto;top:63px;bottom:auto;background:var(--v4-bg);font-size:12px;padding:10px;border-top:0;z-index:40}
  [data-view=brief] .v4-search:not(#v4-host){display:none}
  [data-view=brief] .v4-footer:not(#v4-host){margin:22px 5% 0;background:transparent;font-size:9px;padding-top:16px}
  [data-view=brief] .v4-footer>div:not(#v4-host){font-size:9px}
}
@media(max-width:360px){
  .v4-header:not(#v4-host){gap:8px;padding:0 13px}
  .v4-brand:not(#v4-host){font-size:15px}
  .v4-login:not(#v4-host){font-size:10px}
  .v4-search:not(#v4-host){left:13px;right:13px}
}
.v4-warning-tier .v4-icon:not(#v4-host){width:17px;color:var(--v4-muted)}
@media(max-width:900px){
  .v4-warning-tier .v4-icon:not(#v4-host){display:none}
}
.v4-phone-nav:not(#v4-host){display:none}
@media(max-width:600px){
  .v4-phone-nav:not(#v4-host){position:fixed;bottom:0;left:0;right:0;z-index:35;display:flex;justify-content:space-around;padding:9px 10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--v4-border);background:var(--v4-panel);box-shadow:0 -5px 20px #0000000a}
  .v4-phone-nav a:not(#v4-host),.v4-phone-nav button:not(#v4-host){position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:20%;min-height:44px;border:0;background:transparent;color:var(--v4-muted);font-size:11px;font-weight:700}
  :not(#v4-host) .v4-phone-nav button:not(#v4-host){font-size:11px;font-weight:700}
  .v4-phone-nav a[aria-current=page]:not(#v4-host){color:var(--v4-accent)}
  .v4-phone-nav .v4-icon:not(#v4-host){width:24px;height:24px;stroke-width:1.9}
  .v4-phone-warning-count:not(#v4-host){position:absolute;top:-4px;left:calc(50% + 4px);padding:1px 5px;min-width:18px;border-radius:10px;background:var(--v4-high);color:white;font-size:10px;font-weight:800;line-height:15px}
  .v4-nav.is-bottom-open:not(#v4-host){position:fixed;top:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:10px;right:10px;border:1px solid var(--v4-border);border-radius:12px;z-index:40;padding:12px;background:var(--v4-panel);box-shadow:var(--v4-shadow)}
  [data-view=brief] .v4-phone-nav:not(#v4-host){display:none}
}
.v4-nav-grp:not(#v4-host){position:relative;display:flex;align-items:center}
.v4-nav-btn:not(#v4-host){display:inline-flex;align-items:center;gap:5px}
.v4-caret:not(#v4-host){width:14px;height:14px;flex:0 0 auto;transition:transform .15s ease}
.v4-nav-grp:hover .v4-caret:not(#v4-host),.v4-nav-grp:focus-within .v4-caret:not(#v4-host){transform:rotate(180deg)}
.v4-nav-menu:not(#v4-host){position:absolute;top:100%;left:0;z-index:60;display:none;min-width:270px;padding:10px;
  background:var(--v4-panel);border:1px solid var(--v4-border);border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.28);white-space:normal}
@media(hover:hover){
  .v4-nav-grp:hover>.v4-nav-menu:not(#v4-host){display:block}
}
.v4-nav-grp:focus-within>.v4-nav-menu:not(#v4-host){display:block}
.v4-menu-head:not(#v4-host){display:block;padding:2px 10px 8px;font-size:11px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;color:var(--v4-muted)}
.v4-nav-menu a:not(#v4-host){display:block;padding:8px 10px;border-radius:8px;font-weight:600;line-height:1.3}
.v4-nav-menu a:hover:not(#v4-host),.v4-nav-menu a:focus-visible:not(#v4-host){background:var(--v4-panel-alt)}
.v4-mi-t:not(#v4-host){display:block}
.v4-mi-d:not(#v4-host){display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--v4-muted)}
.v4-nav-accent:not(#v4-host){color:var(--v4-accent)}
@media(max-width:1100px){
  .v4-nav.is-open:not(#v4-host){flex-direction:column;align-items:flex-start;gap:6px}
  .v4-nav.is-open .v4-nav-grp:not(#v4-host){display:block;width:100%}
  .v4-nav.is-open .v4-nav-menu:not(#v4-host){position:static;display:block;min-width:0;padding:4px 0 10px;
    background:none;border:0;border-radius:0;box-shadow:none}
  .v4-nav.is-open .v4-caret:not(#v4-host){display:none}
  .v4-nav.is-open .v4-mi-d:not(#v4-host){display:none}
}
@media(max-width:1100px){
  .v4-footer>.v4-footer-cols:not(#v4-host){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .v4-footer-col-wide:not(#v4-host){grid-column:1/-1}
}
@media(max-width:600px){
  .v4-footer>.v4-footer-cols:not(#v4-host){grid-template-columns:1fr;gap:20px;margin-bottom:18px}
  .v4-footer-col h2:not(#v4-host){font-size:10px}
  :not(#v4-host) .v4-footer-col a:not(#v4-host){font-size:13px}
  .v4-footer-col li:not(#v4-host){margin-bottom:9px}
  .v4-footer-col-wide ul:not(#v4-host){columns:2;column-gap:18px}
  :not(#v4-host) .v4-footer-x:not(#v4-host){font-size:11px}
}
@media(min-width:1301px) and (max-width:1560px){
  .v4-header:not(#v4-host){gap:15px;padding:0 26px}
  .v4-nav:not(#v4-host){gap:13px;font-size:14px}
  .v4-search:not(#v4-host){width:265px}
  .v4-header-signup:not(#v4-host){padding:11px 13px;font-size:13px}
  .v4-themes button:not(#v4-host){min-width:33px;padding:0 8px}
}
.v4-who:not(#v4-host){position:relative;flex-shrink:0}
:not(#v4-host) .v4-who>button:not(#v4-host){display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:14px;
  font-weight:700;background:var(--v4-panel);border:1px solid var(--v4-border);border-radius:30px;
  color:var(--v4-text);max-width:200px}
:not(#v4-host) .v4-who>button:hover:not(#v4-host){border-color:var(--v4-accent)}
.v4-who-mark:not(#v4-host){display:grid;place-items:center;width:27px;height:27px;border-radius:50%;flex:none;
  background:var(--v4-accent);color:var(--v4-accent-text);font-size:13px;font-weight:800}
.v4-who-name:not(#v4-host){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4-who>button .v4-caret:not(#v4-host){width:15px;height:15px;flex:none;transition:transform .15s}
.v4-who>button[aria-expanded=true] .v4-caret:not(#v4-host){transform:rotate(180deg)}
.v4-who-menu:not(#v4-host){position:absolute;top:calc(100% + 9px);right:0;z-index:70;min-width:248px;padding:9px;
  background:var(--v4-panel);border:1px solid var(--v4-border);border-radius:14px;
  box-shadow:0 18px 44px rgba(0,0,0,.3)}
.v4-who-head:not(#v4-host){padding:8px 11px 12px;margin-bottom:6px;border-bottom:1px solid var(--v4-border)}
.v4-who-head strong:not(#v4-host){display:block;font-size:16px;line-height:1.25}
.v4-who-head span:not(#v4-host){display:block;margin-top:2px;font-size:12px;color:var(--v4-muted);
  overflow:hidden;text-overflow:ellipsis}
.v4-who-head em:not(#v4-host){display:inline-block;margin-top:8px;padding:3px 10px;border-radius:20px;font-style:normal;
  font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  background:var(--v4-input);border:1px solid var(--v4-border);color:var(--v4-accent)}
:not(#v4-host) .v4-who-menu a:not(#v4-host){display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;
  font-size:14px;font-weight:600;color:var(--v4-text)}
:not(#v4-host) .v4-who-menu a:hover:not(#v4-host),:not(#v4-host) .v4-who-menu a:focus-visible:not(#v4-host){background:var(--v4-panel-alt);text-decoration:none}
.v4-who-menu .v4-icon:not(#v4-host){width:18px;height:18px;color:var(--v4-muted)}
:not(#v4-host) .v4-who-out:not(#v4-host){margin-top:6px;padding-top:13px!important;border-top:1px solid var(--v4-border);
  border-radius:0 0 9px 9px;color:var(--v4-high)}
.v4-who-out .v4-icon:not(#v4-host){color:var(--v4-high)}
@media(max-width:900px){
  .v4-who-name:not(#v4-host),.v4-who>button .v4-caret:not(#v4-host){display:none}
  :not(#v4-host) .v4-who>button:not(#v4-host){padding:4px;border-radius:50%}
  .v4-who-menu:not(#v4-host){right:-4px;min-width:224px}
}
:not(#v4-host) .v4-search-result:not(#v4-host){display:flex;align-items:center;gap:9px;width:100%;text-align:left}
.v4-sr-text:not(#v4-host){flex:1;min-width:0}
.v4-sr-text small:not(#v4-host){display:block;color:var(--v4-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-sr-value:not(#v4-host){flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--v4-text)}
.v4-search-result .v4-dot:not(#v4-host){flex:none}
.v4-to-map .v4-icon:not(#v4-host){color:var(--v4-accent-text)}

/* ── base, applied to the chrome only (see scripts/build-v4-chrome.php) ──── */
:where(.v4-header,.v4-footer,.v4-phone-nav):not(#v4-host){font-family:var(--v4-font);font-size:16px;line-height:1.5;
  color:var(--v4-text);background:var(--v4-bg);text-align:start;letter-spacing:normal;text-transform:none;
  box-shadow:none;-webkit-font-smoothing:antialiased;box-sizing:border-box}
:where(.v4-header,.v4-footer,.v4-phone-nav) *:not(#v4-host){box-sizing:border-box;font-family:inherit;font-size:inherit;
  line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;color:inherit}
:where(.v4-header,.v4-footer,.v4-phone-nav) button:not(#v4-host){background:none;border:0;border-radius:0;padding:1px 6px;transition:none}
:where(.v4-header,.v4-footer,.v4-phone-nav) ul:not(#v4-host){margin:0;padding:0;list-style:none}
:where(.v4-header,.v4-footer,.v4-phone-nav) img:not(#v4-host){max-width:none}
/* the homepage's #home-v4 base, at its weight */
:where(.v4-header,.v4-footer,.v4-phone-nav) a:not(#v4-host):not(#v4-host){color:inherit;text-decoration:none;
  -webkit-tap-highlight-color:transparent}
:where(.v4-header,.v4-footer,.v4-phone-nav) a:hover:not(#v4-host):not(#v4-host){text-decoration:underline}
:where(.v4-header,.v4-footer,.v4-phone-nav) button:not(#v4-host):not(#v4-host){cursor:pointer;color:inherit;font:inherit;
  -webkit-tap-highlight-color:transparent}
:where(.v4-header,.v4-footer,.v4-phone-nav) input:not(#v4-host):not(#v4-host){font:inherit}
:where(.v4-header,.v4-footer,.v4-phone-nav) h1:not(#v4-host):not(#v4-host),:where(.v4-header,.v4-footer,.v4-phone-nav) h2:not(#v4-host):not(#v4-host),
:where(.v4-header,.v4-footer,.v4-phone-nav) p:not(#v4-host):not(#v4-host){margin:0}
:where(.v4-header,.v4-footer,.v4-phone-nav) h1:not(#v4-host):not(#v4-host),:where(.v4-header,.v4-footer,.v4-phone-nav) h2:not(#v4-host):not(#v4-host){font-weight:800}
:where(.v4-header,.v4-footer,.v4-phone-nav) a:focus-visible:not(#v4-host):not(#v4-host),:where(.v4-header,.v4-footer,.v4-phone-nav) button:focus-visible:not(#v4-host):not(#v4-host),
:where(.v4-header,.v4-footer,.v4-phone-nav) input:focus-visible:not(#v4-host):not(#v4-host){outline:3px solid var(--v4-accent);outline-offset:4px}

/* /map's Leaflet panes carry z-indexes of their own (200–800) and none of their ancestors makes a
   stacking context, so they compete with the header directly at the root — at the homepage's
   z-index of 30 the map painted straight over the open search results. The v3 header sits at 1200
   for the same reason; match it. Homepage untouched: it never loads this file. */
.v4-header:not(#v4-host){z-index:1200}

/* On the homepage the layout reserves room for the phone search box and the bottom bar. Elsewhere
   the host page owns its own flow, so the space has to be made here — the same reservation the
   classic chrome makes for its tab bar (includes/site-header.php). */
.v4-header.v4-no-search .v4-nav:not(#v4-host){flex:0 1 auto;justify-content:flex-start;gap:22px;margin-right:auto}
@media(max-width:900px){
  .v4-header:not(#v4-host){margin-bottom:69px}
  .v4-header.v4-no-search:not(#v4-host){margin-bottom:0}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
}