@media (max-width: 1180px) {
    .support-application-hero {
        grid-template-columns:
            56px
            minmax(0, 1fr)
            minmax(250px, 310px);
        gap: 45px;
    }

    .support-application-form-section {
        grid-template-columns:
            minmax(240px, 0.6fr)
            minmax(540px, 1.4fr);
        gap: 70px;
    }

    .support-form-group {
        padding-right: 31px;
        padding-left: 31px;
    }

    .support-form-confirmation {
        padding-right: 31px;
        padding-left: 31px;
    }

    .support-form-submit {
        padding-right: 31px;
        padding-left: 31px;
    }
}

@media (max-width: 920px) {
    .support-application-hero {
        min-height: auto;
        padding-top:
            calc(
                var(--header-height)
                + 70px
            );
        grid-template-columns:
            38px
            minmax(0, 1fr)
            38px;
        gap: 0;
    }

    .support-application-hero-index {
        grid-column: 1;
        grid-row: 1;
    }

    .support-application-hero-content {
        min-height: 560px;
        grid-column: 2;
        grid-row: 1;
    }

    .support-application-hero h1 {
        font-size: clamp(
            58px,
            10.2vw,
            88px
        );
    }

    .support-application-requirements {
        width: 100%;
        margin-top: 55px;
        grid-column: 2;
        grid-row: 2;
    }

    .support-application-form-section {
        padding-top: 110px;
        padding-bottom: 120px;
        grid-template-columns: 1fr;
        gap: 75px;
    }

    .support-application-sidebar {
        max-width: 690px;
    }

    .support-application-sidebar ol {
        display: grid;
        grid-template-columns:
            repeat(2, 1fr);
    }

    .support-application-sidebar li:nth-child(even) {
        padding-left: 18px;
        border-left: 1px solid var(--border);
    }

    .support-success-panel {
        padding: 56px;
    }

    .support-success-icon {
        top: 52px;
        right: 56px;
    }

    .support-success-next {
        grid-template-columns: 1fr;
    }

    .support-success-next article {
        display: grid;
        min-height: auto;
        padding: 25px 0;
        grid-template-columns:
            44px
            minmax(0, 1fr);
        gap: 18px;
    }

    .support-success-next article + article {
        border-top: 1px solid var(--border);
        border-left: 0;
    }

    .support-success-next h2 {
        margin: 0 0 10px;
    }
}

