/* Keep the decisive qualification directly beneath the rate, at the same row height. */
body[data-design="agy"] :is([data-feature-cell="issuance"], [data-feature-cell="ongoing"], [data-feature-cell="fx"], [data-feature-cell="rewards"]) .dense-note {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-line;
  max-height: 34px;
  line-height: 17px;
  padding-right: 0;
}
body[data-design="agy"] :is([data-feature-cell="issuance"], [data-feature-cell="ongoing"], [data-feature-cell="fx"], [data-feature-cell="rewards"]) .dense-expand-icon { display: none; }
body[data-design="agy"] :is(.dense-cell-summary, .dense-cell-fallback):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
body[data-design="agy"][data-page="compare"] :is([data-feature-column="fx"], [data-feature-cell="fx"]) { width: 212px; min-width: 212px; max-width: 212px; }
body[data-design="agy"][data-page="compare"] :is([data-feature-column="rewards"], [data-feature-cell="rewards"]) { width: 252px; min-width: 252px; max-width: 252px; }
body[data-design="agy"][data-page="compare"] :is([data-feature-column="issuance"], [data-feature-cell="issuance"], [data-feature-column="ongoing"], [data-feature-cell="ongoing"]) { width: 132px; min-width: 132px; max-width: 132px; }
body[data-design="agy"] .quick-col-fx { width: 212px; }
body[data-design="agy"] .quick-col-rewards { width: 252px; }
body[data-design="agy"] .quick-col-issuance, body[data-design="agy"] .quick-col-ongoing { width: 132px; }
body[data-design="agy"] .quick-card-col { width: 200px; }
body[data-design="agy"] .quick-col-eligibility { width: 148px; }
body[data-design="agy"] .quick-col-apple_pay, body[data-design="agy"] .quick-col-google_pay { width: 86px; }
body[data-design="agy"] .quick-apply-col { width: 84px; }
body[data-design="agy"] .quick-table { min-width: 1332px; }
body[data-design="agy"] .quick-comparison { scroll-margin-top: 0; }

/* English needs more horizontal room; keep text readable and row height stable. */
body[data-design="agy"][data-lang="en"][data-page="compare"] :is([data-feature-column="issuance"], [data-feature-cell="issuance"], [data-feature-column="ongoing"], [data-feature-cell="ongoing"]) { width: 205px; min-width: 205px; max-width: 205px; }
body[data-design="agy"][data-lang="en"][data-page="compare"] :is([data-feature-column="fx"], [data-feature-cell="fx"]) { width: 250px; min-width: 250px; max-width: 250px; }
body[data-design="agy"][data-lang="en"][data-page="compare"] :is([data-feature-column="rewards"], [data-feature-cell="rewards"]) { width: 280px; min-width: 280px; max-width: 280px; }
body[data-design="agy"][data-lang="en"] .quick-col-issuance, body[data-design="agy"][data-lang="en"] .quick-col-ongoing { width: 205px; }
body[data-design="agy"][data-lang="en"] .quick-col-fx { width: 250px; }
body[data-design="agy"][data-lang="en"] .quick-col-rewards { width: 280px; }
body[data-design="agy"][data-lang="en"] .quick-table { min-width: 1544px; }
@media (max-width: 768px) {
  /* A complete feature stays visible beside the frozen name on a phone. */
  body[data-design="agy"][data-page="compare"][data-lang] .comparison-table :is([data-feature-column], [data-feature-cell]) {
    width: min(220px, calc(100vw - var(--col-card-w) - 26px));
    min-width: min(220px, calc(100vw - var(--col-card-w) - 26px));
    max-width: min(220px, calc(100vw - var(--col-card-w) - 26px));
  }
  body[data-design="agy"][data-page="compare"] :is(.dense-cell-summary, .dense-cell-fallback, .compare-capability) { height: 96px; min-height: 96px; }
  body[data-design="agy"][data-page="compare"] :is([data-feature-cell="issuance"], [data-feature-cell="ongoing"], [data-feature-cell="fx"], [data-feature-cell="rewards"]) .dense-note {
    -webkit-line-clamp: 3;
    max-height: 51px;
    white-space: normal;
  }
}
@media (max-width: 640px) {
  body[data-design="agy"] .quick-card-col { width: 146px; }
  body[data-design="agy"] .quick-table { min-width: 1278px; }
  body[data-design="agy"][data-lang="en"] .quick-table { min-width: 1490px; }
}
/* On phones the feature tabs already provide the same navigation as the arrows. */
@media (max-width: 768px) {
  body[data-design="agy"][data-page="compare"] #comparison-terms-panel:has(.compare-quick-nav) .compare-scroll-tools { display: none; }
  body[data-design="agy"][data-page="compare"] .compare-table-hint { text-align: left; justify-content: flex-start; padding: 8px 0 0; }
  body[data-design="agy"][data-page="compare"] .compare-quick-nav { margin-top: 0; }
  body[data-design="agy"][data-page="compare"] .compare-quick-nav button { font-size: 14px; }
  body[data-design="agy"][data-page="compare"] .decision-modes { margin-top: 4px; }
}