/* Final, versioned layout layer. Keep essential feature-card styling together. */
.authFeatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 8px;min-width:0}
.authFeatures button{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:88px;margin:0;padding:13px 11px;border:1px solid #ead1dc;border-radius:18px;background:#fffafc;color:#52313f;font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 12px #86274a05}
.authFeatures button[aria-pressed=true]{border-color:#b6295a;background:#fff0f6;box-shadow:0 0 0 1px #b6295a}
.authFeatures b,.authFeatures small{display:block;white-space:normal;overflow-wrap:break-word}
.authFeatures b{font-size:14px}.authFeatures small{font-size:11px;line-height:1.5;color:#795c6a}
.authFeatures svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#ae315b}
.authIntent{font-size:12px;line-height:1.6;color:#795c6a;text-align:center}
.authFeatures button:focus-visible,.voiceRecovery:focus-visible{outline:3px solid #a82e58;outline-offset:4px}
.voiceRecovery{display:block;min-height:44px;margin:10px auto 0;padding:9px 14px;border:1px solid #e4c5d3;border-radius:15px;background:#fff8fb;color:#973453;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;max-width:100%}
.voiceRecoveryHint{display:block;text-align:center;color:#795c6a;line-height:1.5;font-size:11px;max-width:370px;margin:5px auto}.voiceRecoveryHint:empty{display:none}
.careerScoreBreakdown{font-size:12px;margin:10px 0 14px}.careerScoreBreakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #f1e4eb}.careerScoreBreakdown dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.careerMatch small{max-width:76px;font-size:9px;line-height:1.35;white-space:normal}
.careerJobsIntro>.careerSearchJobs{margin:12px 0;width:100%;white-space:normal}
@media(max-width:900px){
 .luwiRefresh .authShell{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto;align-content:start;align-items:center;gap:0;max-width:560px;margin:0 auto;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 20px max(25px,env(safe-area-inset-bottom))}
 .luwiRefresh .authShell>.brand{grid-column:1/-1;grid-row:1;margin:0 0 26px}
 .luwiRefresh .authShell>.authHero{grid-column:1;grid-row:2;text-align:left;align-self:center;margin:0;padding:0 8px 0 0;min-width:0}
 .luwiRefresh .authShell>.authHero h1{font-size:clamp(27px,7.2vw,36px);line-height:1.13;letter-spacing:-.045em;margin:0 0 10px}
 .luwiRefresh .authShell>.authHero p{font-size:12px;line-height:1.6;margin:0 0 7px;max-width:270px}
 .luwiRefresh .authShell .authTrialNote{display:block;font-size:10px;line-height:1.5;color:#795c6a}
 .luwiRefresh .authShell>.mascotStage{grid-column:2;grid-row:2;width:112px;height:162px;min-height:0;margin:0;padding:0;align-self:center;overflow:visible;pointer-events:auto}
 .luwiRefresh .authShell>.mascotStage .liveMascot{width:122px;height:122px;max-width:none;margin:14px 0 0 -4px}
 .luwiRefresh .authShell>.mascotStage:before{width:110px;height:54px;bottom:12px}
 .luwiRefresh .authShell>.mascotStage .mascotHello{top:-8px;left:-2px;width:107px;max-width:110px;padding:7px 9px;font-size:10px;line-height:1.4;transform:rotate(4deg);white-space:normal}
 .luwiRefresh .authShell>.authFeatures{grid-column:1/-1;grid-row:3;margin:24px 0 0}
 .luwiRefresh .authShell>.authIntent{grid-column:1/-1;grid-row:4;margin:11px 0 20px}
 .luwiRefresh .authShell>.tabs{grid-column:1/-1;grid-row:5;margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px;background:#f5e9ef;border-radius:15px}
 .luwiRefresh .authShell>.tabs .tab{min-height:42px;line-height:1.4;padding:8px 10px;border-radius:11px}
 .luwiRefresh .authShell>.authCard{grid-column:1/-1;grid-row:6;margin:0;padding:20px;border-radius:23px;border:1px solid #ead3df;box-shadow:0 10px 30px #9b285609;background:#fff}
 .luwiRefresh .authShell>.authCard h2{font-size:21px;margin:0 0 16px}
 .luwiRefresh .authShell .authCard input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:48px;font-size:16px;padding:12px;border-radius:12px;background:#fffbfd}
 .luwiRefresh .authShell .authCard label{font-size:12px;margin-top:12px;margin-bottom:7px}
 .luwiRefresh .authShell .authCard .btn{min-height:47px;border-radius:14px;font-size:14px}
 .luwiRefresh .authShell>.legalLinks{grid-column:1/-1;grid-row:7;margin:17px 0 0;text-align:center;font-size:11px}
 .luwiRefresh .authShell>footer,.luwiRefresh .authShell>.loginPromoEntry{grid-column:1/-1}
 .luwiRefresh .authShell:not(:has(>.authFeatures))>.authCard{grid-row:3;margin-top:20px}
}
@media(min-width:901px){
 .luwiRefresh .authShell:has(>.authFeatures){grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto 210px auto auto;gap:0 65px}
 .luwiRefresh .authShell>.authHero{grid-row:2;grid-column:1}
 .luwiRefresh .authShell>.mascotStage{grid-row:3;grid-column:1;height:225px;margin:12px 0 0}
 .luwiRefresh .authShell>.mascotStage .liveMascot{width:220px;height:220px}
 .luwiRefresh .authShell>.authFeatures{grid-row:4;grid-column:1;margin:20px 0 0}
 .luwiRefresh .authShell>.authIntent{grid-row:5;grid-column:1;margin:12px 0 0;text-align:left}
 .luwiRefresh .authShell>.tabs{grid-row:2;grid-column:2;align-self:end}
 .luwiRefresh .authShell>.authCard{grid-row:3/5;grid-column:2;align-self:start}
 .luwiRefresh .authShell>.legalLinks{grid-row:5;grid-column:2}
}
@media(max-width:350px){.luwiRefresh .authShell{padding-left:14px;padding-right:14px;grid-template-columns:minmax(0,1fr) 100px}.luwiRefresh .authShell>.mascotStage{width:100px}.luwiRefresh .authShell>.mascotStage .liveMascot{width:110px;height:110px}.authFeatures{gap:6px}.authFeatures button{padding:11px 8px}.authFeatures small{font-size:10px}.luwiRefresh .authShell>.authHero h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.voiceRecovery{transition:none}}