.accordion-content {
            transition: max-height 0.3s ease-out, padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-item.active .accordion-content {
            max-height: 1000px; /* Arbitrary large number */
            padding-bottom: 24px;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }

        .canada-admission-hero {
            border-radius: 0 0 1.75rem 1.75rem;
            box-shadow: 0 30px 70px rgba(7, 24, 39, 0.18);
        }

        .canada-admission-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background: radial-gradient(circle at 82% 22%, rgba(13, 125, 150, 0.32), transparent 34%);
            pointer-events: none;
        }

        .canada-admission-layout {
            align-items: start;
        }

        .canada-admission-page section[id],
        .canada-admission-page [id$="-content"] {
            scroll-margin-top: 7rem;
        }

        .canada-admission-steps {
            display: flex;
            gap: .5rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            position: sticky;
            top: 5.25rem;
            z-index: 10;
            background: rgba(247, 249, 252, .94);
            backdrop-filter: blur(12px);
        }

        .canada-admission-steps a {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            min-height: 2.5rem;
            padding: .5rem .75rem;
            border: 1px solid #d8e4e8;
            border-radius: 999px;
            background: #fff;
            color: #334155;
            font-size: .75rem;
            font-weight: 700;
        }

        .canada-admission-steps a span:first-child {
            color: #0d7d96;
        }

        .canada-admission-steps a.is-current {
            border-color: #0d7d96;
            color: #075f73;
        }

        .canada-admission-card {
            border-radius: 1.25rem;
            overflow: hidden;
            box-shadow: 0 18px 42px rgba(7, 24, 39, 0.07);
            transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
        }

        .canada-admission-card.active,
        .canada-admission-card:hover {
            border-color: rgba(13, 125, 150, 0.32);
            box-shadow: 0 24px 58px rgba(7, 24, 39, 0.11);
        }

        .canada-admission-card:hover {
            transform: translateY(-2px);
        }

        .canada-admission-trigger {
            border-radius: 1.25rem;
            gap: 1rem;
        }

        .canada-admission-trigger:focus-visible,
        .canada-admission-cta:focus-visible,
        .canada-admission-steps a:focus-visible {
            outline: 3px solid rgba(13, 125, 150, 0.35);
            outline-offset: 4px;
        }

        .canada-admission-card.active .canada-admission-trigger {
            background: linear-gradient(135deg, #ffffff 0%, #f1f8fb 100%);
        }

        .canada-admission-card li i {
            flex: 0 0 auto;
            width: 1.5rem;
            height: 1.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: rgba(13, 125, 150, 0.1);
        }

        .canada-admission-sidebar > div {
            border-radius: 1.5rem;
            box-shadow: 0 22px 54px rgba(7, 24, 39, 0.1);
        }

        .canada-admission-cta {
            border-radius: 999px;
            box-shadow: 0 16px 34px rgba(7, 24, 39, 0.15);
        }

        @media (max-width: 767px) {
            .canada-admission-steps {
                top: 4.5rem;
                overflow-x: auto;
                white-space: nowrap;
            }

            .canada-admission-steps a {
                flex: 0 0 auto;
            }

            .canada-admission-hero {
                min-height: 54vh;
                border-radius: 0 0 1.25rem 1.25rem;
            }

            .canada-admission-trigger {
                padding-inline: 1.25rem;
                align-items: flex-start;
            }

            .canada-admission-trigger > div {
                flex-wrap: wrap;
            }

            .canada-admission-sidebar > div {
                position: static !important;
            }

            .accordion-content {
                padding-inline: 1.25rem;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .accordion-content,
            .accordion-icon,
            .canada-admission-card {
                transition: none;
            }

            .canada-admission-card:hover {
                transform: none;
            }

            .canada-admission-steps {
                scroll-behavior: auto;
            }
        }