/* Shared brand and navigation. Preserve the approved wordmark geometry. */
.wordmark{gap:0;flex-shrink:0;line-height:1}
.brand-wordmark{display:block;width:128px;height:auto;max-width:none}
.nav-shell{gap:48px;padding-inline:var(--site-gutter)}
.nav-shell>.wordmark{margin:0;min-height:44px}
.nav-links{position:static;display:flex;flex-direction:row;align-items:center;gap:28px;margin:0 auto 0 0;padding:0;background:none;border:0;white-space:nowrap}
.nav-links>a{display:inline-flex;align-items:center;min-height:44px;width:auto;padding:0;font-size:14px;line-height:1.4}
.nav-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.nav-actions .open-connect{margin:0;font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:5px}
.nav-actions .nav-cta{margin:0;min-height:34px;padding:7px 14px;border-radius:7px;font-size:13px;line-height:1.4;white-space:nowrap}
.footer-brand .wordmark{min-height:30px}
.wordmark:focus-visible,.nav-links>a:focus-visible,.nav-actions>a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #d0d6e0;outline-offset:5px;border-radius:4px}
@media(max-width:1000px) and (min-width:761px){
 .nav-shell{gap:28px}
 .nav-shell .brand-wordmark{width:112px}
 .nav-links{gap:22px}
 .nav-links>a{font-size:13px}
 .nav-actions{gap:16px}
 .nav-actions .open-connect,.nav-actions .nav-cta{font-size:12px}
 .nav-actions .nav-cta{padding-inline:12px}
}
@media(max-width:760px){
 .nav-shell{gap:16px}
 .nav-shell>.wordmark{margin-right:auto}
 .nav-shell .brand-wordmark{width:120px}
 .nav-actions{display:none}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0}
 .nav-links{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px var(--site-gutter) 24px;background:#0f1011;border-bottom:1px solid #23252a;max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}
 .nav-links.is-open{display:flex}
 .nav-links>a{width:100%;min-height:48px;padding:12px 0;font-size:15px}
 .nav-links .mobile-connect,.nav-links .mobile-access{display:flex}
 .nav-links .mobile-connect{margin-top:12px;padding-top:20px;border-top:1px solid #23252a}
}

/* 요금 안내 FAQ 가 넷이 되면서 3+1 로 감기던 것을 넓은 폭에서 2x2 로 둔다 (TSK-000957 · 디자인 언어 불변 — 격자 열 수만) */
@media(min-width:761px){.pricing-page .pricing-notes{grid-template-columns:repeat(2,1fr)}}