/* Account screens: shared storefront palette, direct paths and readable inputs. */
.hh-auth-page { --hh-login-ink:#193e33; --hh-member-ink:#193e33; --hh-login-green:#193e33; --hh-member-green:#193e33; --hh-login-surface:#faf9f5; --hh-member-surface:#faf9f5; }
.hh-auth-page #main .hh-login-hero,.hh-auth-page #main .hh-member-hero { background:#edf1e6; border:0; padding:0; }
.hh-auth-page #main .hh-login-hero__inner,.hh-auth-page #main .hh-member-hero__inner { min-height:0; padding-top:38px; padding-bottom:34px; justify-content:center; }
.hh-auth-page #main .hh-login-hero__inner>p,.hh-auth-page #main .hh-member-hero__inner>p { display:none; }
.hh-auth-page #main .hh-login-hero h1,.hh-auth-page #main .hh-member-hero h1 { margin:0; font-size:36px; color:#193e33; }
.hh-auth-page #main .hh-login-content,.hh-auth-page #main .hh-member-content { padding:44px 0 76px; background:#faf9f5; }
.hh-auth-page #main .hh-login-card,.hh-auth-page #main .hh-member-card { border:1px solid #dfe5da; border-radius:16px; box-shadow:none; }
.hh-auth-page #main .hh-login-guide,.hh-auth-page #main .hh-member-benefit { padding-top:24px; }
.hh-auth-page #main .hh-login-kicker,.hh-auth-page #main .hh-member-kicker { color:#55705c; }
.hh-auth-page #main .hh-login-submit,.hh-auth-page #main .hh-member-submit { box-shadow:none; color:#fff!important; }
.hh-auth-page #main .hh-login-sns { grid-template-columns:1fr; margin-top:0; }
.hh-auth-page #main .hh-login-sns .hh-sns-button,.hh-auth-page #main .hh-member-social-button { min-height:54px; font-size:15px; }
.hh-auth-page #main .hh-member-social-entry { margin-top:20px; }
.hh-auth-page #main .hh-member-card__heading>.hh-member-kicker { display:none; }
.hh-auth-page #main .hh-auth-benefit-line { margin:0 0 18px; color:#526e55; font-size:13px; text-align:center; font-weight:600; }
.hh-auth-page #main .hh-auth-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.hh-auth-page #main .hh-auth-guest-button { min-height:50px; display:flex; align-items:center; justify-content:center; gap:14px; border:1px solid #a6b59f; border-radius:10px; background:#fff; color:#193e33; margin-top:12px; font-size:14px; font-weight:600; text-decoration:none; }
.hh-auth-page #main .hh-auth-guest-button:hover { background:#edf1e6; }
.hh-auth-page #main .hh-login-divider { margin:22px 0; color:#6e776f; }
.hh-auth-page #main #loginfrm { margin-top:0; }
.hh-auth-page #main .hh-auth-password { display:block; position:relative; }
.hh-auth-page #main .hh-auth-password input { padding-right:66px; }
.hh-auth-page #main .hh-auth-password button { position:absolute; top:0; right:4px; height:100%; min-width:52px; border:0; background:transparent; color:#4a6554; font-size:12px; cursor:pointer; }
.hh-auth-page #main .hh-auth-lookup { margin:17px 0 0; text-align:center; font-size:12px; color:#5b695f; }
.hh-auth-page #main .hh-auth-lookup a { padding:8px; display:inline-block; text-decoration:underline; text-underline-offset:3px; }
.hh-auth-page #main .hh-login-alert { white-space:pre-line; }
.hh-auth-page #main [hidden] { display:none!important; }
.hh-auth-page #main .hh-login-fields input,.hh-auth-page #main .hh-field input { min-width:0; font-size:16px; }
.hh-auth-page #main input,.hh-auth-page #main [role="alert"] { scroll-margin-top:110px; }
.hh-auth-page #main :is(a,button,input):focus-visible { outline:2px solid #55705c; outline-offset:3px; }
.hh-auth-page #main .hh-agreement-list input:focus-visible+span,.hh-auth-page #main .hh-agree-all input:focus-visible+span { outline:2px solid #55705c; outline-offset:3px; }
.hh-auth-page #main .hh-agree-all em { font-style:normal; font-weight:400; color:#67766b; font-size:12px; }
.hh-auth-page #main .hh-agreements>p,.hh-auth-page #main .hh-field small { font-size:12px; line-height:1.6; }
.hh-auth-page #main .hh-agreement-list>div { flex-wrap:wrap; padding:6px 0; }
.hh-auth-page #main .hh-agreement-list label b { font-size:12px; }
.hh-auth-page #main .hh-agreement-list details[open] { width:100%; }
.hh-auth-page #main .hh-agreement-list details>p { position:static; margin-top:8px; box-shadow:none; font-size:12px; }
.hh-auth-page #main .hh-agreement-list summary { min-height:28px; display:flex; align-items:center; font-size:11px; }
.hh-auth-page #main .hh-recovery-tabs { margin-bottom:22px; }
.hh-auth-page #main .hh-recovery-card .hh-member-card__heading { display:none; }
.hh-auth-page #main .hh-recovery-lead { margin-top:0; font-size:13px; }
@media(max-width:860px) {
 .hh-auth-page #main .hh-login-layout.is-order-entry .hh-login-card { order:1; }
 .hh-auth-page #main .hh-login-layout.is-order-entry .hh-login-guide { order:2; }
 .hh-auth-page #main .hh-login-guide,.hh-auth-page #main .hh-member-benefit { padding-top:8px; }
 .hh-auth-page #main .hh-login-guide>.hh-login-kicker,.hh-auth-page #main .hh-member-benefit>.hh-member-kicker { display:none; }
 .hh-auth-page #main .hh-login-guide>h2,.hh-auth-page #main .hh-member-benefit>h2 { display:block; font-size:24px; }
 .hh-auth-page #main .is-order-entry .hh-login-benefits { display:grid; }
}
@media(max-width:720px) {
 .hh-auth-page #main .hh-login-hero__inner,.hh-auth-page #main .hh-member-hero__inner { padding:24px 0; }
 .hh-auth-page #main .hh-login-hero h1,.hh-auth-page #main .hh-member-hero h1 { font-size:28px; }
 .hh-auth-page #main .hh-login-hero__inner>span,.hh-auth-page #main .hh-member-hero__inner>span { margin-top:8px; font-size:13px; line-height:1.5; }
 .hh-auth-page #main .hh-login-content,.hh-auth-page #main .hh-member-content { padding:18px 0 48px; }
 .hh-auth-page #main .hh-login-card,.hh-auth-page #main .hh-member-card { padding:22px 18px; border-radius:12px; }
 .hh-auth-page #main .hh-member-card__heading h2 { font-size:20px; margin-top:0; }
 .hh-auth-page #main .hh-member-card__heading>span { position:static; display:block; margin-top:8px; font-size:12px; }
 .hh-auth-page #main .hh-login-options { gap:10px; align-items:center; }
 .hh-auth-page #main .hh-login-options>a { padding:6px 0; }
 .hh-auth-page #main .hh-login-page .hh-login-submit { margin-top:18px; }
 .hh-auth-page #main .hh-inline-input { grid-template-columns:minmax(0,1fr) 106px; gap:8px; }
 .hh-auth-page #main .hh-inline-input>button { font-size:12px; }
 .hh-auth-page #main .hh-member-form { margin-top:20px; }
 .hh-auth-page #main .hh-member-social-entry+.hh-member-form { margin-top:0; }
 .hh-auth-page #main .hh-form-fields { gap:20px; }
 .hh-auth-page #main .hh-login-benefits,.hh-auth-page #main .hh-member-benefit ol { margin-top:18px; }
 .hh-auth-page #main .hh-login-guide h2 br,.hh-auth-page #main .hh-member-benefit h2 br { display:none; }
}