/* about/location.php 의 인라인 <style> 을 그대로 옮긴 것 (2026-08-20 CSP 강화 — style-src self).
   페이지 전용 규칙이라 다른 페이지에 싣지 않는다. 여기 규칙은 sub.css 보다 늦게 로드되어
   기존 인라인과 같은 캐스케이드 순서를 유지한다. */
/* ---- location page-only styles ---- */
  .map-badge {
    position: absolute; right: 14px; bottom: 14px; z-index: 2;
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 14px; border-radius: 999px;
    background: rgba(10, 20, 36, .8); color: #fff;
    font-size: .78rem; font-weight: 600; letter-spacing: .02em;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    box-shadow: 0 6px 18px rgba(10, 20, 36, .25);
  }
  .map-badge svg { width: 13px; height: 13px; color: #EBC08C; flex: 0 0 auto; }

  .loc-panel {
    margin-top: clamp(20px, 3vw, 32px);
    display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(22px, 4vw, 56px); align-items: start;
    background: #fff; border: 1px solid var(--line); border-radius: var(--r-card);
    padding: clamp(24px, 3.6vw, 44px);
    box-shadow: 0 10px 40px rgba(10, 20, 36, .05);
  }
  .loc-kicker {
    font-family: var(--font-display);
    font-size: .75rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
    color: #8A5E12; margin: 0 0 10px;
  }
  .loc-panel__brand h3 {
    font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 800;
    letter-spacing: -0.01em; color: var(--ink); margin: 0 0 6px;
  }
  .loc-panel__brand .loc-sub { font-size: .9rem; color: var(--gray-500); margin: 0; }
  /* 지도 버튼은 이 브랜드 블록 안에 둔다. 패널 직계 자식으로 두면 2열 그리드에 3번째 자식이 되어
     잉여 행이 생기고, 그 행의 오른쪽 칸이 통째로 백지가 된다(2026-07-28 시각 검수). */
  .loc-panel__brand { display: flex; flex-direction: column; align-items: flex-start; }
  .loc-panel__brand .btn { margin-top: clamp(18px, 2.4vw, 26px); }

  .loc-dl { margin: 0; border-top: 2px solid var(--ink); }
  .loc-dl > div {
    display: grid; grid-template-columns: 132px 1fr; gap: 16px;
    padding: 14px 2px; border-bottom: 1px solid var(--line);
  }
  .loc-dl dt { font-size: .86rem; font-weight: 700; color: var(--gray-500); }
  .loc-dl dd { margin: 0; font-size: .95rem; line-height: 1.65; color: var(--gray-600); }
  .loc-dl dd strong { color: var(--ink); font-weight: 700; }
  .loc-dl dd a { color: #8A5E12; font-weight: 600; text-decoration: none; }
  .loc-dl dd a:hover { text-decoration: underline; }

  .addr-card p strong { color: var(--ink); }
  #access .addr-card { transition: border-color .25s var(--ease); }
  #access .addr-card:hover { border-color: rgba(21, 142, 206, .4); }

  .loc-note { margin: clamp(18px, 3vw, 28px) 0 0; font-size: .82rem; color: var(--gray-500); }

  @media (max-width: 768px) {
    .loc-panel { grid-template-columns: 1fr; }
    .loc-dl > div { grid-template-columns: 104px 1fr; gap: 12px; }
  }