/* §3 — what-can-break comparison (light, featured right col) */
.rsg-page .cmp { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; margin: 36px 0 8px; }
.rsg-page .cmp table { width: 100%; border-collapse: collapse; }
.rsg-page .cmp th, .rsg-page .cmp td { padding: 15px 24px; text-align: left; vertical-align: middle; }
.rsg-page .cmp thead th { border-bottom: 2px solid var(--line); background: #fff; padding-top: 20px; padding-bottom: 20px; }
.rsg-page .cmp tbody td { border-bottom: 1px solid var(--line-2); font-size: 13.5px; line-height: 1.5; }
.rsg-page .cmp tbody tr:last-child td { border-bottom: 0; }
.rsg-page .cmp tbody tr:hover td { background-color: rgba(0,0,0,0.012); }
.rsg-page .cmp .cmp-dim { width: 44%; font-family: var(--font-body); color: var(--ink-2); font-size: 13.5px; }
.rsg-page .cmp .cmp-seo { background: rgba(44,122,75,0.05); border-left: 1px solid rgba(44,122,75,0.16); border-right: 1px solid rgba(44,122,75,0.16); color: var(--ink-900); font-weight: 600; }
.rsg-page .cmp thead .cmp-seo { background: linear-gradient(180deg, rgba(44,122,75,0.14), rgba(44,122,75,0.05)); border-top: 3px solid var(--green-500); }
.rsg-page .cmp tbody tr:hover td.cmp-seo { background-color: rgba(44,122,75,0.085); }
.rsg-page .cmp .cmp-paid { color: var(--ink-2); }
.rsg-page .cmp-th { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
.rsg-page .cmp-th .cth-ic { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.rsg-page .cmp-th b { grid-column: 2; align-self: end; }
.rsg-page .cmp-th .cth-sub { grid-column: 2; align-self: start; }
.rsg-page .cmp-th .cth-ic { width: 33px; height: 33px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rsg-page .cmp-seo .cth-ic { background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; box-shadow: 0 6px 14px rgba(44,122,75,0.3); }
.rsg-page .cmp-paid .cth-ic { background: #EEF1F4; color: #64748B; }
.rsg-page .cmp-th .cth-ic svg { width: 17px; height: 17px; }
.rsg-page .cmp-th b { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--ink-900); line-height: 1.1; }
.rsg-page .cmp-th .cth-sub { display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; margin-top: 3px; }
.rsg-page .cmp-seo .cth-sub { color: var(--green-700); }
.rsg-page .cmp-paid .cth-sub { color: var(--ink-500); }
@media (max-width: 680px) { .rsg-page .cmp { overflow-x: auto; } .rsg-page .cmp table { min-width: 560px; } }