:root{
  --kma-bg:#f3f4f6;
  --kma-card:#ffffff;
  --kma-muted:rgba(0,0,0,.55);
  --kma-accent:#f59e0b;
  --kma-radius:18px;
}

/* ===== layout: flexで中央固定（最優先） ===== */
body.login{
  background:var(--kma-bg);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 16px;
}

/* flex中央寄せなので margin:auto は不要 */
body.login #login{
  width:min(560px, 100%);
  margin:0;
  padding:0;
}

/* カードを少し大きく */
body.login #loginform{
  background:var(--kma-card);
  border-radius:var(--kma-radius);
  box-shadow:0 24px 72px rgba(0,0,0,.28);
  padding:30px 28px;
}

/* ロゴも合わせて少し大きく */
body.login h1 a{
  background-image:url('https://kusanomido-audio.com/wp-content/uploads/2026/02/cropped-聴く歴史ロゴマーク-1.png');
  background-size:contain;
  width:240px;
  height:72px;
  margin:0 auto 18px;
}

/* 文字サイズを全体的に底上げ */
body.login label{
  font-size:14px;
  color:var(--kma-muted);
}

/* inputも一回り大きく */
body.login input[type=text],
body.login input[type=password]{
  border:1px solid rgba(0,0,0,.18);
  border-radius:14px;
  padding:14px 14px;
  font-size:17px;
  box-shadow:none;
}

body.login input:focus{
  border-color:rgba(245,158,11,.8);
  box-shadow:0 0 0 4px rgba(245,158,11,.22);
  outline:none;
}

/* ボタンも一回り大きく */
body.login .button-primary{
  background:var(--kma-accent);
  border:0;
  color:#111;
  border-radius:999px;
  height:52px;
  font-weight:800;
  font-size:16px;
}

/* nav/back は今の設計どおり残してOK（必要ならここで調整） */
/* body.login #nav,
body.login #backtoblog{
  display:none;
} */

/* ===== Register screen: 「このブログに登録」(メッセージ枠)を非表示 ===== */
body.login.action-register p.message,
body.login.action-register .message,
body.login-action-register p.message,
body.login-action-register .message{
  display:none;
}

/* 念のため上余白も詰める */
body.login.action-register #login,
body.login-action-register #login{
  padding-top:0;
}