/* 마음놀이터(가칭) 이웃 띠 — 원본은 사주 저장소 deploy/shared/ 한 곳뿐이다.
   서버 /var/www/_shared/ 는 배포본 · 다른 앱 저장소에 사본을 두지 말 것.
   ⚠ #neighbors 아래로만 묶는다(전역 리셋 금지) · 글꼴은 부모를 따른다 · 외부 요청 0.
   ⚠ 「얇은 한 줄 길안내」다(2026-10-02, 오너 결정) — 카드 강조는 결과 뒤 「다음 한 걸음」만 맡는다.
     링크는 「누르는 버튼」으로 보이게 둥근 알약(얇은 선 + 옅은 면 · 15px · 600)이지만 카드보다 작고 가볍다.
     좁으면 두 줄까지 · 가로 스크롤 없음 · 누르는 칸은 높이 44px 이상.
     스크립트가 안 와도 정적 링크가 같은 모양으로 선다. */
#neighbors { --nb-line: #d6dae1; --nb-pill: #f3f5f8; --nb-ink: #1d2128; --nb-sub: #5f6672;
  box-sizing: border-box; max-width: 640px; margin: 24px auto 0; padding: 10px 12px; font: inherit;
  font-size: 13px; line-height: 1.4; color: var(--nb-sub); background: transparent;
  border-top: 1px solid var(--nb-line);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; }
#neighbors *, #neighbors *::before, #neighbors *::after { box-sizing: border-box; }
#neighbors .nb-h { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-weight: 700; }
#neighbors a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--nb-line); background: var(--nb-pill);
  color: var(--nb-ink); text-decoration: none; font-size: 15px; font-weight: 600; white-space: nowrap; }
#neighbors a:hover { border-color: currentColor; }
#neighbors a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
/* 테마는 가게 화면을 따른다(2026-10-02, 오너 결정): nav 의 data-theme —
   light = 밝게 고정 · dark = 어둡게 고정 · 없거나 auto = 기기 설정(prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
  #neighbors:not([data-theme="light"]) { --nb-line: #3a404a; --nb-pill: #22262d; --nb-ink: #eceef2; --nb-sub: #a5acb8; }
}
#neighbors[data-theme="dark"] { --nb-line: #3a404a; --nb-pill: #22262d; --nb-ink: #eceef2; --nb-sub: #a5acb8; }
/* 1순위: 페이지 루트가 말하면 그것(꿈해몽 밤 토글은 <html data-theme="dark"> 를 켰다 끈다 — JS 없이 따라간다).
   html[…] #neighbors 는 특이도 (1,1,1) 이라 위의 (1,1,0) 둘을 이긴다 */
html[data-theme="dark"] #neighbors { --nb-line: #3a404a; --nb-pill: #22262d; --nb-ink: #eceef2; --nb-sub: #a5acb8; }
html[data-theme="light"] #neighbors { --nb-line: #d6dae1; --nb-pill: #f3f5f8; --nb-ink: #1d2128; --nb-sub: #5f6672; }