/* Page-specific CSS for Admissions. Shared design tokens/utilities live in layout.css. */
.page-admission-admissions {
    min-height: 0;
}

@media (max-width: 768px) {
    .page-admission-admissions {
        min-height: 0;
    }
}

/* Numbered badge for the admission procedure steps. Written as real CSS rather than Tailwind
   sizing utilities because layout.css is a pre-built bundle that only contains the utilities
   present when it was generated - w-12 is not in it, which left the badge with no width and
   collapsed it to the width of the digit. Fixed dimensions also stop the badge stretching to the
   card's full height, which is what a flex child does by default. */
.step-badge {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}