/* SDR Weather Intelligence concepts — shared components (quick-switch strip, feedback drawer,
   interactive sample briefing, mocked chat, passwordless signup demo, compare view).
   Components read --s-* tokens; each option page maps them to its own look below. */

/* ---------- theme tokens ----------
   Components (.sq-scope briefing/chat, dialogs, strip) only read these custom properties.
   Defaults below make them usable on any page; set them on any ancestor (or body[data-option]) to re-theme:
   --s-surface --s-surface2 --s-ink --s-muted --s-line --s-line2 --s-accent --s-on-accent --s-link --s-focus --s-r
   --s-warn-bg --s-warn-ink  --t-monitor/pause/shelter/wait/clear (action tones)  --g-watch/warning/lightning/clearing (stage colors) */
:root{--s-surface:#fff;--s-surface2:#f3f6f7;--s-ink:#14252e;--s-muted:#52646b;--s-line:#dbe3e6;--s-line2:#aebcc2;--s-accent:#0d659f;--s-on-accent:#fff;--s-link:#0d659f;--s-focus:#0d659f;--s-r:12px;--s-warn-bg:#ffd27a;--s-warn-ink:#2b1d00;--s-overlay:#07182899;
  --t-monitor:#3f8fc4;--t-pause:#d9902a;--t-shelter:#d8433f;--t-wait:#d9902a;--t-clear:#2f9e75;--g-watch:#d9a932;--g-warning:#e8832f;--g-lightning:#d8433f;--g-clearing:#3aa27c}
body[data-option]{--s-r:12px;--s-max:1160px;--s-warn-bg:#ffd27a;--s-warn-ink:#2b1d00;--s-overlay:#07182899;
  --t-monitor:#3f8fc4;--t-pause:#d9902a;--t-shelter:#d8433f;--t-wait:#d9902a;--t-clear:#2f9e75;
  --g-watch:#d9a932;--g-warning:#e8832f;--g-lightning:#d8433f;--g-clearing:#3aa27c}
body[data-option="0"]{--s-surface:#fff;--s-surface2:#f4f6f3;--s-ink:#14252e;--s-muted:#5c6b70;--s-line:#dce4df;--s-line2:#b4c3bb;--s-accent:#1c6a58;--s-on-accent:#fff;--s-link:#1c6a58;--s-focus:#1c6a58;--s-strip-bg:#e9efe9;--s-strip-ink:#14252e;--s-strip-muted:#46585c;--s-max:1120px;--s-r:10px}
body[data-option="1"]{--s-surface:#fff;--s-surface2:var(--wash,#f4f7fa);--s-ink:var(--ink,#182b40);--s-muted:var(--muted,#607286);--s-line:var(--line,#dce5ed);--s-line2:#b3c4d2;--s-accent:var(--blue,#1676b8);--s-on-accent:#fff;--s-link:#0d659f;--s-focus:#0d659f;--s-strip-bg:#eaf3f8;--s-strip-ink:#1e4057;--s-strip-muted:#3f5b70;--s-r:14px}
body[data-option="2"]{--s-surface:#0d1d2b;--s-surface2:#102434;--s-ink:#eef5fa;--s-muted:#a4b8c7;--s-line:#22394b;--s-line2:#46627a;--s-accent:#c5e67b;--s-on-accent:#12202b;--s-link:#62d5dc;--s-focus:#ffc76d;--s-strip-bg:#0d1d2b;--s-strip-ink:#e4edf3;--s-strip-muted:#a9bccb;--s-max:1200px;--s-r:8px;--s-overlay:#02080dcc}
body[data-option="3"]{--s-surface:#fff;--s-surface2:#f0f5f4;--s-ink:var(--ink,#152c3b);--s-muted:#566a74;--s-line:#d8e4e5;--s-line2:#a9bcc0;--s-accent:#087f82;--s-on-accent:#fff;--s-link:#066a6d;--s-focus:#102b3b;--s-strip-bg:#132c3a;--s-strip-ink:#eff9f8;--s-strip-muted:#c4dcda;--s-r:12px}
body[data-option="2"]{--t-monitor:#62b8e3;--g-watch:#e0b341}

/* visible focus: page-wide for the two pages that had none, two-tone ring for balanced */
body[data-option="1"] :focus-visible{outline:3px solid #0d659f;outline-offset:2px}
body[data-option="2"] :focus-visible{outline:3px solid #ffc76d;outline-offset:2px}
body[data-option="3"] a:focus-visible,body[data-option="3"] button:focus-visible,body[data-option="3"] summary:focus-visible,body[data-option="3"] input:focus-visible,body[data-option="3"] textarea:focus-visible{outline:2px solid #102b3b;outline-offset:0;box-shadow:0 0 0 5px #e5af57}
body[data-option="0"] :focus-visible{outline:3px solid #1c6a58;outline-offset:2px}

html.sq-embedded .sq-strip{display:none}
.sq-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sq-scope,.sq-scope *,.sq-strip,.sq-strip *,.sq-overlay,.sq-overlay *,.sq-drawer,.sq-drawer *{box-sizing:border-box}

/* ---------- quick-switch strip ---------- */
.sq-strip{background:var(--s-strip-bg);color:var(--s-strip-ink);font:600 12px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;border-bottom:1px solid #ffffff1f}
.sq-in{width:min(var(--s-max),calc(100% - 48px));margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.sq-strip a,.sq-strip button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;font:inherit;font-weight:700;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;padding:0 8px}
.sq-strip a:hover,.sq-strip button:hover{text-decoration:underline}
.sq-back{padding-left:0!important}
.sq-tabs{display:flex;gap:4px;margin-left:6px}
.sq-strip .sq-tab{min-width:44px;padding:0 11px;border-color:color-mix(in srgb,var(--s-strip-ink) 35%,transparent)}
.sq-strip .sq-tab[aria-current=page]{background:var(--s-accent);color:var(--s-on-accent);border-color:var(--s-accent);text-decoration:none}
.sq-strip .sq-fb{border-color:color-mix(in srgb,var(--s-strip-ink) 55%,transparent)}
.sq-proto{margin-left:auto;font-size:11px;letter-spacing:.05em;color:var(--s-strip-muted);font-weight:600}
.sq-strip :focus-visible{outline:3px solid var(--s-strip-ink);outline-offset:1px;box-shadow:none}
html .sq-show-sm{display:none}
@media(max-width:700px){.sq-in{width:calc(100% - 32px)}.sq-hide-sm{display:none}html .sq-show-sm{display:inline}.sq-tabs{margin-left:0}.sq-cmp-link{margin-right:auto}.sq-proto{order:4;flex:1 1 150px;margin:0}.sq-fb{order:5}}

/* ---------- shared buttons / fields ---------- */
.sq-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--s-r);border:1px solid var(--s-accent);background:var(--s-accent);color:var(--s-on-accent);font:700 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;text-decoration:none}
.sq-btn:hover{filter:brightness(1.07)}
.sq-btn.ghost{background:transparent;color:var(--s-ink);border-color:var(--s-line2)}
.sq-btn.ghost:hover{background:var(--s-surface2);filter:none}
.sq-btn[aria-disabled=true]{opacity:.55;cursor:default}
.sq-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.sq-field label,.sq-field .sq-lab{font-size:13px;font-weight:700;color:var(--s-ink)}
.sq-in-text,.sq-scope textarea,.sq-drawer textarea,.sq-drawer input[type=text],.sq-overlay input[type=email],.sq-overlay input[type=text]{width:100%;min-height:44px;border:1px solid var(--s-line2);border-radius:calc(var(--s-r) - 2px);background:var(--s-surface);color:var(--s-ink);padding:10px 12px;font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.sq-drawer textarea,.sq-scope textarea{min-height:64px;resize:vertical}
.sq-hint{font-size:12px;color:var(--s-muted);margin:0}
.sq-seg{border:0;margin:0;padding:0;min-width:0}
.sq-seg legend{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--s-muted);padding:0;margin-bottom:8px}
.sq-segrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px}
.sq-segrow.five{grid-template-columns:repeat(5,1fr)}
.sq-opt{position:relative;display:block;min-width:0}
.sq-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sq-opt span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;text-align:center;border:1px solid var(--s-line2);border-radius:calc(var(--s-r) - 2px);background:var(--s-surface);color:var(--s-ink);font:650 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.sq-opt input:checked+span{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-on-accent)}
.sq-opt input:focus-visible+span{outline:3px solid var(--s-focus);outline-offset:2px}
body[data-option="3"] .sq-opt input:focus-visible+span{outline:2px solid #102b3b;outline-offset:0;box-shadow:0 0 0 5px #e5af57}

/* ---------- overlay / dialog / drawer ---------- */
.sq-overlay{position:fixed;inset:0;z-index:100;background:var(--s-overlay);display:flex;align-items:center;justify-content:center;padding:20px}
.sq-overlay[hidden]{display:none}
.sq-dialog{position:relative;width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--s-surface);color:var(--s-ink);border:1px solid var(--s-line);border-radius:calc(var(--s-r) + 6px);padding:28px;box-shadow:0 30px 90px #0006;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.sq-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--s-line);background:var(--s-surface2);color:var(--s-ink);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.sq-dialog h2,.sq-drawer h2{margin:6px 44px 8px 0;font-size:26px;line-height:1.15;letter-spacing:-.03em;color:var(--s-ink)}
.sq-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--s-link)}
.sq-dialog p{color:var(--s-muted);font-size:14px;margin:0 0 16px}
.sq-note{border:1px solid var(--s-line2);background:var(--s-surface2);border-radius:calc(var(--s-r) - 2px);padding:10px 12px;font-size:13px;color:var(--s-ink)!important;margin:0 0 16px!important}
.sq-err{color:var(--s-ink);font-size:13px;font-weight:700;min-height:20px;margin:-6px 0 8px}
.sq-err:not(:empty):before{content:"! ";color:var(--g-lightning)}
.sq-steps{display:flex;gap:6px;margin:0 0 4px;padding:0;list-style:none}
.sq-steps li{height:4px;flex:1;border-radius:4px;background:var(--s-line2)}
.sq-steps li.on{background:var(--s-accent)}
.sq-dialog .sq-btn{width:100%}
.sq-dialog .sq-linkbtn{width:auto;min-height:44px;border:0;background:none;color:var(--s-link);text-decoration:underline;font:600 13px system-ui,sans-serif;cursor:pointer;margin-top:6px;padding:0 4px}
.sq-counties{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}
.sq-drawer-wrap{position:fixed;inset:0;z-index:100;background:var(--s-overlay);display:flex;justify-content:flex-end}
.sq-drawer-wrap[hidden]{display:none}
.sq-drawer{position:relative;width:min(460px,100%);height:100%;overflow:auto;background:var(--s-surface);color:var(--s-ink);border-left:1px solid var(--s-line);padding:24px 20px 28px;box-shadow:-20px 0 60px #0004;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.sq-drawer>p{color:var(--s-muted);font-size:13px;margin:0 0 16px}
.sq-drawer fieldset.sq-optfs{border:1px solid var(--s-line);border-radius:var(--s-r);padding:14px 14px 4px;margin:0 0 14px;min-width:0}
.sq-drawer fieldset.sq-optfs>legend{font-weight:800;font-size:14px;padding:0 6px}
.sq-drawer .sq-rowbtns{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.sq-drawer .sq-rowbtns .sq-btn{flex:1 1 150px}
.sq-status{font-size:13px;color:var(--s-ink);min-height:20px;margin:4px 0 0}
.sq-copyarea{margin-top:8px}

/* ---------- interactive sample briefing ---------- */
.sq-scope{font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--s-ink);text-align:left}
.sq-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start}
.sq-card{background:var(--s-surface);color:var(--s-ink);border:1px solid var(--s-line);border-radius:calc(var(--s-r) + 4px);padding:24px;min-width:0;box-shadow:0 14px 40px #0000001a}
.sq-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
.sq-badge{display:inline-flex;align-items:center;gap:7px;background:var(--s-warn-bg);color:var(--s-warn-ink);font:800 12px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:8px 10px;border:2px solid var(--s-warn-ink)}
.sq-sub{font-size:12px;color:var(--s-muted)}
.sq-card h3{margin:0 0 6px;font-size:22px;line-height:1.2;letter-spacing:-.025em;color:var(--s-ink)}
.sq-card h3:focus{outline:none}
.sq-lead{margin:0 0 18px;color:var(--s-muted);font-size:14px}
.sq-ctrls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-bottom:20px}
.sq-tl{margin-bottom:18px}
.sq-tl-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}
.sq-tl-top label{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--s-muted)}
.sq-tl-top output{font:800 20px/1 system-ui,sans-serif;color:var(--s-ink);font-variant-numeric:tabular-nums}
.sq-range{width:100%;height:44px;margin:0;background:transparent;accent-color:var(--s-accent);cursor:pointer}
.sq-track{height:10px;border-radius:6px;margin:-8px 0 0;border:1px solid var(--s-line2)}
.sq-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--s-muted);margin:5px 0 12px;font-variant-numeric:tabular-nums}
.sq-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:0 0 12px;padding:0;counter-reset:st}
.sq-stages li{border:1px solid var(--s-line2);border-radius:8px;padding:8px 8px 8px 10px;font-size:12px;font-weight:700;line-height:1.25;color:var(--s-muted);border-top-width:4px;display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.sq-stages li[data-s=watch]{border-top-color:var(--g-watch)}.sq-stages li[data-s=warning]{border-top-color:var(--g-warning)}.sq-stages li[data-s=lightning]{border-top-color:var(--g-lightning)}.sq-stages li[data-s=clearing]{border-top-color:var(--g-clearing)}
.sq-stages li.done{color:var(--s-ink)}
.sq-stages li[aria-current=step]{background:var(--s-surface2);color:var(--s-ink);border-color:var(--s-ink);border-top-width:4px;box-shadow:inset 0 0 0 1px var(--s-ink)}
.sq-stages li[aria-current=step]:before{content:"\25B6\00a0";font-size:9px}
.sq-btns{display:flex;flex-wrap:wrap;gap:8px}
.sq-out{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;margin:18px 0 12px}
.sq-action,.sq-clock,.sq-event{border:1px solid var(--s-line2);border-radius:var(--s-r);padding:16px;min-width:0}
.sq-action{--tone:var(--t-monitor);border-left:8px solid var(--tone);background:color-mix(in srgb,var(--tone) 13%,var(--s-surface))}
.sq-action[data-tone=pause]{--tone:var(--t-pause)}.sq-action[data-tone=shelter]{--tone:var(--t-shelter)}.sq-action[data-tone=wait]{--tone:var(--t-wait)}.sq-action[data-tone=clear]{--tone:var(--t-clear)}
.sq-k{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--s-muted) 60%,var(--s-ink));margin:0 0 6px}
.sq-act-label{font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 6px;color:var(--s-ink)}
.sq-act-detail{margin:0!important;font-size:14px;color:var(--s-ink)!important}
.sq-clock{background:var(--s-surface2)}
.sq-clock-num{font:800 32px/1.1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--s-ink);margin:0 0 6px}
.sq-bar{height:8px;border-radius:5px;background:var(--s-line);overflow:hidden;margin:8px 0}
.sq-bar i{display:block;height:100%;width:0;background:var(--t-clear);border-radius:5px;transition:width .2s}
.sq-clock p{margin:0;font-size:13px;color:var(--s-muted)}
.sq-event{background:var(--s-surface)}
.sq-event h4{margin:0 0 4px;font-size:17px;line-height:1.3;color:var(--s-ink)}
.sq-event p{margin:0 0 8px;font-size:14px;color:var(--s-muted)}
.sq-facts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--s-ink);margin:0}
.sq-facts b{font-weight:800}
.sq-evlist{margin:14px 0 0;border:1px solid var(--s-line);border-radius:var(--s-r);padding:0 14px}
.sq-evlist summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:700;color:var(--s-ink)}
.sq-evlist ol{list-style:none;margin:0;padding:0 0 10px}
.sq-evlist li button{width:100%;min-height:44px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid var(--s-line);color:var(--s-ink);font:14px/1.3 system-ui,sans-serif;cursor:pointer;padding:6px 2px}
.sq-evlist li button b{font-variant-numeric:tabular-nums}
.sq-evlist li button[aria-current=true]{font-weight:800;background:var(--s-surface2)}
.sq-sign{margin:14px 0 0;font-size:12px;color:var(--s-muted);border-top:1px solid var(--s-line);padding-top:12px}
.sq-sign b{color:var(--s-ink)}

