/* SISU skin for native WordPress login, recovery and Two Factor forms. */
html:has(body.sisu-login){background:#f4f7f9}
body.login.sisu-login{
  --sisu-ink:#082c3d;--sisu-accent:#0086a8;--sisu-line:#d6e3e9;--sisu-muted:#5b7280;
  margin:0;padding:0 0 28px;min-height:100vh;background:#f4f7f9;color:var(--sisu-ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body.sisu-login *,body.sisu-login *::before,body.sisu-login *::after{box-sizing:border-box}
body.sisu-login a{color:#006783;text-underline-offset:3px}
body.sisu-login a:hover{color:#003f56}
body.sisu-login a:focus-visible,body.sisu-login button:focus-visible,body.sisu-login input:focus-visible,body.sisu-login select:focus-visible{outline:3px solid #00a7cd;outline-offset:3px}
body.sisu-login .sisu-login-topbar{background:#fff;border-bottom:1px solid var(--sisu-line)}
body.sisu-login .sisu-login-topbar>div{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1760px;min-height:94px;margin:auto;padding:18px clamp(20px,4vw,64px)}
body.sisu-login .sisu-login-brand{display:flex;align-items:center;gap:24px;color:var(--sisu-ink);text-decoration:none}
body.sisu-login .sisu-login-brand img{display:block;width:130px;height:auto}
body.sisu-login .sisu-login-brand>span{padding-left:24px;border-left:1px solid var(--sisu-line);font-weight:650;font-size:16px}
body.sisu-login .sisu-login-website{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;text-decoration:none;color:#173b4c}
body.login.sisu-login #login{width:calc(100% - 40px);max-width:480px;margin:clamp(28px,5vh,64px) auto 0;padding:36px 40px 28px;background:#fff;border:1px solid var(--sisu-line);border-radius:16px;box-shadow:0 12px 35px #183c4a08}
/* The visible SISU wordmark is in the shared header. Retain the native heading for assistive technology. */
body.login.sisu-login #login>h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
body.login.sisu-login #login>h1:focus-within{position:static;width:auto;height:auto;margin:0 0 20px;overflow:visible;clip:auto;clip-path:none;white-space:normal}
body.login.sisu-login #login h1 a{width:160px!important;height:48px!important;margin:0 auto!important;background:url('sisu-wordmark.svg') center/contain no-repeat!important}
body.login.sisu-login .sisu-login-intro,body.login.sisu-login .sw-2fa-intro{padding:0;margin:0 0 26px;border:0;border-radius:0;background:transparent}
body.login.sisu-login .sisu-login-intro .sisu-login-eyebrow,body.login.sisu-login .sw-2fa-intro .sw-2fa-brand{margin:0 0 10px;color:#007f9c;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:1.4px}
body.login.sisu-login .sisu-login-intro h2,body.login.sisu-login .sw-2fa-intro h2{margin:0 0 10px;color:var(--sisu-ink);font-size:30px;line-height:1.18;font-weight:750;letter-spacing:-.7px;overflow-wrap:anywhere}
body.login.sisu-login .sisu-login-intro>p:last-child,body.login.sisu-login .sw-2fa-intro>p:last-child{margin:0;color:var(--sisu-muted);font-size:14px;line-height:1.6}
body.login.sisu-login #login form{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.login.sisu-login #login form p{margin-bottom:18px}
body.login.sisu-login #login label{display:inline-block;margin-bottom:7px;color:#18394b;font-size:14px;font-weight:600}
body.login.sisu-login #login input[type=text],body.login.sisu-login #login input[type=password],body.login.sisu-login #login input[type=email],body.login.sisu-login #login input[type=number],body.login.sisu-login #login input[type=tel]{width:100%;max-width:100%;min-height:50px;padding:11px 14px;margin:0;border:1px solid #b8cdd8;border-radius:8px;background:#fff;color:var(--sisu-ink);font:18px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:none}
body.login.sisu-login #login input[type=password],body.login.sisu-login #login .wp-pwd input{padding-right:48px}
body.login.sisu-login #login input:focus{border-color:#008eaf;box-shadow:0 0 0 3px #00a7cd20;outline:0}
body.login.sisu-login #login input[type=checkbox]{width:19px;height:19px;margin:0 7px 0 0;border:1px solid #9cb6c5;border-radius:4px;vertical-align:middle;accent-color:#0086a8}
body.login.sisu-login #login .forgetmenot{float:none;margin:2px 0 18px}
body.login.sisu-login #login .forgetmenot label{font-weight:400;margin:0;min-height:28px}
body.login.sisu-login #login .submit{float:none;clear:both;margin:18px 0 0}
body.login.sisu-login #login .button-primary{float:none;width:100%;min-height:48px;padding:11px 18px;border:1px solid #08384d;border-radius:8px;background:#08384d;color:#fff;font:650 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-shadow:none;box-shadow:none;cursor:pointer}
body.login.sisu-login #login .button-primary:hover{background:#00536a;border-color:#00536a}
body.login.sisu-login #login .button-primary:disabled{opacity:.55;cursor:default}
body.login.sisu-login #login .wp-hide-pw{width:44px;height:48px;padding:0;border:0;background:transparent;color:#007f9c;box-shadow:none;top:1px;right:1px}
body.login.sisu-login #login .wp-hide-pw .dashicons{top:0}
body.login.sisu-login #login input.authcode{font-size:27px;letter-spacing:.16em;text-align:center;font-variant-numeric:tabular-nums}
body.login.sisu-login #login_error,body.login.sisu-login .message,body.login.sisu-login .notice{width:100%;margin:0 0 22px;padding:13px 15px;border:1px solid #c9e3ec;border-left:4px solid #008eaf;border-radius:8px;background:#f1f8fb;color:#173b4c;font-size:14px;box-shadow:none;overflow-wrap:anywhere}
body.login.sisu-login #login_error,body.login.sisu-login .notice-error{border-color:#edc8c8;border-left-color:#b83939;background:#fff5f5;color:#842c2c}
body.login.sisu-login #login .message p,body.login.sisu-login #login .notice p{margin:0 0 8px}
body.login.sisu-login #login #nav{padding:0;margin:24px 0 0;text-align:center;font-size:13px}
body.login.sisu-login #login #backtoblog{padding:18px 0 0;margin:18px 0 0;border-top:1px solid #e5edf1;text-align:center;font-size:13px}
body.login.sisu-login #login #nav a,body.login.sisu-login #login #backtoblog a{color:#285266}
body.login.sisu-login #login .privacy-policy-page-link{margin:18px 0 0;font-size:12px}
body.login.sisu-login .language-switcher{max-width:480px;width:calc(100% - 40px);margin:20px auto 0;padding:0;text-align:center}
body.login.sisu-login #language-switcher{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px}
body.login.sisu-login #language-switcher label{margin:0;color:var(--sisu-muted)}
body.login.sisu-login #language-switcher select,body.login.sisu-login #language-switcher .button{min-height:40px;max-width:100%;padding:6px 12px;border:1px solid #c8dbe5;border-radius:7px;background:#fff;color:#285266;font-size:13px;box-shadow:none}
body.login.sisu-login .sisu-login-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;width:calc(100% - 40px);margin:26px auto 0;color:#647f8c;font-size:11px;text-align:center}
body.login.sisu-login .sisu-login-footer strong{font-weight:600;letter-spacing:1px;text-transform:uppercase}
body.login.sisu-login .sisu-login-footer>span{padding-left:16px;border-left:1px solid #cbdde6}
/* Native password strength, recovery and alternative login controls remain visible. */
body.login.sisu-login #pass-strength-result{margin:10px 0;border-radius:6px;font-size:13px}
body.login.sisu-login .pw-weak,body.login.sisu-login .indicator-hint,body.login.sisu-login .two-factor-prompt{font-size:13px;color:var(--sisu-muted);line-height:1.5}
body.login.sisu-login .two-factor-methods{margin-top:20px}
body.login.sisu-login.interim-login{min-height:0;padding:20px;background:#f4f7f9}
body.login.sisu-login.interim-login #login{width:100%;max-width:460px;margin:0 auto;padding:24px;border-radius:12px}
@media(max-width:540px){
  body.login.sisu-login .sisu-login-topbar>div{min-height:78px;padding:14px 20px;gap:14px}
  body.login.sisu-login .sisu-login-brand{gap:12px}
  body.login.sisu-login .sisu-login-brand img{width:100px}
  body.login.sisu-login .sisu-login-brand>span{padding-left:12px;font-size:13px}
  body.login.sisu-login .sisu-login-website{font-size:12px}
  body.login.sisu-login #login{padding:28px 24px 24px;margin-top:26px;border-radius:12px}
  body.login.sisu-login .sisu-login-intro h2,body.login.sisu-login .sw-2fa-intro h2{font-size:27px}
  body.login.sisu-login #login input[type=text],body.login.sisu-login #login input[type=password],body.login.sisu-login #login input[type=email]{font-size:16px}
}
@media(max-width:370px){body.login.sisu-login .sisu-login-brand>span{display:none}body.login.sisu-login #login{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){body.login.sisu-login #login form.shake{animation:none}}