.comparison-section { padding-block: clamp(3rem, 6vw, 5rem); }
.comparison-container { max-width: var(--v2-container-max); margin-inline: auto; padding-inline: var(--v2-container-padding); }
.comparison-section h1, .comparison-section h2 { font-family: var(--v2-font-display); font-weight: 800; color: var(--v2-text-primary); line-height: 1.2; }
.comparison-section h1 { font-size: clamp(2rem, 4vw, 3.5rem); max-width: 24ch; margin-block: 1rem 1.5rem; }
.comparison-section h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); margin-block: 0 1rem; }
.comparison-section p, .comparison-steps { color: var(--v2-text-secondary); line-height: 1.75; margin-bottom: 1.25rem; max-width: 80ch; }
.comparison-lead { font-size: 1.2rem; }
.comparison-section .comparison-eyebrow { color: var(--v2-brand-primary); text-transform: uppercase; font-weight: 600; letter-spacing: .08em; font-size: .8rem; }
.comparison-tinted { background: var(--v2-surface-lowered); }
.comparison-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: 1.5rem; margin-top: 2rem; }
.comparison-card { padding: 1.75rem; border: 1px solid var(--v2-border-default); border-radius: 1rem; background: var(--v2-surface-card); }
.comparison-card p:last-child { margin-bottom: 0; }
.comparison-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 2rem; }
.comparison-steps { padding-left: 1.5rem; }
.comparison-steps li { margin-bottom: 1rem; }
.comparison-table { overflow-x: auto; margin-block: 2rem; border: 1px solid var(--v2-border-default); border-radius: .75rem; }
.comparison-table table { width: 100%; min-width: 42rem; border-collapse: collapse; text-align: left; color: var(--v2-text-secondary); background: var(--v2-surface-card); }
.comparison-table caption { text-align: left; padding: 1rem; font-weight: 600; color: var(--v2-text-primary); }
.comparison-table th, .comparison-table td { vertical-align: top; padding: 1.25rem; border-top: 1px solid var(--v2-border-default); line-height: 1.65; }
.comparison-table th { color: var(--v2-text-primary); }
.comparison-table th:first-child { width: 18%; }
.comparison-table td { width: 41%; }
.comparison-table td a { display: block; margin-top: .75rem; }
.comparison-section a:not([class]) { color: var(--v2-text-link); text-decoration: underline; text-underline-offset: .2em; }
.comparison-section a:focus-visible, .comparison-table:focus-visible { outline: 2px solid var(--v2-brand-primary); outline-offset: 3px; }
.comparison-breadcrumb { color: var(--v2-text-secondary); margin-bottom: 2rem; }
.comparison-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; list-style: none; padding: 0; margin-top: 1.5rem; }
