/* Private page shown on every URL until the password is in (functions/_middleware.js). Tokens come from style.css. */
.gate{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--ground)}
.gate-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--gut)}
.gate-pw-link{font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.gate-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px var(--gut) 48px}
.gate-h{margin:0;max-width:12em;font-size:clamp(40px,7vw,96px);line-height:1.05;letter-spacing:-.03em;font-weight:500}
.gate-main .body{margin:20px auto 32px;color:var(--mute)}
.gate-form{text-align:left}
.gate-pw{width:min(100%,465px);margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.gate-pw-h{margin:0 0 12px;font-size:15px;font-weight:500}
.gate-pw-form{display:flex;gap:8px}
.gate-pw-form input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.gate-pw-form input:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.gate-pw:target .gate-pw-form input{border-color:var(--blue)}
.gate-err{margin:10px 0 0;font-size:14px;color:var(--err)}
.gate-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:20px var(--gut);font-size:12px;color:var(--mute)}
.gate-foot p{margin:0}.gate-foot a{color:var(--mute)}