/* Comparison collection: the /compare/ index and single comparisons, built from shared website compositions. */
.comparison-index-section{padding-block:0 72px}
.comparison-index-section .website-section-intro,.comparison-index,.comparison-index-empty,.comparison-supporting .website-cards{max-width:880px;margin-inline:auto}
.comparison-index-section .website-section-intro{margin-bottom:28px}
.comparison-index-section .website-section-intro>.website-heading{max-width:none;font-size:clamp(28px,2.4vw,40px)}
.comparison-index{list-style:none;margin-block:0;padding:0;border:1px solid var(--website-border);border-radius:10px;overflow:hidden;background:var(--paper)}
.comparison-index li+li{border-top:1px solid var(--website-border)}
.comparison-index__link{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 36px;color:var(--ink)}
.comparison-index__title{margin:0;font-size:clamp(22px,1.9vw,27px);font-weight:560;line-height:1.2;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.comparison-index__summary{display:block;margin-top:10px;font-size:16px;line-height:1.6;color:var(--website-soft-ink);max-width:62ch;text-wrap:pretty}
.comparison-index__link>.website-icon{width:20px;height:20px;transition:transform 160ms}
.comparison-index__link:hover .comparison-index__title{color:var(--studio-green)}
.comparison-index__link:hover>.website-icon{transform:translateX(3px)}
.comparison-index__link:focus-visible{outline:2px solid var(--studio-green);outline-offset:-4px}
.comparison-index-empty .website-copy{margin-top:20px}
.comparison-supporting{padding-top:0}
.comparison-supporting__heading{font-size:clamp(25px,2vw,29px);max-width:22ch;margin-bottom:16px}
.comparison-supporting .website-card .website-actions{margin-top:20px}
/* Single comparisons: verdict cells, a dated fact table and sourced reading sections. */
.comparison-verdict,.comparison-glance{padding-top:0}
.comparison-verdict .website-card h3{font-size:clamp(23px,1.8vw,27px)}
.website-content--comparison .website-copy ul,.website-content--comparison .website-copy ol{margin:0 0 20px;padding-left:1.25em}
.website-content--comparison .website-copy ul{list-style:disc}
.website-content--comparison .website-copy ol{list-style:decimal}
.website-content--comparison .website-copy li{margin-bottom:10px;padding-left:4px}
.website-content--comparison .website-copy li:last-child{margin-bottom:0}
.website-content--comparison .website-copy li::marker{color:var(--studio-green)}
.comparison-verdict .website-copy li{font-size:16px;line-height:1.6;max-width:48ch}
.website-content--comparison .website-copy a{color:var(--ink);text-decoration:underline;text-decoration-color:#b9c0c8;text-underline-offset:.2em}
.website-content--comparison .website-copy a:hover{color:var(--studio-green);text-decoration-color:currentColor}
.comparison-glance .website-section-intro>.website-copy{color:var(--website-soft-ink)}
@media(min-width:641px){.comparison-verdict .website-section-intro,.comparison-glance .website-section-intro{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,46ch)}.comparison-verdict .website-section-intro>.website-copy,.comparison-glance .website-section-intro>.website-copy{width:100%;justify-self:end}}
.comparison-glance .website-table td:first-child{font-weight:560;color:var(--ink)}
.comparison-sources li{font-size:15px;line-height:1.6}
@media(min-width:1600px){.comparison-index,.comparison-index-section .website-section-intro,.comparison-index-empty,.comparison-supporting .website-cards{max-width:980px}.comparison-index__summary{font-size:18px}.comparison-verdict .website-copy li{font-size:18px}}
@media(max-width:640px){.comparison-index-section{padding-bottom:48px}.comparison-index__link{padding:22px 20px;gap:16px}.comparison-index__summary{font-size:15px}.comparison-supporting__heading{font-size:24px}}
@media(prefers-reduced-motion:reduce){.comparison-index__link>.website-icon{transition:none}}
@media print{.comparison-index__link>.website-icon{display:none}}