.comparison-page{max-width:1120px;color:rgb(var(--color-text-primary));margin:auto;padding:112px 24px 80px;font-size:18px;line-height:1.65}.comparison-page nav{font-size:16px}.comparison-page header{margin:40px 0 64px}.comparison-page h1{font-family:var(--fraunces), serif;letter-spacing:-.035em;font-size:clamp(36px,5vw,64px);line-height:1.1}.comparison-page h2{font-family:var(--fraunces), serif;margin-bottom:24px;font-size:clamp(26px,3vw,36px);line-height:1.2}.comparison-page h3{margin:32px 0 12px;font-size:22px;line-height:1.35}.comparison-page p{max-width:68ch;margin:16px 0}.comparison-page :is(h2,h3){scroll-margin-top:96px}.comparison-lead{max-width:65ch;font-size:22px}.comparison-page section+section{margin-top:120px}.comparison-page a{color:rgb(var(--color-ocean));text-underline-offset:4px;text-decoration:underline}.comparison-page a:hover{color:rgb(var(--color-primary))}.comparison-map{background:rgb(var(--color-secondary));padding:24px}.comparison-map svg{width:100%;height:auto;display:block}.comparison-names{text-align:center;grid-template-columns:1fr 1fr;font-size:24px;display:grid}.comparison-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.comparison-controls button{background:rgb(var(--color-surface));border-radius:24px;padding:10px 18px;transition:transform .15s}.comparison-controls button[aria-pressed=true]{background:rgb(var(--color-primary));color:rgb(var(--color-surface))}.comparison-controls button:active{transform:scale(.97)}.comparison-page :is(a,button):focus-visible{outline:3px solid rgb(var(--color-ocean));outline-offset:5px}.comparison-page table{border-collapse:collapse;width:100%;margin:24px 0}.comparison-page caption{text-align:left;margin-bottom:12px}.comparison-page :is(th,td){text-align:left;padding:16px}.comparison-page thead{background:rgb(var(--color-primary));color:rgb(var(--color-surface))}.comparison-page tbody{background:rgb(var(--color-secondary))}.comparison-page td{font-variant-numeric:tabular-nums}.comparison-page .comparison-play{background:rgb(var(--color-primary));color:rgb(var(--color-surface));border-radius:28px;padding:14px 24px;text-decoration:none;display:inline-block}.comparison-page ul{margin-top:24px}@media (max-width:600px){.comparison-page{padding:96px 20px 48px;font-size:16px}.comparison-page header{margin:32px 0 48px}.comparison-lead{font-size:19px}.comparison-names{font-size:18px}.comparison-map{padding:16px}.comparison-page section+section{margin-top:72px}.comparison-controls{gap:8px}.comparison-controls button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.comparison-controls button{transition:none}}
