.nearby-shell{max-width:760px;margin:0 auto;padding:28px 20px 64px}.nearby-shell header{margin:28px 0 20px}.nearby-shell h1{margin:.2rem 0 .6rem}.nearby-shell header>p:last-child{color:#667085}.eyebrow{letter-spacing:.12em;font-size:.72rem;font-weight:700}.nearby-location,.nearby-filters{padding:16px;border:1px solid #d9dee8;border-radius:15px;background:#fff}.nearby-location button,.nearby-filters select{border:0;border-radius:9px;padding:10px 12px;background:#173b66;color:#fff;font:inherit}.nearby-location button{cursor:pointer}.nearby-location button:disabled{opacity:.5}.nearby-location p{margin:.8rem 0 0;color:#536273}.nearby-location label{display:block;margin-top:14px;font-weight:700}.nearby-location select{padding:9px;margin:7px 5px 0 0}.nearby-location #fallbackLoad{background:#eef3f9;color:#173b66}.nearby-filters{display:flex;align-items:center;gap:8px;margin-top:12px}.nearby-filters label{font-weight:700}.nearby-filters select{background:#eef3f9;color:#173b66}.nearby-loading{margin:16px 0;color:#536273}.nearby-list{display:grid;gap:12px;margin-top:16px}.nearby-card{padding:14px;border:1px solid #d9dee8;border-radius:15px;background:#fff}.nearby-card h2{margin:0 0 6px;font-size:1.05rem}.nearby-card p{margin:4px 0;color:#667085;font-size:.88rem}.nearby-card a{display:inline-block;margin:10px 8px 0 0;padding:8px 10px;border-radius:8px;background:#eef3f9;color:#173b66;text-decoration:none}.nearby-empty{padding:30px;text-align:center;border:1px dashed #b9c1d0;border-radius:15px;color:#667085}@media(max-width:430px){.nearby-filters{flex-wrap:wrap}}

/* ★ 2026-09-06 KSK-LOOK 확장 — css/tokens-ksk.css(worker-4 영역, 무접촉)의 --ksk-* 변수만 쓴다(폴백 0개).
   구 블록은 무변경 · 신규 블록이 같은 선택자를 재정의해 렌더 색만 바꾼다. */
.nearby-shell h1 { font-family: var(--ksk-font); font-size: var(--ksk-fs-h2); font-weight: var(--ksk-fw-h2); color: var(--ksk-heading-ink); }
.nearby-shell header > p:last-child { color: var(--ksk-text-muted); }
.nearby-location, .nearby-filters { border-color: var(--ksk-border); background: var(--ksk-page-bg); }
.nearby-location button, .nearby-filters select { background: var(--ksk-brand); color: var(--ksk-page-bg); }
.nearby-location p { color: var(--ksk-text-muted); }
.nearby-location #fallbackLoad { background: var(--ksk-brand-light); color: var(--ksk-brand); }
.nearby-filters select { background: var(--ksk-brand-light); color: var(--ksk-brand); }
.nearby-loading { color: var(--ksk-text-muted); }
.nearby-card { border-color: var(--ksk-border); background: var(--ksk-page-bg); }
.nearby-card p { color: var(--ksk-text-muted); }
.nearby-card a { background: var(--ksk-brand-light); color: var(--ksk-brand); }
.nearby-empty { border-color: var(--ksk-border); color: var(--ksk-text-muted); }
@media (min-width: 1024px) {
  .nearby-shell { max-width: var(--ksk-desktop-max); }
  .nearby-list { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
}