.comparison-table__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--c-border,#d9e0e6); border-radius: var(--radius); overflow: hidden; background: #fff; }
.comparison-table__grid--2 { grid-template-columns: repeat(2, 1fr); }
.comparison-table__grid--4 { grid-template-columns: repeat(4, 1fr); }
.comparison-col { border-right: 1px solid var(--c-border,#d9e0e6); display: flex; flex-direction: column; }
.comparison-col:last-child { border-right: 0; }
.comparison-col__head { margin: 0; padding: 16px 20px; text-align: center; font-size: 1.35rem; color: #fff; background: var(--c-muted,#5f6b78); }
.comparison-col--teal .comparison-col__head { background: var(--c-accent,#00607b); }
.comparison-col--navy .comparison-col__head { background: var(--c-primary,#12427a); }
.comparison-col__price { margin: 0; padding: 20px; text-align: center; font-size: 1.7rem; font-weight: 600; color: var(--c-primary,#12427a); border-bottom: 1px solid var(--c-border,#d9e0e6); background: var(--c-surface-alt,#f3f6f8); }
.comparison-col__price span { font-size: .85rem; font-weight: 400; color: var(--c-muted,#5f6b78); margin-left: 2px; }
.comparison-col__list { margin: 0; padding: 22px 24px 22px 40px; font-size: .98rem; }
.comparison-col__list li { margin-bottom: .7em; }
.comparison-col__list li::marker { color: var(--c-highlight,#009c92); }
.comparison-table__note { margin-top: 16px; font-size: .9rem; color: var(--c-muted,#5f6b78); }
@media (max-width: 860px) { .comparison-table__grid, .comparison-table__grid--4 { grid-template-columns: 1fr; } .comparison-col { border-right: 0; border-bottom: 1px solid var(--c-border,#d9e0e6); } .comparison-col:last-child { border-bottom: 0; } }