/* Recovery and verification presentation; route state and form behavior stay in their templates. */
.storefront .account-auth.account-auth-modern.recovery-modern{align-items:center;gap:64px;padding-top:40px;padding-bottom:56px}
.recovery-modern .account-welcome.recovery-welcome{display:block;min-height:0;margin:0;padding:30px 30px 24px;background:#f5f2ec;border-radius:22px}
.recovery-modern .recovery-welcome h1{font-size:clamp(30px,3vw,40px);line-height:1.12;letter-spacing:-.045em;margin-bottom:15px}
.recovery-modern .account-welcome-copy>p{max-width:355px;font-size:13px;line-height:1.8}
.recovery-modern .account-welcome-portrait{width:min(100%,290px);margin:20px auto 8px;aspect-ratio:1;mask-image:linear-gradient(#000 90%,transparent)}
.recovery-modern .recovery-welcome--password .account-welcome-portrait{border-radius:15px;mask-image:none;mix-blend-mode:normal;margin-bottom:20px}
.recovery-modern .recovery-welcome-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;border-top:1px solid #dedfd6;margin:8px 0 0;padding:20px 0 0}
.recovery-modern .recovery-welcome-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;font-size:10px;line-height:1.6;color:#526159}
.recovery-modern .recovery-step-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ddd9cb;border-radius:50%;font-size:9px;color:#a7491d;background:#fffaf3}
.recovery-modern .auth-form{align-self:center;max-width:440px;padding:8px 0}
.storefront .recovery-modern .auth-form>.care-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a5481a;margin:0 0 12px}
.storefront .recovery-modern .auth-form h2{font-size:31px;line-height:1.2;letter-spacing:-.035em;margin:0 0 15px;color:#25372f}
.storefront .recovery-modern .auth-form>p{font-size:13px;line-height:1.8;color:#68766e;margin:0 0 22px}
.recovery-modern .auth-form form{margin-top:22px}
.storefront .recovery-modern .auth-form .quiet-note{font-size:11px!important;line-height:1.8;color:#718076}
.recovery-modern .auth-form form>.quiet-note{margin:-5px 0 22px}
.recovery-modern .auth-form .notice,.recovery-modern .auth-form .recovery-result{font-size:12px;line-height:1.8;border-radius:10px;padding:14px 16px;margin:18px 0;background:#f2f6ee;border:1px solid #dfe7d8;color:#4a6146}
.recovery-modern .auth-form .notice.error,.recovery-modern .auth-form .recovery-result.is-warning{background:#fff4ed;border-color:#f0d4c0;color:#914820}
.recovery-modern .recovery-back{margin:0 0 22px;min-height:32px;color:#68766e}
.recovery-modern .recovery-status-icon{width:44px;height:44px;border-radius:12px;margin-bottom:18px;background:#fff0e4;color:#a64a1b}
.recovery-modern .recovery-status-icon.is-complete{background:#e9f1e4;color:#527b49}
.recovery-modern .auth-form .button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border-radius:10px;margin-top:24px;font-size:12px;font-weight:600}
.recovery-modern .auth-form .subtle-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;line-height:1.7;text-decoration:none;min-height:32px}
.recovery-modern .auth-form .subtle-link:hover{text-decoration:underline}
.recovery-modern .recovery-help{margin-top:25px;padding-top:19px}
.storefront .recovery-modern .auth-form .auth-switch{margin-top:22px;margin-bottom:22px;font-size:12px}
.recovery-modern .auth-form .recovery-show-passwords{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;font-weight:400}
.recovery-modern .auth-form .recovery-show-passwords input[type=checkbox]{display:block;width:17px;height:17px;min-height:0;margin:0;padding:0;box-shadow:none;accent-color:#bf5d26}
.recovery-modern [hidden]{display:none!important}
@media(max-width:900px){.storefront .account-auth.account-auth-modern.recovery-modern{gap:34px;padding:32px 24px 44px}.recovery-modern .account-welcome.recovery-welcome{padding:25px 23px 20px}.recovery-modern .recovery-welcome h1{font-size:32px}}
@media(max-width:700px){.storefront .account-auth.account-auth-modern.recovery-modern{gap:27px;padding:24px 20px 38px}.recovery-modern .account-welcome.recovery-welcome{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;padding:23px 18px;border-radius:18px}.recovery-modern .recovery-welcome h1{font-size:27px;line-height:1.15;margin-bottom:10px}.recovery-modern .account-welcome-copy>p{font-size:11px;line-height:1.75}.recovery-modern .account-welcome-portrait,.recovery-modern .recovery-welcome--password .account-welcome-portrait{width:128px;max-width:calc(100% + 8px);margin:0 0 0 -4px;border-radius:12px}.recovery-modern .recovery-welcome-steps{display:none}.recovery-modern .auth-form{padding:0}.storefront .recovery-modern .auth-form h2{font-size:28px}.recovery-modern .recovery-status-icon{width:40px;height:40px}.recovery-modern .recovery-back{margin-bottom:17px}}
@media(max-width:370px){.storefront .account-auth.account-auth-modern.recovery-modern{padding-left:16px;padding-right:16px}.recovery-modern .account-welcome.recovery-welcome{grid-template-columns:minmax(0,1fr) 90px;padding:19px 15px;gap:8px}.recovery-modern .recovery-welcome h1{font-size:23px}.recovery-modern .account-welcome-portrait,.recovery-modern .recovery-welcome--password .account-welcome-portrait{width:98px}.recovery-modern .account-welcome .care-eyebrow{font-size:7px}}