:root{--ab-ink:#142d49;--ab-muted:#63758a;--ab-blue:#23578a;--ab-line:#dce4ec}
html{background:#f7f9fc}
body.login{box-sizing:border-box;min-height:100vh;min-height:100svh;height:auto;padding:28px 20px;background:#f7f9fc;color:var(--ab-ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.login #login{box-sizing:border-box;width:100%;max-width:420px;margin:0;padding:28px 32px;background:#fff;border:1px solid #e5ebf1;border-radius:12px;box-shadow:0 8px 30px #18395606;flex-shrink:0}
.login h1 a{width:70px;height:70px;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 auto 12px}
.ab-login-intro{text-align:center;margin-bottom:24px}
.ab-login-wordmark{font-weight:750;letter-spacing:1.5px;font-size:17px;margin:0 0 20px}
.ab-login-intro h2{font-size:24px;line-height:1.5;letter-spacing:.02em;margin:0 0 9px}
.ab-login-intro>h2+p{font-size:12px;line-height:1.8;color:var(--ab-muted);margin:0}
.login form{border:0;box-shadow:none;padding:0;margin:0;background:transparent;overflow:visible}
.login label{font-size:12px;font-weight:600;line-height:1.8;margin-bottom:7px}
.login form .input,.login input[type=text],.login input[type=password]{box-sizing:border-box;font-size:16px;min-height:48px;border:1px solid #b8c8d7;border-radius:7px;background:#fcfdff;padding:9px 12px;color:var(--ab-ink);margin:0 0 20px}
.login input[type=password],.login .user-pass-wrap input{padding-right:45px}
.login input:focus{border-color:#286395;box-shadow:0 0 0 3px #28639520;outline:0}
.login .button.wp-hide-pw{height:48px;width:44px;color:#426585;border:0}
.login .button.wp-hide-pw:focus{box-shadow:0 0 0 2px #286395}
.login form .forgetmenot{float:none;margin:0 0 22px}
.login .forgetmenot label{font-weight:400;font-size:12px;color:#52667a}
.login form input[type=checkbox]{border-color:#99acbd;border-radius:3px}
.login .submit .button-primary{float:none;display:block;width:100%;min-height:49px;padding:10px 18px;background:var(--ab-blue);border:1px solid var(--ab-blue);border-radius:7px;box-shadow:none;font-size:14px;font-weight:600;letter-spacing:.06em;text-shadow:none}
.login .submit .button-primary:hover{background:#183f67;border-color:#183f67}
.login .submit .button-primary:focus-visible,.login a:focus-visible{outline:3px solid #638dad;outline-offset:3px}
.login #nav{text-align:center;margin:23px 0 0;padding:0;font-size:12px}
.login #backtoblog{text-align:center;margin:19px 0 0;padding:19px 0 0;border-top:1px solid #e6ecf1;font-size:11px}
.login #nav a,.login #backtoblog a{color:#3b6387;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{text-decoration:underline;color:#142d49}
.login .message,.login .notice,.login #login_error{border-radius:5px;font-size:12px;line-height:1.8;padding:12px 14px;box-shadow:none;background:#f1f6fb;margin:0 0 22px}
.login #login_error{background:#fff3f3}
.login .privacy-policy-page-link{margin:18px 0 0}
.language-switcher{margin:20px auto 0;max-width:440px}
@media(max-width:420px){body.login{padding:20px 14px}body.login #login{padding:24px 22px}.ab-login-intro h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){body.login *{animation:none!important;transition:none!important}}
