/* assets/css/series/chibiko-tough.css */

/* ============================================================
   デザインパレット（変数定義）
   ============================================================ */
:root {
    --outer-panel: #141820;
    --inner-panel: #ffffff;
    --border-color: #3a4a5e;
    --accent: #7a9ab0;
    --text-main: #1e2224;
    --text-dim: #607080;
    --title-color: #d8e8f0;
}

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

/* ============================================================
   2. 本文パネル
   ============================================================ */
body.theme-chibiko-tough 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: 1px;
    border: 1px solid var(--border-color);
    border-left: 8px solid var(--accent);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.3);
}

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

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

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

/* ============================================================
   6. 区切り線
   ============================================================ */
body.theme-chibiko-tough article hr {
    margin: 3.0em 0;
    border: none;
    border-top: 1.5px solid var(--border-color);
}

/* ============================================================
   7. ハンバーガーボタン
   ============================================================ */
body.theme-chibiko-tough .hamburger {
    background: rgba(192, 106, 42, 0.75);
}