        .canada-destination-subnav {
            backdrop-filter: blur(16px);
        }

        .canada-destination-subnav a {
            border-radius: 999px;
            padding-inline: 0.35rem;
            outline-offset: 4px;
        }

        .canada-destination-subnav a:focus-visible,
        .canada-destination-page a:focus-visible,
        .canada-destination-faq summary:focus-visible {
            outline: 3px solid rgba(13, 125, 150, 0.35);
            outline-offset: 4px;
        }

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

        .canada-destination-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background:
                radial-gradient(circle at 82% 18%, rgba(26, 151, 179, 0.28), transparent 32%),
                linear-gradient(90deg, rgba(7, 24, 39, 0.16), transparent 54%);
            pointer-events: none;
        }

        .canada-destination-section {
            scroll-margin-top: 190px;
        }

        .canada-destination-page :is(#overview, #programs, #requirements, #costs, #process, #study-uk) :is(.bg-pure-white, .bg-surface-container-low) {
            border-radius: 1.25rem;
            box-shadow: 0 16px 40px rgba(7, 24, 39, 0.07);
            transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
        }

        .canada-destination-page :is(#overview, #programs, #requirements, #costs, #process, #study-uk) :is(.bg-pure-white, .bg-surface-container-low):hover {
            transform: translateY(-3px);
            border-color: rgba(13, 125, 150, 0.28);
            box-shadow: 0 24px 56px rgba(7, 24, 39, 0.11);
        }

        .canada-destination-page :is(#overview, #programs, #requirements, #costs, #process, #study-uk) a {
            border-radius: 999px;
        }

        .canada-destination-page :is(#programs, #costs, #study-uk) .grid > div,
        .canada-destination-page #process .grid > div {
            min-height: 100%;
        }

        .canada-destination-page .dest-hero {
            min-height: clamp(34rem, 70vh, 48rem);
            display: flex;
            align-items: center;
        }

        .canada-destination-page .dest-hero .dest-container {
            width: 100%;
        }

        .canada-destination-page a {
            min-height: 2.875rem;
        }

        .canada-destination-page section[id] {
            scroll-margin-top: 7rem;
        }

        .canada-destination-page :is(.bg-white, .bg-pure-white) {
            transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
        }

        .canada-destination-page :is(.bg-white, .bg-pure-white):hover {
            transform: translateY(-3px);
            border-color: rgba(13, 125, 150, 0.28);
            box-shadow: 0 20px 48px rgba(7, 24, 39, 0.1);
        }

        .canada-destination-page :is(a, [role="button"], summary):focus-visible {
            outline: 3px solid #42d2e7;
            outline-offset: 4px;
        }

        .canada-destination-page #requirements .bg-surface-container-low {
            background:
                radial-gradient(circle at 88% 12%, rgba(13, 125, 150, 0.12), transparent 32%),
                #f3f8fb;
        }

        .canada-destination-faq details {
            border-radius: 1.25rem;
            transition: border-color 220ms ease, box-shadow 220ms ease;
        }

        .canada-destination-faq details[open],
        .canada-destination-faq details:hover {
            border-color: rgba(13, 125, 150, 0.28);
            box-shadow: 0 18px 42px rgba(7, 24, 39, 0.09);
        }

        .canada-destination-faq summary {
            gap: 1rem;
        }

        @media (max-width: 767px) {
            .canada-destination-subnav {
                top: 92px;
            }

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

            .canada-destination-section {
                scroll-margin-top: 160px;
            }

            .canada-destination-page .dest-hero {
                min-height: 38rem;
                align-items: flex-end;
            }

            .canada-destination-page .dest-hero .flex.flex-wrap {
                flex-direction: column;
                align-items: stretch;
            }

            .canada-destination-page .dest-hero .flex.flex-wrap a {
                width: 100%;
                text-align: center;
            }

            .canada-destination-page h2 {
                font-size: clamp(1.7rem, 8vw, 2.2rem);
                line-height: 1.15;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .canada-destination-page :is(.bg-pure-white, .bg-surface-container-low),
            .canada-destination-page :is(.bg-white, .bg-pure-white),
            .canada-destination-faq details {
                transition: none;
            }

            .canada-destination-page :is(.bg-pure-white, .bg-surface-container-low, .bg-white):hover {
                transform: none;
            }
        }
