/* wp-login.php (lost password, reset password, re-auth, errors): the same look as /login/.
   Navy mast with the logo, paper page, one white form card. Core "login" CSS is NOT loaded;
   only tokens.css + this file (+ dashicons for the show-password eye). Change a token, this follows. */
html{background:var(--paper)}
body.login{margin:0;min-height:100svh;background:linear-gradient(var(--navy) 0,var(--navy) 260px,var(--paper) 260px);color:var(--ink);font:var(--w-regular) var(--t-base)/var(--lh-body) var(--body-font);-webkit-font-smoothing:antialiased}
.login *,.login *::before,.login *::after{box-sizing:border-box}
.login *{font-family:var(--body-font)}
.screen-reader-text,.login .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#login{width:min(460px,calc(100vw - 2*var(--s5)));margin:0 auto;padding:var(--s8) 0 var(--s7)}
.login h1{margin:0;font:var(--w-semi) var(--t-base)/var(--lh-head) var(--body-font);color:var(--ink)}
.login h1 a{display:block;color:var(--ink);font:inherit;background:url(assets/logo-light.svg) left center/contain no-repeat;width:212px;height:32px;margin:0 0 var(--s7);text-indent:-9999px;overflow:hidden}
.login form,#login form{margin:0;padding:var(--s6);border:0;border-radius:var(--r);background:var(--white);box-shadow:var(--sh-float)}
.login form p{margin:0}
.login label{display:block;font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--ink)}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{display:block;width:100%;min-height:48px;margin:var(--s1) 0 var(--s5);padding:0 var(--s3);border:1px solid var(--muted);border-radius:var(--r-sm);background:var(--white);color:var(--ink);font-size:var(--t-base);box-shadow:none}
.login input:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
.login .wp-pwd{position:relative}
.login .button.wp-hide-pw{position:absolute;right:0;top:var(--s1);display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}
.login .button.wp-hide-pw:focus-visible{outline:2px solid var(--focus)}
.login .forgetmenot{display:flex;align-items:center;min-height:var(--tap);margin-bottom:var(--s4)}
.login .forgetmenot label{display:inline-flex;gap:var(--s2);align-items:center;font-weight:var(--w-regular)}
.login input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--navy)}
.login .button-primary,.login input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s6);border:0;border-radius:var(--pill);background:var(--navy);color:var(--white);font-weight:var(--w-semi);font-size:var(--t-base);cursor:pointer;transition:background-color var(--d-fast) var(--ease)}
.login .button-primary:hover{background:var(--navy-2)}
.login .button-primary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.login .button:not(.button-primary):not(.wp-hide-pw){min-height:var(--tap);padding:0 var(--s5);border:0;border-radius:var(--pill);background:var(--white);box-shadow:var(--sh-ring);color:var(--ink);font-size:var(--t-sm);cursor:pointer}
.login .submit,.login .reset-pass-submit{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:flex-end;margin-top:var(--s2)}
.login p.description,.login .indicator-hint{margin:var(--s3) 0;font-size:var(--t-sm);color:var(--muted)}
.login #pass-strength-result{margin:0 0 var(--s4);padding:var(--s2) var(--s3);border-radius:var(--r-sm);border:1px solid var(--line);font-size:var(--t-sm);text-align:center}
.login #pass-strength-result.bad,.login #pass-strength-result.short{border-color:var(--err);color:var(--err)}
.login #pass-strength-result.good,.login #pass-strength-result.strong{border-color:var(--ok);color:var(--ok)}
.login .pw-weak{margin-bottom:var(--s4)}
.login #login_error,.login .message,.login .notice,.login .success{margin:0 0 var(--s5);padding:var(--s4) var(--s5);border:1px solid var(--line);border-left-width:4px;border-radius:var(--r-sm);background:var(--white);font-size:var(--t-sm);color:var(--ink)}
.login .message,.login .notice-info{border-left-color:var(--navy)}
.login #login_error,.login .notice-error{border-color:var(--err);color:var(--err)}
.login .success,.login .notice-success{border-color:var(--ok);color:var(--ok)}
.login #login_error a,.login .message a{color:inherit}
.login #nav,.login #backtoblog{margin:var(--s5) 0 0;padding:0;font-size:var(--t-sm)}
.login #nav a,.login #backtoblog a,.lwm-login-help a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--link);text-decoration:underline;text-underline-offset:3px}
.login #nav a:hover,.login #backtoblog a:hover,.lwm-login-help a:hover{text-decoration-thickness:2px}
.login .privacy-policy-page-link{margin:var(--s5) 0 0;font-size:var(--t-sm)}
.login .privacy-policy-page-link a{color:var(--link)}
.lwm-login-help{width:min(460px,calc(100vw - 2*var(--s5)));margin:0 auto var(--s8);font-size:var(--t-sm);color:var(--muted)}
.login :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.login .language-switcher{display:none}
@media (prefers-reduced-motion:reduce){.login *{transition:none!important;animation:none!important}}