/* ==========================================================================
   /location — 오시는 길 (P3)
   머리 이미지(page-location 슬롯)가 지도 자리를 대신하고, 주소 · 지도 검색 링크 · 진료 시간 · 전화를 Home 상담 영역과
   같은 짜임(왼쪽 7열 · 오른쪽 4열)으로 놓는다. 교통 · 주차는 pages.location 블록(관리자 편집).
   ========================================================================== */

.location__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--col-gap);
    align-items: start;
}
.location__address { grid-column: 1 / span 7; }
.location__info { grid-column: 9 / span 4; }
.location__info.reveal { transition-delay: .12s; }

.location__line {
    margin-top: 32px;
    font-size: clamp(25px, 2.55vw, 42px);
    font-weight: 300;
    line-height: 1.42;
    letter-spacing: -.028em;
    text-wrap: balance;
}
.location__note {
    margin-top: 18px;
    font-size: clamp(15px, 1.02vw, 16.5px);
    line-height: 1.85;
    color: var(--ink-2);
}
.location__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;              /* 밑줄 높이를 맞춘다 */
    gap: 18px 36px;
    margin-top: 44px;
}
.location__copy { display: inline-flex; align-items: center; gap: 14px; }
.location__copied { font-size: 13px; color: var(--ink-3); }
.location__tel {
    font-variant-numeric: tabular-nums;
    border-bottom: 1px solid var(--ink-3);
    transition: border-color .3s var(--ease);
}
.location__tel:hover { border-bottom-color: currentColor; }

.location__blocks { margin-top: clamp(104px, 11vw, 184px); }

@media (max-width: 1099px) {
    .location__address { grid-column: 1 / span 6; }
    .location__info { grid-column: 7 / span 6; }
}
@media (max-width: 767px) {
    .location__address,
    .location__info { grid-column: 1 / -1; }
    .location__actions { gap: 16px 28px; margin-top: 36px; }
    .location__info { margin-top: 56px; }
}

/* 손가락으로 누르는 화면: 글자 링크의 누르는 영역만 넓힌다 (site.css touch targets 와 같은 방식) */
@media (pointer: coarse) {
    .location__tel { position: relative; }
    .location__tel::before { content: ""; position: absolute; inset: -12px -4px; }
}