.sg-map{--sg-team:#FF6005;--sg-team-hi:#FF8437;--sg-lic:#0B3673;--sg-lic-hi:#164A93;--sg-none:#ADADAE;--sg-ink:#12294A;--sg-mute:#5A6B84;--sg-line:#FFFFFF;--sg-bg:#FFFFFF;
  background:var(--sg-bg);color:var(--sg-ink);padding:clamp(24px,4vw,48px) 16px 32px;text-align:center;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
.sg-map *{box-sizing:border-box}
.sg-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sg-mute)}
.sg-title{margin:0 0 10px;font-size:clamp(28px,4.2vw,42px);line-height:1.15;font-weight:800;color:var(--sg-ink);text-wrap:balance}
.sg-sub{margin:0 auto 22px;max-width:56ch;font-size:16px;line-height:1.5;color:var(--sg-mute)}
.sg-sub strong{color:var(--sg-team);font-weight:700}
.sg-canvas{position:relative;max-width:1000px;margin:0 auto}
#sgMapSvg{width:100%;height:auto;display:block;overflow:visible}
.sg-st,.sg-tag rect{stroke:var(--sg-line);stroke-width:1;stroke-linejoin:round;transition:fill .15s ease}
.sg-lic{fill:var(--sg-lic)}
.sg-none{fill:var(--sg-none)}
.sg-team{fill:var(--sg-team)}
path.sg-team,.sg-tag.sg-team{cursor:pointer}
path.sg-team:hover,path.sg-team:focus-visible,.sg-tag.sg-team:hover rect,.sg-tag.sg-team:focus-visible rect{fill:var(--sg-team-hi)}
path.sg-lic:hover{fill:var(--sg-lic-hi)}
.sg-st:focus{outline:none}
.sg-st:focus-visible,.sg-tag:focus-visible{outline:3px solid var(--sg-ink);outline-offset:2px}
.sg-st.is-on,.sg-tag.is-on rect{fill:var(--sg-team-hi);stroke:var(--sg-ink);stroke-width:2.5}
.sg-lead{stroke:#C6CDD7;stroke-width:.9}
.sg-tag text{font-size:13px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:inherit}
.sg-tag.sg-none text{fill:#fff}
.sg-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-118%);background:var(--sg-ink);color:#fff;
  padding:7px 11px;border-radius:6px;font-size:13px;line-height:1.35;white-space:nowrap;transition:opacity .12s ease;z-index:5;text-align:left}
.sg-tip b{display:block;font-size:14px;font-weight:700}
.sg-tip.on{opacity:1}
.sg-legend{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-top:24px;
  padding:14px 26px;border:1px solid #E4E8EE;border-radius:999px;background:#fff}
.sg-legend-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9AA6B6}
.sg-key{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--sg-ink)}
.sg-sw{width:13px;height:13px;border-radius:50%;flex:none}
.sg-sw-team{background:var(--sg-team)}.sg-sw-lic{background:var(--sg-lic)}.sg-sw-none{background:var(--sg-none)}
.sg-note{margin:18px auto 0;max-width:52ch;font-size:15px;line-height:1.5;color:var(--sg-mute)}
.sg-note a{color:#0D5E96;font-weight:600}
@media (max-width:640px){
  .sg-legend{border-radius:14px;padding:12px 18px;gap:6px 14px}
  .sg-legend-k{flex-basis:100%}
  .sg-tip{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.sg-st,.sg-tip{transition:none}}

/* The archive template prints its own "Loan Officers" heading immediately below this
   block, which duplicates the title above. It stays in the markup for search engines
   and screen readers and is hidden visually so the page reads with one title.
   The selector only matches while the map is on the page, so deactivating the plugin
   restores the heading on its own. */
#sgMap ~ #primary header > h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}