/* page-tools-credit-cards.css — page-scoped styles for /tools/credit-cards/ (moved out of index.html 2026-09-06) */
    /* Page-scoped: plain unboxed note at the top of the tool. */
    .picker-note { margin: var(--space-5) 0 var(--space-5); max-width: var(--measure); }

    /* Ten columns did not fit and the table clipped its right-hand ones.
       Three changes, in order of how much room each buys:

       1. The card name wraps. Site-wide `td { white-space: nowrap }` forced
          "Citi / AAdvantage Platinum Select World Elite Mastercard" onto a
          single line, and that alone set the table's minimum width. Wrapping
          it inside a capped column recovers by far the most space.
       2. Smaller type and tighter padding.
       3. Numbers right-aligned, so the shortened headers still read as a
          column of figures.

       Scoped to this page: the shared table styles are right for the narrower
       tables elsewhere, and .table-scroll still gives horizontal scroll as the
       fallback on genuinely small screens. */
    #results table { font-size: 0.82rem; }
    #results th,
    #results td { padding: 0.5rem 0.6rem; }
    #results th { font-size: 0.66rem; letter-spacing: 0.06em; }
    #results td:first-child,
    #results th:first-child {
      white-space: normal;
      min-width: 13rem;
      max-width: 17rem;
      line-height: 1.3;
    }
    #results td.num,
    #results th.num { text-align: right; }
    @media (max-width: 900px) {
      #results table { font-size: 0.78rem; }
      #results td:first-child,
      #results th:first-child { min-width: 10rem; }
    }