.atlas-plate__media { height: 4.375rem; }
.atlas-plate__photo { object-fit: cover; object-position: 75% 35%; }
.atlas-plate__title { line-height: 1.15; }
.atlas-plate__stat { width: 20rem; transform: rotate(-6deg); }
.atlas-plate__figure { font-size: 6rem; letter-spacing: -.03em; overflow-wrap: anywhere; }
.atlas-plate__caption { line-height: 1.25; }
@media (min-width: 768px) {
    .atlas-plate__media { height: 11rem; }
    .atlas-plate__media:has(.atlas-plate__stat), .atlas-plate__media:has(.atlas-plate__title + *) { height: 18rem; }
    .atlas-plate__stat { width: 15rem; padding: 1.25rem 1.5rem; }
    .atlas-plate__figure { font-size: 4rem; }
}
@media (min-width: 1024px) {
    .atlas-plate__media { height: 15rem; }
    .atlas-plate__media:has(.atlas-plate__stat), .atlas-plate__media:has(.atlas-plate__title + *) { height: 23.4375rem; }
    .atlas-plate__stat { width: 21rem; margin-right: 6rem; padding: 1.75rem 2rem; }
    .atlas-plate__figure { font-size: 7rem; }
}

/* bootstrap parity — sizes mirrored from the Tailwind utilities */
.atlas-plate__wrap.atlas-plate__wrap { max-width: 75rem; gap: 2rem; padding-inline: 0.625rem; }
@media (min-width: 1024px) { .atlas-plate__wrap.atlas-plate__wrap { padding-inline: 1rem; } }

.atlas-plate__inner.atlas-plate__inner { max-width: 38rem; }
@media (min-width: 1024px) { .atlas-plate__inner.atlas-plate__inner { padding-left: 0.875rem; } }

.atlas-plate__title.atlas-plate__title { font-size: 1.125rem; }
@media (min-width: 768px) { .atlas-plate__title.atlas-plate__title { font-size: 2.25rem; } }
@media (min-width: 1024px) { .atlas-plate__title.atlas-plate__title { font-size: 3rem; } }

.atlas-plate__lead.atlas-plate__lead { margin: 1.5rem 0 0; }
.atlas-plate__btn.atlas-plate__btn { margin-top: 2rem; padding: 0.75rem 1.25rem; }
.atlas-plate__stat.atlas-plate__stat { padding: 1.75rem 2rem; }
@media (min-width: 768px) { .atlas-plate__stat.atlas-plate__stat { padding: 1.25rem 1.5rem; } }
@media (min-width: 1024px) { .atlas-plate__stat.atlas-plate__stat { padding: 1.75rem 2rem; } }
.atlas-plate__caption.atlas-plate__caption { margin: 0.5rem 0 0; font-size: 1.25rem; }

.atlas-plate__row.atlas-plate__row { max-width: 75rem; padding: 0.75rem 0.625rem 0; }
.atlas-plate__cta.atlas-plate__cta { padding: 0.625rem 1.25rem; }

.atlas-roster [hidden] { display: none !important; }
.atlas-roster__pill { appearance: none; -webkit-appearance: none; cursor: pointer; font: inherit; font-weight: 700; width: 2.25rem; height: 2.25rem; }
.atlas-roster__table { min-width: 34rem; }
.atlas-roster__table td, .atlas-roster__table th { line-height: 1.5; }
.atlas-roster__page { appearance: none; -webkit-appearance: none; cursor: pointer; font: inherit; font-weight: 700; min-width: 1.75rem; height: 1.75rem; padding: 0 .4rem; }
@media (min-width: 1024px) { .atlas-roster__letters, .atlas-roster__table { max-width: 73.5rem; } .atlas-roster__pill { width: 2.5rem; height: 2.5rem; } }
.atlas-roster__pill--all.atlas-roster__pill--all { width: auto; min-width: 2.25rem; padding: 0 .9rem; }

/* Bootstrap parity — values mirror the Tailwind utilities exactly */
.atlas-roster { padding-top: 1.5rem; padding-bottom: 2.5rem; }
.atlas-roster__wrap { max-width: 75rem; padding-left: 0.625rem; padding-right: 0.625rem; }
.atlas-roster__pill.atlas-roster__pill, .atlas-roster__page.atlas-roster__page { font-size: 0.75rem; line-height: 1rem; }
.atlas-roster__pill:disabled { cursor: default; opacity: 0.4; }
.atlas-roster__area { margin-top: 2.5rem; }
.atlas-roster__table { border-collapse: collapse; font-size: 0.875rem; line-height: 1.25rem; }
.atlas-roster__th { width: 33.333333%; padding-right: 1rem; padding-bottom: 0.75rem; font-size: 1.125rem; }
.atlas-roster__tr { border-bottom-width: 1px; border-bottom-style: dotted; }
.atlas-roster__td { padding-top: 0.375rem; padding-right: 1rem; padding-bottom: 0.375rem; }
.atlas-roster__pager { margin-top: 2rem; gap: 0.375rem; }
.atlas-roster__note { margin-top: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; }

@media (min-width: 1024px) {
    .atlas-roster { padding-top: 2.5rem; padding-bottom: 4rem; }
    .atlas-roster__wrap { padding-left: 1rem; padding-right: 1rem; }
    .atlas-roster__area { margin-top: 3rem; }
}