/* Stoomy Steam · 08 Areas — map + "Is my neighborhood covered?" (Builder B). Prefix .ar- only. */
.ar{position:relative;background:var(--paper);color:var(--ink);padding:var(--s8) 0;font-family:var(--f-text)}
.ar *,.ar *::before,.ar *::after{box-sizing:border-box}
.ar-wrap{max-width:var(--max);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;grid-template-areas:"head head" "search map" "all map";column-gap:56px;align-items:start}

.ar-head{grid-area:head;margin-bottom:var(--s6)}
.ar-kicker{margin:0 0 22px;font:700 var(--fs-kicker)/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ar-h2{max-width:14em;margin:0;font-family:var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 0,"opsz" 144;font-weight:620;font-size:var(--fs-d1);line-height:1.02;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}

/* ---------- search (Zerorez zip pill → neighborhood) ---------- */
.ar-search{grid-area:search;margin:0}
.ar-label{display:block;margin:0 0 14px;font:700 20px/1.3 var(--f-text);letter-spacing:-.01em;color:var(--ink)}
.ar-field{position:relative;display:flex;align-items:center}
.ar-ico{position:absolute;left:22px;color:var(--ink-2);pointer-events:none}
.ar-input{width:100%;height:62px;margin:0;padding:0 58px 0 58px;border:1.5px solid rgba(16,33,58,.3);border-radius:var(--r-pill);background:#fff;color:var(--ink);font:500 18px/1 var(--f-text);outline:none;-webkit-appearance:none;appearance:none;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}
.ar-input::placeholder{color:#7A8190;opacity:1}
.ar-input:placeholder-shown{padding-right:18px}
.ar-input::-webkit-search-cancel-button,.ar-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.ar-input::-webkit-calendar-picker-indicator,.ar-input::-webkit-list-button{display:none!important;opacity:0}
.ar-input:hover{border-color:rgba(16,33,58,.5)}
.ar-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,95,191,.18)}
.ar-clear{position:absolute;right:9px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:background-color .15s}
.ar-clear:hover{background:rgba(16,33,58,.07)}
.ar-clear[hidden]{display:none}
.ar-clear:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

.ar-answer{min-height:64px;padding-top:18px}
.ar-yes{display:flex;align-items:center;gap:12px;margin:0;font:600 19px/1.35 var(--f-text);color:var(--ink);animation:ar-in .35s var(--ease-out)}
.ar-yes b{font-weight:800}
.ar-yes-ico{flex:none}
.ar-no{margin:0;font-size:var(--fs-body);line-height:1.47;color:var(--ink);animation:ar-in .35s var(--ease-out)}
.ar-yes[hidden],.ar-no[hidden]{display:none}
.ar-link{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
@keyframes ar-in{from{opacity:0;transform:translateY(4px)}}

/* ---------- the list, clickable ---------- */
.ar-all{grid-area:all;margin-top:8px}
.ar-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ar-chip{min-height:44px;padding:0 16px;border:0;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 15px/1 var(--f-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .16s var(--ease-out)}
.ar-chip:hover{box-shadow:inset 0 0 0 1.5px var(--blue-logo)}
.ar-chip:active{transform:scale(.96)}
.ar-chip.is-match{background:var(--sky);box-shadow:inset 0 0 0 1.5px rgba(29,95,191,.45)}
.ar-chip[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.ar-chip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ar-notes{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:var(--fs-cap);line-height:1.43;color:var(--ink-2)}
.ar-notes li::before{content:"";display:inline-block;width:7px;height:7px;margin:0 9px 1px 0;border-radius:50%;background:var(--blue-logo);vertical-align:middle}
.ar-notes li[hidden]{display:none}

/* ---------- map ---------- */
.ar-map{grid-area:map;position:relative;height:660px;overflow:hidden;border-radius:var(--r-card);background:var(--sky);isolation:isolate}
.ar-map::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(16,33,58,.08);pointer-events:none;z-index:4}
.ar-svg{display:block;width:100%;height:100%;font-family:var(--f-text);-webkit-user-select:none;user-select:none;touch-action:manipulation}
.ar-map[data-compact="n"] .sw-g-m,.ar-map[data-compact="y"] .sw-g-d{display:none}

.ar-pin{transition:opacity .25s var(--ease-out)}
.ar-pin circle{transition:fill .2s var(--ease-out)}
.ar-pulse{opacity:0;transform-box:fill-box;transform-origin:center}
.ar.is-live .ar-pulse{animation:ar-pulse 3.2s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes ar-pulse{0%{opacity:.36;transform:scale(.6)}70%,100%{opacity:0;transform:scale(2)}}
.ar-d0{animation-delay:0s}.ar-d1{animation-delay:.145s}.ar-d2{animation-delay:.29s}.ar-d3{animation-delay:.436s}.ar-d4{animation-delay:.582s}.ar-d5{animation-delay:.727s}.ar-d6{animation-delay:.873s}.ar-d7{animation-delay:1.018s}.ar-d8{animation-delay:1.164s}.ar-d9{animation-delay:1.309s}.ar-d10{animation-delay:1.455s}
.ar-d11{animation-delay:1.6s}.ar-d12{animation-delay:1.745s}.ar-d13{animation-delay:1.891s}.ar-d14{animation-delay:2.036s}.ar-d15{animation-delay:2.182s}.ar-d16{animation-delay:2.327s}.ar-d17{animation-delay:2.473s}.ar-d18{animation-delay:2.618s}.ar-d19{animation-delay:2.764s}.ar-d20{animation-delay:2.909s}.ar-d21{animation-delay:3.055s}
.ar-pin.is-match .ar-halo,.ar-pin.is-hover .ar-halo{opacity:.3}
.ar-pin.is-match .ar-core,.ar-pin.is-hover .ar-core{fill:var(--blue)}
.ar-map.has-sel .ar-pin:not(.is-on){opacity:.6}
.ar-map.has-sel .ar-pulse{animation:none}
.ar-labels text{transition:fill .2s var(--ease-out),opacity .15s var(--ease-out)}
.ar-labels text.is-on{fill:var(--blue)}
.ar-labels text.is-tip{opacity:0}

.ar-focus{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}
.ar-focus.is-on{opacity:1}
.ar-ping{transform-box:fill-box;transform-origin:center;opacity:0}
.ar-focus.is-on .ar-ping{animation:ar-ping 1.8s var(--ease-out) infinite}
@keyframes ar-ping{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}
.ar-hits circle{cursor:pointer;pointer-events:all}

/* tooltip pill — navy, white 12/600 uppercase */
.ar-tip{position:absolute;left:0;top:0;z-index:5;padding:9px 13px;border-radius:var(--r-pill);background:rgba(16,33,58,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font:600 12px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translate3d(var(--x,0),var(--y,0),0)}
.ar-tip::after{content:"";position:absolute;left:var(--cx,50%);bottom:-6px;width:12px;height:6px;margin-left:-6px;background:rgba(16,33,58,.94);clip-path:polygon(0 0,100% 0,50% 100%)}
.ar-tip.is-below::after{top:-6px;bottom:auto;clip-path:polygon(50% 0,100% 100%,0 100%)}
.ar-tip[hidden]{display:none}

/* ---------- stacked ---------- */
@media (max-width:1259px){
  .ar-wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "search" "map" "all"}
  .ar-head{margin-bottom:var(--s5)}
  .ar-search{max-width:560px}
  .ar-map{height:min(72vw,560px)}
  .ar-all{margin-top:24px}
}
@media (max-width:640px){
  .ar{padding:80px 0 72px}
  .ar-wrap{padding:0 16px}
  .ar-head{margin-bottom:32px}
  .ar-kicker{margin-bottom:18px}
  .ar-label{font-size:18px}
  .ar-input{height:56px;padding:0 54px;font-size:17px}
  .ar-ico{left:19px}
  .ar-answer{min-height:52px;padding-top:14px}
  .ar-yes{font-size:17px}
  .ar-no{font-size:15px}
  .ar-map{height:min(122vw,520px);border-radius:18px}
  .ar-chips{gap:6px}
  .ar-chip{padding:0 14px;font-size:14px}
}
@media (hover:none){.ar-chip:hover{box-shadow:inset 0 0 0 1px var(--line)}.ar-chip.is-match:hover{box-shadow:inset 0 0 0 1.5px rgba(29,95,191,.45)}.ar-chip[aria-pressed="true"]:hover{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.ar-pulse,.ar-ping{animation:none!important;opacity:0}.ar-yes,.ar-no{animation:none}.ar-pin,.ar-focus{transition:none}}