/* chat */
.sq-chat{display:flex;flex-direction:column;gap:12px}
.sq-chat h3{font-size:20px}
.sq-chips{display:flex;flex-direction:column;gap:8px}
.sq-chip{min-height:44px;text-align:left;background:var(--s-surface2);color:var(--s-ink);border:1px solid var(--s-line2);border-radius:var(--s-r);padding:8px 12px;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}
.sq-chip:hover{border-color:var(--s-accent)}
.sq-log{max-height:340px;min-height:84px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:2px}
.sq-msg{max-width:94%;padding:10px 12px;border-radius:var(--s-r);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.sq-msg p{margin:0;color:inherit!important;font-size:14px!important}
.sq-me{align-self:flex-end;background:var(--s-accent);color:var(--s-on-accent)}
.sq-bot{align-self:flex-start;background:var(--s-surface2);color:var(--s-ink);border:1px solid var(--s-line)}
.sq-who{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted);margin-bottom:4px}
.sq-chat form{display:flex;gap:8px}
.sq-chat form input{flex:1;min-width:0;min-height:44px;border:1px solid var(--s-line2);border-radius:calc(var(--s-r) - 2px);background:var(--s-surface);color:var(--s-ink);padding:0 12px;font:15px system-ui,sans-serif}
.sq-chat form .sq-btn{padding:0 14px}

