/* ページ見出し「ログイン」はログインボタンの文字と重複して冗長なため非表示にする。
   /avatar/ /library/ 等、他の独自画面と同じ「タイトルなし」方式に揃える
   (2026-08-11、ユーザー指摘)。login.cssはこのログインページでしか読み込まれないため、
   他ページのentry-titleには影響しない。 */
.entry-title {
    display: none;
}

.ead-login {
    max-width: 360px;
    margin: 3.5em auto;
    text-align: center;
}

.ead-login-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}

.ead-login-form {
    text-align: left;
}

/* このログインページの本文エリア(main.main)は、Cocoon側の白背景をやめ、
   ページ背景の上にフォームが直接浮かぶ見た目にする
   (2026-08-11、ユーザー指摘: 「入力部の白い枠がいらない」)。
   login.cssはこのログインページでしか読み込まれないため、.mainへの上書きも
   他ページ(問題ページ・目次等)には影響しない。 */
.main {
    background: transparent !important;
    box-shadow: none !important;
}

.ead-login-form label {
    font-weight: bold;
}

.ead-login-form input[type="text"],
.ead-login-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

.ead-login-btn {
    width: 100%;
    padding: 10px;
    background: #2f7dd9;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    font-size: 1.05em;
    cursor: pointer;
}

.ead-login-btn:hover {
    background: #1c5cab;
    color: #fff;
}

.ead-login-error {
    color: #c0392b;
    background: #fdecea;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    padding: 8px 12px;
}

.ead-login-forgot {
    margin-top: 14px;
    text-align: center;
    font-size: 0.9em;
}

.ead-login-forgot a {
    color: #2f7dd9;
}