/* 공개 전 잠금(access-gate.js): 확인 중에는 화면을 비우고, 잠기면 Coming soon 한 장만 남긴다. */
.access-pending body{visibility:hidden}
.access-locked body{padding:0!important}
.access-locked body>:not(#access-gate){display:none!important}
.access-gate{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;background:var(--ui-surface);color:var(--ui-ink)}
.access-gate-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:520px;width:100%}
/* 워드마크는 머리말 로고(ui-foundation.css 8절)와 같은 자간·색을 쓴다. 기본 .brand 의 좁은 자간을 그대로 받으면 글자가 붙어 보인다. */
.access-gate-brand{font-size:32px;letter-spacing:.01em;word-spacing:.04em;line-height:1.2;white-space:nowrap;color:var(--ui-ink);margin-bottom:40px}
.access-gate h1{font-size:var(--ui-h1);letter-spacing:-.045em;line-height:1.15;margin-bottom:16px}
.access-gate-lead{font-size:17px;color:var(--ui-ink-2)}
.access-gate-note{margin-top:14px;font-size:14px;color:var(--ui-ink-3)}
.access-gate-actions{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:14px}
.access-gate-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--ui-pill);background:var(--ui-accent);color:#fff;font-size:15px;font-weight:650}
.access-gate-primary:hover{background:var(--ui-accent-hover)}
.access-gate-link{font-size:13px;color:var(--ui-ink-3);text-decoration:underline;text-underline-offset:3px;padding:6px 8px}
.access-gate-link:hover{color:var(--ui-ink)}