/* ---------- compare page ---------- */
.sq-cmp-head{width:min(1560px,calc(100% - 32px));margin:18px auto 12px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.sq-cmp-head h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:0;line-height:1.1}
.sq-cmp-head p{margin:4px 0 0;color:var(--s-muted);font-size:14px;max-width:640px}
.sq-cmp-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sq-cmp-tools label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600}
.sq-cmp-tools input[type=checkbox]{width:20px;height:20px;accent-color:var(--s-accent)}
.sq-cmp-seg{display:none;width:min(560px,calc(100% - 32px));margin:0 auto 12px}
.sq-cmp{width:min(1560px,calc(100% - 32px));margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.sq-col{min-width:0;display:flex;flex-direction:column;gap:10px}
.sq-col-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sq-col-h b{font-size:15px}
.sq-col-h a{font-size:13px;font-weight:700;color:var(--s-link);min-height:44px;display:inline-flex;align-items:center}
.sq-col iframe{width:100%;height:calc(100vh - 330px);min-height:520px;border:1px solid var(--s-line2);border-radius:var(--s-r);background:#fff}
.sq-score{border:1px solid var(--s-line);border-radius:var(--s-r);background:var(--s-surface);padding:12px 14px}
.sq-score legend{font-size:13px;font-weight:700;padding:0 4px}
.sq-score fieldset{border:0;margin:0;padding:0;min-width:0}
@media(max-width:1099px){.sq-cmp{grid-template-columns:minmax(0,1fr)}.sq-cmp-seg{display:block}.sq-col:not(.is-active){display:none}.sq-col iframe{height:calc(100vh - 380px);min-height:480px}}

@media(max-width:900px){.sq-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.sq-ctrls{grid-template-columns:minmax(0,1fr)}.sq-out{grid-template-columns:minmax(0,1fr)}.sq-card{padding:20px 16px}.sq-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-dialog{padding:24px 20px}.sq-act-label{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sq-scope *,.sq-overlay *,.sq-drawer *{transition:none!important;animation:none!important}}

/* sitewide nav row (option pages + compare), matches the presentation nav */
.sq-site{background:#fff;border-bottom:1px solid #dce4df;font:600 14px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html.sq-embedded .sq-site{display:none}
.sq-site-in{width:min(1120px,calc(100% - 32px));margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;padding:2px 0}
.sq-site a{display:inline-flex;align-items:center;min-height:44px;color:#5c6b70;text-decoration:none}
.sq-site a:hover{color:#14252e}
.sq-site .sq-site-brand{color:#14252e;font-weight:760;font-size:13px;letter-spacing:.05em}
.sq-site nav{display:flex;flex-wrap:wrap;gap:0 4px}
.sq-site nav a{padding:0 10px;border-bottom:2px solid transparent}
.sq-site nav a[aria-current=page]{color:#14503f;border-bottom-color:#1c6a58}
.sq-site :focus-visible{outline:3px solid #0b6bcb;outline-offset:2px;border-radius:4px}
@media(max-width:620px){.sq-site nav{width:100%;margin-inline:-10px}.sq-site nav a{padding:0 9px;font-size:13px}}

/* CTA never wraps */
html [data-access]{white-space:nowrap}
@media(max-width:700px){html [data-access].btn{padding-left:14px;padding-right:14px}}

@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}

/* corporate: keep the decorative map road inside its frame */
body[data-option="1"] .map{overflow:hidden}
body[data-option="1"] .road{left:0;width:100%}