/* Login-only layout and states. Font declarations remain in the original layer. */
body.login.hoba-login{padding-bottom:24px}
body.login.hoba-login #login{width:420px;max-width:calc(100vw - 32px);padding:clamp(24px,5vh,56px) 0 0;box-sizing:border-box}
body.login.hoba-login #login *,body.login.hoba-login .hoba-login-signature{box-sizing:border-box}
body.login.hoba-login h1 a{width:var(--hoba-logo-width,160px);max-width:100%}
body.login.hoba-login .hoba-login-intro{text-align:center;margin-bottom:24px}
body.login.hoba-login .hoba-login-intro p{margin:4px 0;line-height:1.8}
body.login.hoba-login .hoba-login-store{font-size:18px;color:var(--hoba-text)}
body.login.hoba-login .hoba-login-welcome{font-size:13px;color:var(--hoba-muted)}
body.login.hoba-login .hoba-login-form-title{background:var(--hoba-surface);border:1px solid var(--hoba-border);border-bottom:0;border-radius:16px 16px 0 0;padding:24px 24px 0;text-align:start}
body.login.hoba-login .hoba-login-form-title h2{font-size:20px;line-height:1.6;margin:0 0 8px;color:var(--hoba-text)}
body.login.hoba-login .hoba-login-form-title p{font-size:13px;line-height:1.9;color:var(--hoba-muted);margin:0}
body.login.hoba-login #login>form{padding:24px;border:1px solid var(--hoba-border);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 1px 3px rgba(15,23,42,.04);margin-top:0;overflow:visible;display:flow-root}
body.login.hoba-login #login:not(:has(>form)) .hoba-login-form-title{border-bottom:1px solid var(--hoba-border);border-radius:16px;padding-bottom:24px}
body.login.hoba-login #login input:is([type=text],[type=password],[type=email]),body.login.hoba-login #login :is(select,textarea){border-color:var(--hoba-muted);max-width:100%}
body.login.hoba-login #login input:is([type=text],[type=password],[type=email]){width:100%;padding:8px 12px}
body.login.hoba-login #login .wp-pwd input{padding-inline-end:48px}
body.login.hoba-login #login .button-primary{min-height:48px;width:100%;float:none;display:block;padding:8px 24px;line-height:1.8;white-space:normal}
body.login.hoba-login #login .button-primary:is(:disabled,[aria-disabled=true]){opacity:.65;cursor:wait}
body.login.hoba-login #login .submit{clear:both;padding:0;margin:16px 0 0}
body.login.hoba-login #login .wp-pwd .button{color:var(--hoba-muted);margin-top:8px;inset-inline-end:0}
body.login.hoba-login #login :is(a,button,input,select,textarea):focus-visible,body.login.hoba-login .hoba-login-signature a:focus-visible,body.login.hoba-login .language-switcher :is(button,input,select):focus-visible{outline:3px solid var(--hoba-focus);outline-offset:3px;box-shadow:none}
body.login.hoba-login #login :is(#nav,#backtoblog){padding:0;margin:16px 0;text-align:center;font-size:13px;line-height:1.9}
body.login.hoba-login #login :is(#nav,#backtoblog) a{text-decoration:underline;text-underline-offset:3px}
body.login.hoba-login #login .hoba-login-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;clear:both}
body.login.hoba-login #login .hoba-login-options:empty{display:none}
body.login.hoba-login #login .hoba-login-options .forgetmenot{float:none;margin:0;display:flex;align-items:center;gap:4px;min-height:40px}
body.login.hoba-login #login .hoba-login-options a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;line-height:1.8;color:var(--hoba-info);text-underline-offset:3px}
body.login.hoba-login #login .forgetmenot input{flex-shrink:0}
body.login.hoba-login #login .hoba-login-status{font-size:12px;line-height:1.8;color:var(--hoba-muted);margin:8px 0 0;clear:both}
body.login.hoba-login #login .hoba-login-status:empty{margin:0}
body.login.hoba-login #login :is(#login_error,.message,.success,.notice){overflow-wrap:anywhere}
body.login.hoba-login #login .hoba-login-form-title~:is(#login_error,.message,.success,.notice){margin:0;border-radius:0;border-inline-end:1px solid var(--hoba-border)}
body.login.hoba-login #login :is(#login_error,.message,.success,.notice) p{color:inherit}
body.login.hoba-login .language-switcher{max-width:calc(100vw - 32px);margin:16px auto 0;text-align:center}
body.login.hoba-login #language-switcher{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;margin:0}
body.login.hoba-login .language-switcher :is(select,.button){border:1px solid var(--hoba-muted);border-radius:8px;min-height:44px;max-width:100%;margin:0}
body.login.hoba-login .hoba-login-signature{max-width:420px;width:calc(100% - 32px);margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:4px 16px;flex-wrap:wrap;font-size:11px;line-height:1.9;text-align:center;color:var(--hoba-muted)}
body.login.hoba-login .hoba-login-signature a{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--hoba-muted);min-height:36px;text-decoration:none}
body.login.hoba-login .hoba-login-signature>a:last-child{text-decoration:underline;text-underline-offset:3px}
body.login.hoba-login .hoba-login-signature .hoba-studio-mark{display:inline-flex;width:20px;height:20px;flex-shrink:0}
body.login.hoba-login .hoba-login-signature img{width:20px;height:20px;object-fit:contain}
body.login.hoba-login .hoba-login-signature .hoba-logo-dark{display:none}
body.login.hoba-login.hoba-mode-dark .hoba-login-signature .hoba-logo-light{display:none}
body.login.hoba-login.hoba-mode-dark .hoba-login-signature .hoba-logo-dark{display:block}
@media(prefers-color-scheme:dark){body.login.hoba-login.hoba-mode-system .hoba-login-signature .hoba-logo-light{display:none}body.login.hoba-login.hoba-mode-system .hoba-login-signature .hoba-logo-dark{display:block}}
body.login.hoba-login.interim-login #login{padding-top:16px}
body.login.hoba-login.interim-login #login>form{border-top:1px solid var(--hoba-border);border-radius:16px}
@media(max-width:480px){body.login.hoba-login #login>form{padding:20px}body.login.hoba-login .hoba-login-form-title{padding:20px 20px 0}body.login.hoba-login #login .hoba-login-options{align-items:flex-start;flex-direction:column}body.login.hoba-login #login .hoba-login-options a{font-size:13px}}
@media(prefers-reduced-motion:reduce){body.login.hoba-login #login .button-primary{transition:none}}