.compare-page { padding: 32px 0 64px; }
.cmp-header { margin-bottom: 40px; }
.cmp-header h1 { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 700; margin-bottom: 12px; }
.cmp-header p { color: var(--color-text-muted); line-height: 1.7; }

.cmp-section { margin-bottom: 48px; }
.cmp-section h2 { font-size: 1.3rem; font-weight: 700; margin-bottom: 20px; }

.cmp-table-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid var(--color-border); margin-bottom: 12px; }
.cmp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cmp-table thead { background: var(--color-surface-2); }
.cmp-table th { padding: 16px 14px; text-align: center; font-weight: 600; font-size: 15px; border-bottom: 1px solid var(--color-border); vertical-align: bottom; }
.cmp-table th:first-child { text-align: left; }
.cmp-table td { padding: 12px 14px; border-bottom: 1px solid var(--color-border); text-align: center; background: var(--color-surface); }
.cmp-table td:first-child { text-align: left; font-weight: 500; color: var(--color-text-muted); white-space: nowrap; }
.cmp-table tr:last-child td { border-bottom: none; }
.cmp-table tr:hover td { background: var(--color-surface-2); }
.cmp-table .highlight { color: var(--color-green); font-weight: 600; }
.cmp-thumb { width: 100%; max-width: 120px; height: 60px; object-fit: cover; border-radius: 6px; display: block; margin: 0 auto 8px; }
.cmp-note { font-size: 12px; color: var(--color-text-muted); font-style: italic; }

.cmp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.cmp-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; padding: 24px; }
.cmp-card h3 { font-size: 16px; margin-bottom: 12px; }
.cmp-card ul { list-style: none; padding: 0; }
.cmp-card li { padding: 6px 0; font-size: 14px; color: var(--color-text-muted); line-height: 1.5; border-bottom: 1px solid var(--color-border); }
.cmp-card li:last-child { border-bottom: none; }
.cmp-card li strong { color: var(--color-text); }

.cmp-cta { text-align: center; padding: 48px 0; border-top: 1px solid var(--color-border); }
.cmp-cta p { color: var(--color-text-muted); margin-bottom: 20px; max-width: 500px; margin-left: auto; margin-right: auto; }
.cmp-sublinks { margin-top: 20px; font-size: 14px; color: var(--color-text-muted); }
.cmp-sublinks a { color: var(--color-accent); }

.nav-links { display: flex; gap: 16px; }
.nav-links a { font-size: 13px; color: var(--color-text-muted); text-decoration: none; }
.nav-links a:hover { color: var(--color-text); }

@media (max-width: 768px) {
    .cmp-table { font-size: 12px; }
    .cmp-table th, .cmp-table td { padding: 10px 8px; }
    .cmp-thumb { max-width: 80px; height: 45px; }
    .cmp-cards { grid-template-columns: 1fr; }
}