.comparison-section { display: flex; flex-direction: column; gap: 30px; }
.comparison-table-wrap { max-width: 100%; overflow-x: auto; }
.comparison-table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.feature-comparison { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 16px; line-height: 26px; }
.feature-comparison caption { padding: 0 0 22px; color: var(--muted); text-align: left; font-size: 16px; line-height: 26px; }
.comparison-feature-column { width: 25%; }
.comparison-free-column { width: 32%; }
.comparison-extra-column { width: 43%; }
.feature-comparison th, .feature-comparison td { padding: 22px 24px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rule); overflow-wrap: anywhere; }
.feature-comparison th:first-child { padding-left: 0; }
.feature-comparison td:last-child, .feature-comparison thead th:last-child { padding-right: 0; }
.feature-comparison th { color: var(--ink); font-weight: 400; }
.feature-comparison thead th { color: var(--accent); font: 16px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.feature-comparison td { color: var(--ink); }
.feature-comparison strong { display: block; font-weight: 500; }
.feature-comparison td > span:not(.comparison-empty) { display: block; color: var(--muted); }
.feature-comparison .comparison-group th { padding: 38px 0 14px; color: var(--accent); font: 24px/32px Georgia, serif; letter-spacing: -.4px; }
.comparison-pack { display: block; width: fit-content; padding-top: 8px; color: var(--accent); font: 14px/23px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-underline-offset: 4px; text-decoration-color: var(--rule); }
.comparison-pack:hover { text-decoration-color: var(--accent); }
.comparison-empty { color: var(--muted); }
.comparison-footnote { max-width: 760px; color: var(--muted); font-size: 16px; line-height: 27px; }
:root[data-feature-layout="list"] .feature-comparison td, :root[data-feature-layout="list"] .feature-comparison tbody th[scope="row"] { padding-top: 12px; padding-bottom: 12px; }
@media (max-width: 700px) {
  .comparison-feature-column { width: 27%; }
  .comparison-free-column { width: 31%; }
  .comparison-extra-column { width: 42%; }
  .feature-comparison { font-size: 15px; line-height: 24px; }
  .feature-comparison th, .feature-comparison td { padding: 18px 10px; }
  .feature-comparison thead th { font-size: 14px; line-height: 22px; }
  .comparison-pack { font-size: 13px; line-height: 21px; }
}
@media (max-width: 380px) {
  .feature-comparison th, .feature-comparison td { padding-left: 6px; padding-right: 6px; }
}