/* Public pages only; loaded after the shared brand rules. */
body[data-login-area]>.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:16px;z-index:1000;transform:translateY(-200%);padding:10px 18px;border-radius:8px;background:#49354b;color:#fff}
body[data-login-area]>.skip-link:focus{transform:none}
body[data-login-area] #auth-screen{min-height:100dvh}
#auth-screen .auth-panel{padding:40px clamp(24px,4vw,64px);min-width:0}
#auth-screen .auth-panel>h1{font-size:26px}
#auth-screen .auth-panel .field-help,#auth-screen .password-hint,#auth-screen .auth-trust{font-size:14px;color:#312331;line-height:1.85}
#auth-screen .field-help{display:block;margin:0;text-align:start}
#auth-screen .staff-login-methods{width:100%}
#auth-screen .staff-login-methods .btn[aria-pressed=true]{background:#a34c65!important;border-color:#a34c65!important;color:#fff!important;box-shadow:inset 0 -3px 0 #74203b;font-weight:700}
#auth-screen .staff-login-methods .btn[aria-pressed=true]:hover{background:#893c54!important}
#auth-screen .staff-login-methods .btn[aria-pressed=false]{border-color:#c9b7c0!important;color:#312331!important}
#auth-screen .auth-help{width:100%;margin-block:16px 0;text-align:start;border-block-start:1px solid #e5dce0;padding-block-start:8px}
#auth-screen .auth-help summary{cursor:pointer;min-height:44px;padding-block:10px;color:#893c54;font-size:14px;font-weight:700}
#auth-screen .auth-help p{font-size:14px;line-height:1.95;color:#312331;margin-block:8px}
#auth-screen .signup-route{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:decimal inside;padding:0;margin-block:6px 12px;font-size:13px;color:#893c54;text-align:start}
#auth-screen .signup-followup{font-size:13px}
#auth-screen .auth-route{position:relative;display:grid;gap:20px;margin-block:24px}
#auth-screen .auth-route>div{display:flex;align-items:start;gap:14px}
#auth-screen .auth-route b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;font-size:16px}
#auth-screen .auth-route span{display:grid;gap:4px;font-size:16px;line-height:1.8}
#auth-screen .auth-route small{font-size:14px}
#auth-screen .auth-footer{position:relative;font-size:13px;line-height:1.9}
.landing-page{--muted:#312331}
.landing-page .main-nav,.landing-page .header-login{font-size:14px}
.landing-page .hero-reassurance{font-size:13px;gap:10px;margin-block-start:16px}
.landing-page .hero .eyebrow{font-size:13px}
.landing-page .hero-actions .button{font-size:15px}
.landing-page .hero-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-block-start:10px;font-size:14px}
.landing-page .hero-links a{display:inline-flex;align-items:center;min-height:44px;color:#862642;text-decoration:underline;text-underline-offset:5px}
.landing-page .header-inner{height:84px}
.landing-page .hero{padding-block:64px 72px;min-height:0}
.landing-page .section{padding-block:72px}
.landing-page .feature-card>p{font-size:15px;line-height:1.95}
.landing-page .card-foot,.landing-page .data-note{font-size:13px;color:#312331}
.landing-page .demo-section{padding-block:36px 60px}
.landing-page .demo-intro{max-width:640px;margin-block-end:20px}
.landing-page .demo-intro h2{font-size:26px;margin-block-end:8px}
.landing-page .demo-flow{display:grid;gap:0;border-block:1px solid var(--line)}
.landing-page .demo-flow details{padding:0;border:0;border-block-end:1px solid var(--line);border-radius:0;background:transparent}
.landing-page .demo-flow details:last-child{border:0}
.landing-page .demo-flow summary{padding:16px 0;min-height:52px;cursor:pointer;font-size:17px;font-weight:700}
.landing-page .demo-flow summary::after{content:none}
.landing-page .demo-flow details[open]{padding-block-end:20px}
.landing-page .demo-flow dl{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:16px 0;padding:20px;background:white;border-inline-start:3px solid var(--accent)}
.landing-page .demo-flow dt{color:#312331}
.landing-page .demo-flow dd{margin:0;font-weight:700}
.landing-page .demo-flow ol{padding-inline-start:24px;margin-block:12px}
.landing-page .demo-flow li{padding-block:6px}
.landing-page .demo-flow .text-link{min-height:44px;display:inline-flex;align-items:center}
.landing-page .feature-details{margin-block-start:12px}
.landing-page .feature-details summary{cursor:pointer;color:#862642;min-height:44px;display:list-item;padding-block:8px}
.landing-page .feature-details p{font-size:15px;line-height:1.95}
@media(max-width:700px){
 #auth-screen .auth-panel{justify-content:flex-start;align-items:stretch;text-align:start;padding:24px 20px!important;min-height:100dvh}
 #auth-screen .auth-logo{align-self:center}
 #auth-screen .auth-panel>h1{text-align:center}
 #auth-screen .auth-panel>.muted{line-height:1.9!important}
 #auth-screen .auth-panel .auth-back{align-self:center;min-height:44px;display:flex;align-items:center}
 #auth-screen .staff-login-methods{gap:6px}
 #auth-screen .staff-login-methods .btn{padding:10px 6px;font-size:13px;line-height:1.8}
 .landing-page .hero{padding-block:36px 48px}
 .landing-page .hero h1{font-size:30px;letter-spacing:-.5px}
 .landing-page .hero-actions{margin-block-start:22px}
 .landing-page .hero-actions .button{width:100%}
 .landing-page .section{padding-block:48px}
 .landing-page .hero-links{justify-content:center}
 .landing-page .header-inner{height:76px}
 .landing-page .demo-intro h2{font-size:23px}
 .landing-page .demo-flow dl{grid-template-columns:1fr;padding:16px;gap:4px}
 .landing-page .demo-flow dd{margin-block-end:12px}
}
