/* Narrow-screen adjustments for the public school homepage. */
@media (max-width: 680px) {
    .website-nav {
        align-items: flex-start;
    }

    .website-brand {
        min-width: 0;
        max-width: calc(100% - 116px);
    }

    .website-brand > span:last-child {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .website-nav__actions {
        flex: 0 0 auto;
    }

    .website-nav__actions .website-button {
        white-space: nowrap;
    }

    .website-kicker {
        max-width: 100%;
        line-height: 1.4;
    }

    .website-hero h1 {
        max-width: 11ch;
    }

    .website-hero__visual {
        min-width: 0;
    }

    .website-console__main,
    .website-console__course div {
        min-width: 0;
    }

    .website-console__course strong,
    .website-console__course small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .website-section__intro > p {
        max-width: 34ch;
    }

    .website-feature p,
    .website-role small,
    .website-approach__steps p {
        max-width: 42ch;
    }

    .website-anchor-alias {
        display: block;
        position: relative;
        top: -16px;
        visibility: hidden;
    }
}

@media (max-width: 380px) {
    .website-brand {
        max-width: calc(100% - 104px);
    }

    .website-nav__actions .website-button {
        padding-inline: 9px;
    }

    .website-hero h1 {
        font-size: 2.7rem;
    }
}