/* find us: map styles, copied as is from the Claude Design page, where the map's colour
   tokens are already mapped onto the site tokens (first rule). Do not restyle the svg. */
#find-us{--red:var(--ds-red);--ink:var(--ds-black);--paper:var(--ds-offwhite);--card:var(--ds-white);--blk:var(--ds-line);--floor:var(--ds-offwhite);--muted:var(--ds-muted);--line:var(--ds-black)}
#find-us *,#find-us *::before,#find-us *::after{box-sizing:border-box}
#find-us.find{max-width:1080px;margin:0 auto;padding:24px 14px 40px;display:grid;gap:18px;
  grid-template-areas:'head' 'sides' 'map'}
#find-us .head{grid-area:head}
#find-us .sides{grid-area:sides}
#find-us .card{grid-area:map}
@media (min-width:860px){#find-us.find{grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:48px;row-gap:22px;
  align-items:start;padding:56px 32px;grid-template-areas:'head map' 'sides map';grid-template-rows:auto 1fr}
}
#find-us .eyebrow{font-weight:700;font-size:.9rem;margin:0 0 10px}
#find-us h2{font-weight:300;font-size:clamp(1.7rem,5.2vw,2.3rem);line-height:1.15;margin:0 0 18px;letter-spacing:-.01em}
#find-us .maps{display:inline-block;background:var(--red);color:#fff;font-weight:700;text-decoration:none;
  padding:12px 20px;border-radius:4px;margin:0 12px 6px 0} /* step 9: 12px (was 11) makes it at least 44px tall */
#find-us .addr{color:var(--muted);font-size:.95rem}
/* step 9: on phones the button comes first and the address sits on its own line below it */
@media (max-width:719.98px){
  #find-us .maps{display:block;width:fit-content;margin:0 0 .5rem}
  #find-us .addr{display:block;text-align:left}
}
#find-us .sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#find-us .chip{font:inherit;font-weight:700;font-size:1rem;color:var(--ink);background:transparent;text-align:center;
  border:2px solid var(--line);border-radius:4px;padding:10px 12px;min-height:48px;cursor:pointer}
#find-us .chip small{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}
#find-us .chip small:empty{display:none}
#find-us .chip[aria-pressed="true"]{background:var(--ink);color:#fff}
#find-us .chip[aria-pressed="true"] small{color:#fff}
#find-us .chip:focus-visible,#find-us .dot:focus-visible{outline:3px solid var(--red);outline-offset:3px}
#find-us .way{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#find-us .card{background:var(--card);border-radius:6px;padding:6px;border:1px solid #DDD6C9}
#find-us svg{display:block;width:100%;height:auto;max-width:100%}
#find-us .road{fill:var(--road)}
#find-us .lane{stroke:var(--card);stroke-width:2;stroke-dasharray:9 7}
#find-us .street{fill:var(--ink);font-weight:700;font-size:15px;letter-spacing:.12em;paint-order:stroke;stroke:var(--road);stroke-width:9px;stroke-linejoin:round}
#find-us .bldg{fill:var(--blk);stroke:var(--line);stroke-width:1.5}
#find-us .bhatch{fill:url(#hatch)}
#find-us .hatchline{stroke:var(--hatch);stroke-width:1.2}
#find-us .bname{fill:var(--ink);font-weight:700;font-size:13px;letter-spacing:.12em;paint-order:stroke;stroke:var(--blk);stroke-width:7px;stroke-linejoin:round}
#find-us .floor{fill:var(--floor);stroke:var(--line);stroke-width:2.5}
#find-us .blk{fill:var(--blk)}
#find-us .seat{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3}
#find-us .av{fill:var(--muted);font-size:10.5px;font-weight:600;paint-order:stroke;stroke:var(--floor);stroke-width:3.5px;stroke-linejoin:round}
#find-us .rd{fill:var(--ink);font-size:10.5px;font-weight:700;paint-order:stroke;stroke:var(--floor);stroke-width:3.5px;stroke-linejoin:round}
#find-us .tiny{fill:var(--muted);font-size:8.5px;paint-order:stroke;stroke:var(--floor);stroke-width:3px}
#find-us .lm circle{fill:var(--card);stroke:var(--muted);stroke-width:1}
#find-us .lm text{fill:var(--muted);font-size:7.5px;font-weight:700}
#find-us .esc circle{fill:var(--card);stroke:var(--ink);stroke-width:1.5}
#find-us .esc path{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#find-us .esc .rail{stroke-width:1.2}
#find-us .stall{fill:var(--red)}
#find-us #pulse{fill:none;stroke:var(--red);stroke-width:2;opacity:0;pointer-events:none}
#find-us #callout rect{fill:var(--red)}
#find-us #callout text{fill:#fff;font-weight:700;font-size:11px}
#find-us .leader{stroke:var(--red);stroke-width:1.5;fill:none}
#find-us .route{fill:none;stroke:var(--red);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
#find-us .route.on{visibility:visible}
#find-us .walker{fill:#fff;stroke:var(--red);stroke-width:3}
#find-us .dot{cursor:pointer}
#find-us .dot .hit{fill:transparent}
#find-us .dot .ring{fill:var(--card);stroke:var(--line);stroke-width:2.5}
#find-us .dot.on .ring{fill:var(--red);stroke:var(--red)}
#find-us .dot.soon .ring{stroke-dasharray:2.5 2.5}
#find-us .note{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--muted);margin:8px 6px 4px}