/* チャプターインデックス */
.chapter-index table {
    width: 100%;
    border-collapse: collapse;
}

.chapter-index td {
    padding: 1px 1px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

/* インデックスの1列目と3列目 */
.chapter-index td:nth-child(1),
.chapter-index td:nth-child(3) {
    width: 15%; /* Chapter列の幅 */
    text-align: left;
    white-space: nowrap;
}

/* インデックスの2列目と4列目 */
.chapter-index td:nth-child(2),
.chapter-index td:nth-child(4) {
    width: 35%; /* 説明列の幅 */
    padding-left: 2ch; /* 1文字から2文字分のスペース */
    text-align: left;
}

/* 3列目を中央揃え */
.chapter-index td:nth-child(3) {
    text-align: center;
}

/* ルーチンリスト */
.routine-list table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f6f6ff;
}

.routine-list td {
    padding: 1px 1px; /* セル内の余白 */
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

/* ルーチン名のセル */
.routine-list td:nth-child(1) {
    white-space: nowrap;
    padding: 1px 2px;
    font-family: 'Courier New', Courier, monospace;
}

/* フラグのセル */
.routine-list td:nth-child(2) {
    white-space: nowrap;
    padding: 0px 5px;
    font-family: 'Courier New', Courier, monospace;
}

/* 説明文のセル */
.routine-list td:nth-child(3) {
    width: 100%; /* 説明文の列幅 */
}

/* フラグ用の特別なスタイル */
.routine-list .flags {
    font-weight: bold;
    color: #FF4500; /* オレンジレッド */
}

/* チャプターヘッダー */
.routine-list table td.chapter-header {
    font-weight: bold;
    color: white;
    background-color: #003399; /* ラベンダー */
    padding: 3px 0px 1px 3px;
}