@media (max-width: 680px) {
    .support-application-hero {
        display: block;
        padding-top: 138px;
        padding-bottom: 86px;
    }

    .support-application-hero-index {
        display: none;
    }

    .support-application-hero-content {
        min-height: auto;
    }

    .support-application-hero h1 {
        margin-top: 27px;
        font-size: clamp(
            46px,
            13.4vw,
            72px
        );
        line-height: 1.01;
    }

    .support-application-hero-copy {
        padding-top: 28px;
        font-size: 13px;
        line-height: 1.8;
    }

    .support-application-requirements {
        margin-top: 58px;
    }

    .support-application-requirements div {
        min-height: 62px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .support-application-form-section {
        padding-top: 90px;
        padding-bottom: 100px;
        gap: 58px;
    }

    .support-application-sidebar {
        grid-template-columns:
            38px
            minmax(0, 1fr);
    }

    .support-application-sidebar h2 {
        font-size: 42px;
    }

    .support-application-sidebar ol {
        grid-template-columns: 1fr;
        margin-top: 42px;
    }

    .support-application-sidebar li:nth-child(even) {
        padding-left: 0;
        border-left: 0;
    }

    .support-form-group {
        padding: 28px 24px;
    }

    .support-form-group legend {
        gap: 13px;
        padding-bottom: 26px;
    }

    .support-form-group legend > span:first-child {
        width: 25px;
    }

    .support-form-grid {
        grid-template-columns: 1fr;
        gap: 23px;
    }

    .support-field-wide {
        grid-column: auto;
    }

    .support-form-confirmation {
        padding: 28px 24px;
    }

    .support-form-confirmation > p {
        margin-left: 0;
    }

    .support-form-submit {
        min-height: 62px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .support-application-closed {
        min-height: 480px;
        padding: 36px 28px;
    }

    .support-application-closed h2 {
        font-size: 38px;
    }

    .support-application-success {
        padding-top:
            calc(
                var(--header-height)
                + 60px
            );
        padding-bottom: 80px;
    }

    .support-success-panel {
        padding: 38px 28px;
    }

    .support-success-icon {
        position: static;
        margin: 45px 0 34px;
        font-size: 46px;
    }

    .support-success-panel > .eyebrow {
        margin-top: 0;
    }

    .support-success-panel h1 {
        font-size: clamp(
            44px,
            12vw,
            66px
        );
        line-height: 1.01;
    }

    .support-success-reference {
        display: block;
        margin: 43px 0 55px;
    }

    .support-success-reference strong {
        display: block;
        margin-top: 12px;
        overflow-wrap: anywhere;
    }

    .support-success-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }
}

@media (max-width: 420px) {
    .support-application-hero {
        padding-top: 122px;
        padding-bottom: 70px;
    }

    .support-application-hero h1 {
        margin: 22px 0 32px;
        font-size: clamp(
            41px,
            13vw,
            55px
        );
        letter-spacing: -0.06em;
    }

    .support-application-requirements {
        margin-top: 48px;
    }

    .support-application-requirements dt {
        font-size: 7px;
    }

    .support-application-requirements dd {
        font-size: 10px;
    }

    .support-application-form-section {
        padding-top: 74px;
        padding-bottom: 82px;
        gap: 48px;
    }

    .support-application-sidebar {
        grid-template-columns:
            30px
            minmax(0, 1fr);
    }

    .support-application-sidebar h2 {
        margin-top: 18px;
        font-size: 37px;
    }

    .support-application-sidebar > div > p:last-child {
        font-size: 11px;
    }

    .support-application-sidebar ol {
        margin-top: 34px;
    }

    .support-application-sidebar li {
        min-height: 43px;
        font-size: 8px;
    }

    .support-form-error {
        padding: 17px;
    }

    .support-form-group {
        padding: 24px 18px;
    }

    .support-form-group legend strong {
        font-size: 13px;
    }

    .support-form-group legend small {
        font-size: 8px;
        line-height: 1.55;
    }

    .support-field > span {
        font-size: 9px;
    }

    .support-field input,
    .support-field select {
        min-height: 46px;
    }

    .support-field input,
    .support-field select,
    .support-field textarea {
        font-size: 11px;
    }

    .support-field small {
        display: block;
    }

    .support-field small [data-character-count] {
        display: inline;
        margin-left: 6px;
    }

    .support-form-confirmation {
        padding: 24px 18px;
    }

    .support-form-confirmation label span {
        font-size: 9px;
    }

    .support-form-submit {
        min-height: 58px;
        padding-right: 18px;
        padding-left: 18px;
        font-size: 9px;
    }

    .support-application-closed {
        min-height: 430px;
        padding: 28px 20px;
    }

    .support-application-closed h2 {
        font-size: 33px;
    }

    .support-application-success {
        padding-top:
            calc(
                var(--header-height)
                + 42px
            );
        padding-bottom: 65px;
    }

    .support-success-panel {
        padding: 30px 20px;
    }

    .support-success-status {
        font-size: 7px;
    }

    .support-success-icon {
        margin-top: 37px;
        margin-bottom: 28px;
        font-size: 40px;
    }

    .support-success-panel h1 {
        font-size: 42px;
    }

    .support-success-copy {
        font-size: 12px;
    }

    .support-success-next article {
        grid-template-columns:
            32px
            minmax(0, 1fr);
        gap: 12px;
    }

    .support-success-next p {
        font-size: 9px;
    }
}