.iserc-pages.unit-site {
    --school-colour: color-mix(in srgb, var(--color-cyan-700) 80%, var(--color-navy-900));
}

.iserc-pages.unit-site .school-main .default-btn.outline {
    color: var(--school-colour);
}

.iserc-pages.unit-site .school-main .default-btn.outline:is(:hover, :focus-visible) {
    color: var(--color-navy-900);
}

.iserc-hero .school-hero__title {
    max-width: 23ch;
    font-size: clamp(2rem, 4.6vw, 4.25rem);
    text-wrap: balance;
}

.iserc-section-nav {
    border-block: 1px solid var(--color-cyan-700);
    padding-block: .5rem;
}

.iserc-section-nav a,
.iserc-contact a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--school-colour);
    text-decoration: underline;
    text-underline-offset: .2em;
}

.iserc-guide-section {
    scroll-margin-top: 8rem;
}

.iserc-guide-section + .iserc-guide-section {
    margin-top: 2.75rem;
    border-top: 1px solid var(--color-cyan-700);
    padding-top: 2rem;
}

.school-prose.iserc-prose {
    max-width: 72ch;
}

.iserc-prose a:not(.default-btn) {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.iserc-prose dt + dd,
.iserc-contact dt + dd {
    margin-bottom: 1rem;
}

.iserc-schedule-note {
    max-width: 65ch;
    padding: 1rem 1.25rem;
    background: var(--school-colour-soft);
    color: var(--school-deep);
}

.iserc-prose table {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.iserc-table-scroll {
    overflow-x: auto;
}

.iserc-table-scroll:focus-visible {
    outline: 2px solid var(--school-colour);
    outline-offset: 2px;
}

#fees .iserc-table-scroll table {
    min-width: 36rem;
}

.iserc-prose caption {
    caption-side: top;
    color: var(--school-deep);
    font-weight: 600;
}

.iserc-prose :is(th, td) {
    border-bottom: 1px solid var(--school-colour-soft);
    padding: .65rem .75rem;
    text-align: start;
}

.iserc-prose thead {
    background: var(--school-deep);
    color: #fff;
}

.iserc-prose tbody tr:nth-child(even) {
    background: var(--school-colour-soft);
}

.iserc-hero .school-eyebrow,
.iserc-submission .school-eyebrow {
    color: var(--school-accent-light);
}

.iserc-accreditation {
    max-width: 65ch;
    margin: 1.5rem 0 0;
    color: inherit;
}

.iserc-pages .school-main .iserc-accreditation a[href] {
    color: var(--school-footer-link);
    text-decoration: underline;
    text-underline-offset: .2em;
}

.iserc-pages.unit-site .school-main .default-btn.ghost {
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid currentColor;
    background: transparent;
    color: #fff;
    text-decoration: none;
}

.iserc-pages.unit-site .school-main .default-btn.ghost:is(:hover, :focus-visible) {
    border-color: #fff;
    background: #fff;
    color: var(--school-deep);
}

#about-iserc,
#submission-options {
    scroll-margin-top: 8rem;
}

.iserc-video {
    display: block;
    color: var(--school-colour);
    background: var(--school-colour-soft);
}

.iserc-video img {
    display: block;
    width: 100%;
    height: auto;
}

.iserc-video span {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .9rem 1rem;
    text-decoration: underline;
    text-underline-offset: .2em;
}

.iserc-video .bx {
    font-size: 1.5rem;
}

.iserc-vision {
    min-height: 22rem;
    align-items: center;
}

.iserc-vision h2,
.iserc-submission h3 {
    color: #fff;
}

.iserc-submission img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 26rem;
    object-fit: cover;
}

.iserc-submission__content {
    padding: clamp(1.5rem, 5vw, 3rem);
}

.iserc-submission__content p:not(.school-eyebrow) {
    margin-bottom: 1.25rem;
}

.iserc-table-scroll table + p {
    margin-top: 1rem;
}

.iserc-guide-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
    background: var(--school-colour-soft);
}

.iserc-guide-facts dt + dd {
    font-weight: 700;
    margin-bottom: 0;
}

.iserc-footer-banner {
    padding-block: 1.25rem;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.iserc-resources {
    background: var(--school-deep);
}

.iserc-footer-banner p,
.iserc-footer-newsletter p {
    color: rgb(255 255 255 / 86%);
}

.iserc-footer-newsletter h2 {
    color: #fff;
    font-size: 1.25rem;
}

.iserc-footer-newsletter label,
.iserc-paybill {
    color: rgb(255 255 255 / 92%);
}

.iserc-footer-newsletter input[type=email] {
    min-width: 0;
}

.iserc-paybill {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-top: 1.25rem;
}

.iserc-paybill dd {
    margin-bottom: 0;
}

.iserc-footer-navigation a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--school-footer-link);
}

@media (max-width: 991.98px) {
    .iserc-guide-facts {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .iserc-pages .section-navigation {
        position: static;
    }

    .iserc-pages .section-navigation__links {
        flex-wrap: wrap;
        overflow: visible;
    }

    .iserc-pages .section-navigation__links li {
        min-width: 0;
    }

    .iserc-pages .section-navigation__links a {
        white-space: normal;
    }
}