/* Office locator — prefix .of- */
.of-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(26px,3.4vw,52px);align-items:start}
@media (max-width:1000px){ .of-layout{grid-template-columns:1fr} }
.of-panel{position:sticky;top:calc(var(--nav-h) + 20px)}
@media (max-width:1000px){ .of-panel{position:static} }

/* schematic province index — explicitly not a geographic map */
.of-map{position:relative;background:var(--forest);border-radius:var(--r-lg);overflow:hidden;padding:clamp(20px,2.4vw,28px);color:#fff}
.of-map::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:34px 34px}
.of-map__h{position:relative;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.of-map__t{font-family:var(--f-data);font-size:var(--t-label);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--sand)}
.of-map__grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:420px){ .of-map__grid{grid-template-columns:1fr} }
.of-pin{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:var(--r-sm);border:1px solid var(--line-dk);background:rgba(255,255,255,.05);text-align:left;cursor:pointer;transition:all var(--d-fast) var(--ease)}
.of-pin:hover{background:rgba(255,255,255,.12);border-color:var(--line-dk-2)}
.of-pin.is-on{background:var(--gold);border-color:var(--gold);color:var(--forest)}
.of-pin b{font-family:var(--f-display);font-weight:700;font-size:.98rem;letter-spacing:-.02em;color:#fff}
.of-pin.is-on b{color:var(--forest)}
.of-pin span{font-family:var(--f-data);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.of-pin.is-on span{color:rgba(18,59,42,.72)}
.of-pin__dot{position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.of-pin.is-on .of-pin__dot{background:var(--forest)}
.of-map__note{position:relative;margin-top:16px;font-size:var(--t-sm);color:#A9C2B3;border-top:1px solid var(--line-dk);padding-top:14px}
.of-map__note strong{color:#fff}

.of-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
@media (max-width:560px){ .of-filters{grid-template-columns:1fr} }
.of-list{display:flex;flex-direction:column;gap:16px}
.of-item.is-out{display:none}
.of-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-bottom:18px}
.of-note{font-size:var(--t-sm);color:var(--muted);border-left:3px solid var(--gold);padding-left:14px;margin-bottom:22px}
.of-svcs{display:flex;flex-wrap:wrap;gap:7px}