/* ==============================================================================
 * listmonk 公開画面用 カスタムCSS (Settings -> Appearance -> Custom CSS)
 *
 * 購読停止・配信設定変更・アーカイブ等の公開画面の見た目を
 * 祥文社印刷のトーンに合わせて整えます。
 * ============================================================================== */

/* 日本語フォントと背景色 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

/* コンテナのデザイン調整 */
.wrap {
    max-width: 600px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* タイトル見出し */
h1, h2, h3 {
    color: #0b3b60 !important;
    font-weight: 700 !important;
}

/* ボタン（配信停止・設定保存等） */
button, .button, input[type="submit"] {
    background-color: #0b3b60 !important;
    border-color: #0b3b60 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    transition: background-color 0.2s ease-in-out !important;
}

button:hover, .button:hover, input[type="submit"]:hover {
    background-color: #072a46 !important;
    border-color: #072a46 !important;
}

/* リンク色 */
a {
    color: #0284c7 !important;
}

a:hover {
    color: #0369a1 !important;
}