/* Compact class navigation; Bootstrap supplies equal columns and mobile stacking. */
html:has(#acls-class-selection), html:has(#pals-class-selection) { scroll-behavior: smooth; }
#acls-class-selection, #pals-class-selection { scroll-margin-top: calc(6rem + var(--wp-admin--admin-bar--height, 0px)); }
@media (prefers-reduced-motion: reduce) {
    html:has(#acls-class-selection), html:has(#pals-class-selection) { scroll-behavior: auto; }
}
.cce-class-selection { margin: 2rem 0; padding: 1.5rem 2rem; border: 1px solid #e1e1e1; border-radius: 1.75rem; background: #fff; box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .08); color: #080808; font-family: 'Open Sans', Arial, sans-serif; overflow-wrap: anywhere; }
.cce-class-selection__header { margin-bottom: 1rem; text-align: center; }
.cce-class-selection__heading { margin: 0; color: #080808; font: 700 clamp(1rem, 1.5vw, 1.25rem)/1.5 'Open Sans', Arial, sans-serif; }
.cce-class-selection__column { display: flex; min-width: 0; margin-bottom: .75rem; }
.cce-class-selection__button { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; min-height: 48px; padding: .75rem 1rem; border: 1px solid #171717; border-radius: .6rem; background: #171717; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.4; text-decoration: none; }
.cce-class-selection__button span:first-child { min-width: 0; }
.cce-class-selection__button span:last-child { flex-shrink: 0; color: #fff; }
.cce-class-selection__button:hover { border-color: var(--cce-primary-red); background: #242020; color: #fff; text-decoration: none; }
.cce-class-selection__button:focus-visible { outline: 3px solid var(--cce-primary-red); outline-offset: 3px; }
@media (max-width: 767.98px) {
    .cce-class-selection { padding: 1.5rem 1.25rem; border-radius: 1.5rem; }
}