.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-report__title { line-height: 1.2; }
.atlas-report__head { line-height: 1.3; }
.atlas-report__text { line-height: 1.6; }
.atlas-report__list { line-height: 1.75; }
.atlas-report__question { line-height: 1.35; }
.atlas-report__donut { width: 13rem; height: 13rem; }
.atlas-report__donut circle { transition: stroke-dasharray 600ms ease, stroke-dashoffset 600ms ease; }
.atlas-report__bars { height: 14rem; }
.atlas-report__bar { height: 0; transition: height 600ms ease; }
.atlas-report__bar-label { line-height: 1.25; overflow-wrap: anywhere; }
.atlas-report__big { line-height: 1; letter-spacing: -.02em; }
@media (min-width: 1024px) {
    .atlas-report__donut { width: 15rem; height: 15rem; }
    .atlas-report__bars { height: 16rem; }
}
@media (prefers-reduced-motion: reduce) {
    .atlas-report__donut circle, .atlas-report__bar { transition: none; }
}

/* Bootstrap parity — values mirror the Tailwind utilities exactly */
.atlas-report { padding-top: 2rem; padding-bottom: 3rem; }
.atlas-report__wrap { max-width: 75rem; padding-left: 0.625rem; padding-right: 0.625rem; }
.atlas-report__title { font-size: 2rem; }
.atlas-report__gap { margin-top: 3rem; }
.atlas-report__rule { height: 1px; }
.atlas-report__chev { margin-top: -1px; width: 2rem; height: 1rem; }
.atlas-report__row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 2.5rem;
    margin-top: 2rem;
}
.atlas-report__h3 { font-size: 1.5rem; }
.atlas-report__sub { margin-top: 0.75rem; font-size: 1.25rem; }
.atlas-report__mt { margin-top: 1rem; }
.atlas-report__list { margin-left: 0; margin-top: 1rem; padding-left: 1.25rem; list-style: disc; }
.atlas-report__li { padding-left: 0.125rem; }
.atlas-report__btn {
    margin-top: 2rem;
    gap: 1rem;
    padding: 0.75rem 1.25rem 0.75rem 1rem;
    line-height: 1.25;
}
.atlas-report__bline { margin-left: 1rem; width: 1px; height: 1rem; }
.atlas-report__bico { font-size: 0.75rem; line-height: 1rem; }
.atlas-report__question { max-width: 24rem; font-size: 1.25rem; }
.atlas-report__bars { width: 100%; gap: 0.5rem; margin-top: 1.5rem; }
.atlas-report__col { min-width: 0; flex: 1 1 0%; }
.atlas-report__val { margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.atlas-report__lbls { gap: 0.5rem; margin-top: 0.5rem; }
.atlas-report__bar-label { min-width: 0; flex: 1 1 0%; font-size: 0.75rem; }
.atlas-report__split {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
}
.atlas-report__leg { font-size: 0.875rem; line-height: 1.25rem; }
.atlas-report__sw { width: 0.75rem; height: 0.75rem; }
.atlas-report__callout {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
}
.atlas-report__big { font-size: 3.75rem; }
.atlas-report__cap { max-width: 14rem; }

@media (min-width: 640px) {
    .atlas-report__split { flex-direction: row; justify-content: center; gap: 2rem; }
}

@media (min-width: 768px) {
    .atlas-report__row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
    .atlas-report__callout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .atlas-report { padding-top: 2.5rem; padding-bottom: 4rem; }
    .atlas-report__wrap { padding-left: 1rem; padding-right: 1rem; }
    .atlas-report__title { font-size: 2.25rem; }
    .atlas-report__gap { margin-top: 3.5rem; }
    .atlas-report__row { gap: 4rem; margin-top: 2.5rem; }
    .atlas-report__h3 { font-size: 1.75rem; }
    .atlas-report__btn { margin-top: 2.5rem; }
    .atlas-report__bline { margin-left: 1.5rem; }
    .atlas-report__question { font-size: 1.5rem; }
    .atlas-report__callout { gap: 4rem; margin-top: 2.5rem; }
    .atlas-report__big { font-size: 4.5rem; }
}

/* Bootstrap-only rules: script.js adds .is-bs when Bootstrap CSS variables are present */
.atlas-report.is-bs .atlas-report__donut { transform: rotate(-90deg); }
.atlas-report.is-bs .atlas-report__tone-1 { background-color: rgb(var(--bs-primary-rgb)); stroke: rgb(var(--bs-primary-rgb)); }
.atlas-report.is-bs .atlas-report__tone-2 { background-color: rgba(var(--bs-primary-rgb), 0.8); stroke: rgba(var(--bs-primary-rgb), 0.8); }
.atlas-report.is-bs .atlas-report__tone-3 { background-color: rgba(var(--bs-primary-rgb), 0.6); stroke: rgba(var(--bs-primary-rgb), 0.6); }
.atlas-report.is-bs .atlas-report__tone-4 { background-color: rgba(var(--bs-primary-rgb), 0.45); stroke: rgba(var(--bs-primary-rgb), 0.45); }
.atlas-report.is-bs .atlas-report__tone-5 { background-color: rgba(var(--bs-primary-rgb), 0.3); stroke: rgba(var(--bs-primary-rgb), 0.3); }
.atlas-report.is-bs .atlas-report__tone-6 { background-color: rgba(var(--bs-primary-rgb), 0.2); stroke: rgba(var(--bs-primary-rgb), 0.2); }
.atlas-report.is-bs .atlas-report__tone-7 { background-color: rgba(var(--bs-primary-rgb), 0.12); stroke: rgba(var(--bs-primary-rgb), 0.12); }

.atlas-ticks__title { line-height: 1.3; }
.atlas-ticks__text { line-height: 1.6; }
.atlas-ticks__item { line-height: 1.5; }
.atlas-ticks .atlas-ticks__list.atlas-ticks__list { padding: 2.25rem 1.875rem 2.5rem; margin-top: 2.5rem; }
.atlas-ticks--boxed .atlas-ticks__frame { padding: 2.75rem 1.875rem; }
.atlas-ticks--boxed .atlas-ticks__list.atlas-ticks__list { padding: 0; margin-top: 2.5rem; }
@media (max-width: 767.98px) {
    .atlas-ticks .atlas-ticks__list.atlas-ticks__list { padding: 1.5rem 1.25rem; }
    .atlas-ticks--boxed .atlas-ticks__frame { padding: 1.75rem 1.25rem; }
    .atlas-ticks--boxed .atlas-ticks__list.atlas-ticks__list { padding: 0; }
}

/* bootstrap parity — values mirror the Tailwind utilities */
.atlas-ticks {
    padding-bottom: 2.5rem;
}

.atlas-ticks__wrap {
    max-width: 75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.atlas-ticks__title {
    font-size: 1.5rem;
}

.atlas-ticks__text {
    margin: 1rem 0 0;
}

.atlas-ticks__list {
    margin-bottom: 0;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 1.5rem;
    row-gap: 1.25rem;
}

.atlas-ticks__icon {
    padding-top: 0.125rem;
}

.atlas-ticks__tick {
    font-size: 1.25rem;
}

.atlas-ticks__line {
    width: 1px;
    height: 1.25rem;
}

.atlas-ticks__item {
    padding-top: 0.125rem;
}

@media (min-width: 768px) {
    .atlas-ticks__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .atlas-ticks {
        padding-bottom: 3rem;
    }

    .atlas-ticks__wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .atlas-ticks__inner {
        padding-right: 20.25rem;
    }
}

.atlas-note__title { line-height: 1.35; }
.atlas-note__text { line-height: 1.6; }
.atlas-note.atlas-note { padding-bottom: 2.5rem; }
.atlas-note__wrap.atlas-note__wrap { max-width: 75rem; padding-inline: 0.625rem; }
.atlas-note__panel.atlas-note__panel { gap: 2.5rem; padding: 1.75rem 1.25rem; }
.atlas-note__list.atlas-note__list { padding-left: 1.125rem; list-style: disc; }
.atlas-note__item { padding-left: 0.125rem; }
.atlas-note__closing.atlas-note__closing { margin: -1.5rem 0 0; }
@media (min-width: 768px) { .atlas-note__panel.atlas-note__panel { padding: 2.25rem 1.875rem 2rem; } }
@media (min-width: 1024px) {
    .atlas-note.atlas-note { padding-bottom: 3rem; }
    .atlas-note__wrap.atlas-note__wrap { padding-inline: 1rem; }
    .atlas-note__inner { padding-right: 20.25rem; }
}

.atlas-request [hidden] { display: none !important; }
.atlas-request__title { line-height: 1.25; }
.atlas-request__lead { line-height: 1.5; }
.atlas-request__list { line-height: 1.6; }
.atlas-request__ctrl:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.atlas-request__select { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 3.5rem; }
.atlas-request__check { width: 1.5rem; height: 1.5rem; margin: 0; cursor: pointer; }
.atlas-request__consent { line-height: 1.85; }
.atlas-request__btn { appearance: none; -webkit-appearance: none; cursor: pointer; font: inherit; min-width: 6.5rem; }

.atlas-request__mark { width: 3.25rem; }
.atlas-request__logo svg, .atlas-request__logo img { display: block; width: 100%; height: auto; max-height: 1.75rem; }
.atlas-request__brand { font-size: .4375rem; letter-spacing: .04em; word-break: break-word; }
.atlas-request__mosaic { min-height: 17rem; }
.atlas-request__tile { aspect-ratio: 1 / 1; opacity: .55; }
.atlas-request__tile:nth-child(3n) { opacity: .3; }
.atlas-request__tile:nth-child(5n + 2) { opacity: .8; }
.atlas-request__tile:nth-child(7n + 4) { opacity: .15; }
.atlas-request__tagline { line-height: 1.2; }
@media (min-width: 1024px) {
    .atlas-request__mark { width: 4rem; }
    .atlas-request__mosaic { min-height: 22rem; }
}

/* Bootstrap-mode parity (values mirror the Tailwind classes) */
.atlas-request.atlas-request { padding-top: 2rem; padding-bottom: 3rem; }
.atlas-request__wrap.atlas-request__wrap { max-width: 75rem; padding-inline: 0.625rem; }
.atlas-request__title.atlas-request__title { font-size: 2rem; }
.atlas-request__lead.atlas-request__lead { margin: 2rem 0 0; font-size: 1.125rem; }
.atlas-request__list.atlas-request__list { margin: 1rem 0 0; padding-left: 1.25rem; list-style: disc; }
.atlas-request__item { padding-left: 0.125rem; }
.atlas-request__grid.atlas-request__grid { margin-top: 2.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2.5rem; }
.atlas-request__h.atlas-request__h { font-size: 1.5rem; line-height: 2rem; }
.atlas-request__box.atlas-request__box { margin-top: 1rem; gap: 1rem; padding: 1.5rem 1.25rem; }
.atlas-request__label.atlas-request__label { gap: 0.375rem; font-size: 0.6875rem; }
.atlas-request__ctrl.atlas-request__ctrl { height: 2.5rem; font-size: 1rem; line-height: 1.5rem; }
.atlas-request__ctrl.atlas-request__ctrl:not(.atlas-request__select) { padding: 0 0.625rem; }
.atlas-request__select.atlas-request__select { padding-left: 0.625rem; }
.atlas-request__err.atlas-request__err { font-size: 0.875rem; line-height: 1.25rem; }
.atlas-request__chev.atlas-request__chev { gap: 0.75rem; padding-right: 0.75rem; }
.atlas-request__rule { width: 1px; height: 1.5rem; }
.atlas-request__chev-i.atlas-request__chev-i { font-size: 0.875rem; line-height: 1.25rem; }
.atlas-request__consent.atlas-request__consent { gap: 1rem; cursor: pointer; }
.atlas-request__check.atlas-request__check { width: 1.5rem; height: 1.5rem; }
.atlas-request__btn.atlas-request__btn { margin-top: 0.25rem; padding: 0.75rem 1.25rem; font-size: 0.875rem; line-height: 1.25rem; }
.atlas-request__head.atlas-request__head { padding: 1rem 1rem 1.5rem; }
.atlas-request__mark.atlas-request__mark { padding: 0.375rem; }
.atlas-request__kicker.atlas-request__kicker { font-size: 1.125rem; line-height: 1.75rem; }
.atlas-request__tiles.atlas-request__tiles { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0.125rem; padding: 0.125rem; }
.atlas-request__tagline.atlas-request__tagline { max-width: 60%; left: 1rem; font-size: 1.5rem; transform: translateY(-50%); }
@media (min-width: 768px) {
    .atlas-request__grid.atlas-request__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
    .atlas-request__fields { max-width: 25rem; }
}
@media (min-width: 1024px) {
    .atlas-request.atlas-request { padding-top: 2.5rem; padding-bottom: 4rem; }
    .atlas-request__wrap.atlas-request__wrap { padding-inline: 1rem; }
    .atlas-request__grid.atlas-request__grid { margin-top: 3rem; max-width: 71rem; gap: 3.5rem; }
    .atlas-request__box.atlas-request__box { padding: 1.75rem 1.75rem 2rem; }
    .atlas-request__head.atlas-request__head { padding-inline: 1.25rem; }
    .atlas-request__kicker.atlas-request__kicker { font-size: 1.25rem; }
    .atlas-request__tagline.atlas-request__tagline { left: 1.25rem; font-size: 1.75rem; }
}

