/* assets/css/series/varres_hard.css */

/* ============================================================
   デザインパレット（変数定義）
   ============================================================ */
:root {
    --bg-base: #1f375c;
    --accent-green: #a4c9d6;
    --accent-gold: #6c7375;
    --text-main: #000000;
    --text-dim: #a08060;
    --inner-panel: #f5f5f5;
    --border-color: #159cb7;
}

/* ============================================================
   1. 本文エリア全体
   ============================================================ */
body.theme-varres_hard main {
    background-color: var(--bg-base) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    min-height: 100vh;
}

/* ============================================================
   2. 本文パネル
   ============================================================ */
body.theme-varres_hard article {
    background-color: var(--inner-panel) !important;
    margin: 20px auto !important;
    padding: 20px 40px 30px 40px !important;
    width: 95% !important;
    max-width: 760px !important;
    border-radius: 2px;
    border: 2px solid var(--border-color);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* ============================================================
   3. ヘッダー（タイトル部分）
   ============================================================ */
body.theme-varres_hard article header {
    border-bottom: none !important;
    margin-bottom: 25px !important;
    padding-bottom: 5px !important;
}

/* ============================================================
   4. タイトル
   ============================================================ */
body.theme-varres_hard h1 {
    color: var(--text-main) !important;
    border-bottom: 2px solid var(--accent-green);
    margin: 0 0 20px 0 !important;
    padding-bottom: 10px !important;
}

/* ============================================================
   5. 本文
   ============================================================ */
body.theme-varres_hard .novel-body {
    color: var(--text-main) !important;
    white-space: pre-wrap;
}
body.theme-varres_hard .novel-body p {
    margin: 0 0 0.3em 0;
}

/* ============================================================
   6. 区切り線
   ============================================================ */
body.theme-varres_hard article hr {
    margin: 3.0em 0;
    border: none;
    border-top: 1px solid var(--accent-gold);
}

/* ============================================================
   7. ハンバーガーボタン
   ============================================================ */
body.theme-varres_hard .hamburger {
    background: rgba(232, 93, 138, 0.8);
}