/* Visa-sponsor pages (generated by actors/visa-sponsors/scripts/build-pages.mjs). Extends styles.css. */
.lede.answer { color: var(--ink); max-width: 52ch; }
.table-scroll { overflow-x: auto; max-width: 100%; }
.data-table { font-size: 0.9375rem; }
.data-table thead th { vertical-align: bottom; }
.data-table.fy tbody th, .data-table.fy tfoot th { white-space: nowrap; }
.data-table tbody th, .data-table tfoot th { font: 500 0.9375rem/1.4 var(--sans); width: auto; }
.data-table tbody th, .data-table tbody td { padding: 0.625rem 1rem 0.625rem 0; }
.data-table tfoot th, .data-table tfoot td { padding: 0.625rem 1rem 0 0; font-weight: 600; }
.data-table tfoot th { text-align: left; }
.data-table .num { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.data-table th.num { font-family: var(--sans); }
.data-table thead th.num { white-space: normal; }
.data-table th:last-child, .data-table td:last-child { padding-right: 0; }
.data-table .range { color: var(--ink-2); }
.data-table .rank { color: var(--ink-2); width: 3.5rem; }
.data-table.compact { max-width: 34rem; }
.two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.two-col > * { min-width: 0; }
.two-col h2 { font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem); }
.related { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem 2rem; border-top: 1px solid var(--ink); padding-top: 1.25rem; }
.related a { font: 600 1.125rem/1.3 var(--serif); text-decoration-color: var(--vermilion); }
.index-hero h1 { font-size: clamp(2.25rem, 1.5rem + 3vw, 3.875rem); line-height: 1.04; max-width: 18ch; }
.letters { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; font: 500 1rem/1.6 var(--mono); margin: 1rem 0 0.5rem; }
.az { list-style: none; margin: 0; padding: 0; columns: 16rem auto; column-gap: 2rem; font-size: 0.9375rem; }
.az li { break-inside: avoid; padding: 0.1875rem 0; }
#az h3 { font: 600 1.5rem/1 var(--serif); margin: 2rem 0 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); }
@media (max-width: 52rem) {
    .two-col { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 30rem) {
    .data-table { font-size: 0.875rem; }
    .data-table thead th { font-size: 0.75rem; }
    .data-table tbody th, .data-table tbody td { padding-right: 0.75rem; }
}