/* 都道府県比較ページ */
.cdj-comparison-page .cdj-container {
    max-width: 860px;
    margin: 0 auto;
    padding: 20px;
}

.cdj-comparison-page h1 {
    font-size: 24px;
    font-weight: 700;
    color: #1a3a5c;
    margin-bottom: 4px;
}

.cdj-comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 15px;
}

.cdj-comparison-table th,
.cdj-comparison-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #e0e8f0;
    vertical-align: middle;
}

.cdj-comparison-table thead th {
    background: #1a3a5c;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.cdj-comparison-table thead th:nth-child(2) {
    background: #2563eb;
    color: #fff;
}

.cdj-comparison-table thead th:nth-child(3) {
    background: #ea6b0e;
    color: #fff;
}

.cdj-comparison-table thead th a {
    color: #fff;
    text-decoration: none;
}

.cdj-comparison-table .col-label {
    width: 36%;
    font-weight: 600;
    color: #444;
    background: #f8fafc;
}

.cdj-comparison-table .col-pref {
    text-align: center;
    width: 32%;
}

.cdj-comparison-table .col-win {
    background: #fff8e6;
}

.cdj-comparison-table .cell-win {
    color: #c0392b;
    font-weight: 700;
}

.cdj-comparison-table .cdj-compare-section-header td {
    background: #1e293b;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cdj-rank-badge {
    display: inline-block;
    font-size: 11px;
    color: #888;
    margin-left: 6px;
    white-space: nowrap;
}


@media (max-width: 600px) {
    .cdj-comparison-table .col-label { width: 40%; }
    .cdj-comparison-table th, .cdj-comparison-table td { padding: 8px; font-size: 13px; }
}

/* ── スコア比較テーブル ─────────────────────────────── */
.cdj-score-compare-table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0 4px;
    font-size: 14px;
}

.cdj-score-compare-table th,
.cdj-score-compare-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #e0e8f0;
    vertical-align: middle;
}

.cdj-score-compare-table thead th:first-child {
    background: #f8fafc;
    color: #555;
    font-weight: 600;
    width: 40%;
    text-align: left;
}

.cdj-score-compare-table thead th:nth-child(2) {
    background: #eff6ff;
    color: #3b82f6;
    font-weight: 700;
    text-align: center;
    width: 30%;
}

.cdj-score-compare-table thead th:nth-child(3) {
    background: #fff7ed;
    color: #f97316;
    font-weight: 700;
    text-align: center;
    width: 30%;
}

.cdj-score-compare-table tbody td:first-child {
    background: #f8fafc;
    color: #374151;
    font-weight: 500;
}

.cdj-score-compare-table tbody td:not(:first-child) {
    text-align: center;
    color: #333;
}

.cdj-score-compare-table .cell-win {
    font-weight: 700;
    color: #c0392b;
}

@media (max-width: 600px) {
    .cdj-score-compare-table th,
    .cdj-score-compare-table td { padding: 8px 8px; font-size: 13px; }
}