/* educatIA: compact, production-facing student surfaces.
   This file is loaded after styles.css so it can refine layout without
   changing the shared brand, navigation, logos or application behavior. */

:root {
    --study-ink: #0f172a;
    --study-muted: #5d6b82;
    --study-blue: #0066e6;
    --study-blue-dark: #084a9f;
    --study-line: #d7e2f0;
    --study-soft: #f4f8fd;
    --study-radius: 12px;
    --study-shadow: 0 8px 24px rgba(20, 53, 92, .07);
}

/* Explore hero: keep the supplied educatIA photography, at useful scale. */
.exm-hero {
    background: #000;
}

.exm-hero__grid {
    grid-template-columns: minmax(360px, .9fr) minmax(440px, 1.1fr);
    min-height: 304px;
    gap: 44px;
    background: #000;
}

.exm-hero__copy h1 {
    max-width: 620px;
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.01;
}

.exm-hero__visual {
    min-height: 304px;
    align-items: stretch;
    background: #000;
}

.exm-hero__visual img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: 350px;
    margin: 0;
    border-radius: 0;
    object-fit: contain;
    object-position: center;
    box-shadow: none;
    transform: none;
}

/* The source logo includes whitespace around the wordmark. Preserve the
   complete mark in the compact public navigation instead of clipping the a. */
.site-nav__logo-clip--public {
    width: 148px;
}

/* Authentication stays over the current page and reads as a focused product
   surface, not as a separate blank route. */
body.auth-modal-open {
    overflow: hidden;
}

.auth-modal-overlay {
    align-items: center;
    padding: 24px;
    background: rgba(8, 20, 38, .58);
    backdrop-filter: blur(7px);
}

.auth-modal {
    width: min(430px, calc(100vw - 32px));
    max-height: min(760px, calc(100vh - 48px));
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(2, 15, 35, .28);
    backdrop-filter: none;
}

.auth-modal__close {
    top: 14px;
    right: 14px;
    background: #f3f6fa;
    color: #475569;
    box-shadow: none;
}

.auth-modal__header {
    padding: 30px 30px 0;
    text-align: left;
}

.auth-modal__brand {
    margin-bottom: 14px;
    color: #0066e6;
    font-size: 16px;
    font-weight: 850;
}

.auth-modal__title {
    margin-bottom: 7px;
    color: #0f172a;
    font-size: 25px;
    letter-spacing: -.035em;
}

.auth-modal__sub {
    max-width: 340px;
    margin: 0;
    color: #5b687c;
    font-size: 13px;
}

.auth-modal__body {
    padding: 22px 30px 18px;
}

.auth-modal__social {
    gap: 9px;
}

.auth-modal__social-btn {
    min-height: 54px;
    padding: 8px 12px;
    border: 1px solid #cbd7e5;
    border-radius: 9px;
    background: #fff;
    box-shadow: none;
}

.auth-modal__social-btn:hover {
    border-color: #7aa9df;
    background: #f8fbff;
    box-shadow: 0 7px 18px rgba(14, 68, 130, .09);
}

.auth-modal__social-mark {
    width: 34px;
    height: 34px;
    background: #f4f7fb;
}

.auth-modal__divider {
    margin: 18px 0;
    color: #748196;
}

.auth-modal__form .fg {
    margin-bottom: 13px;
}

.auth-modal__form .fi {
    min-height: 45px;
    padding: 10px 13px;
    border-color: #cbd7e5;
    border-radius: 8px;
    background: #fff;
}

.auth-modal__form .fi:focus {
    border-color: #0066e6;
    box-shadow: 0 0 0 3px rgba(0, 102, 230, .12);
}

.auth-modal__form .btn--modal-pri {
    min-height: 46px;
    border-radius: 8px;
    background: #0066e6;
    box-shadow: none;
}

.auth-modal__form .btn--modal-pri:hover {
    background: #0056c7;
}

.auth-modal__footer {
    padding: 0 30px 26px;
    color: #64748b;
    font-size: 12px;
}

.auth-modal__footer a {
    color: #075fc9;
}

/* Learner home */
.learning-home--personal {
    background: #f7f9fc;
}

.learning-home--personal .lh-shell {
    max-width: 1360px;
    padding: 24px 24px 56px;
}

.learning-home--personal .lh-top {
    min-height: 56px;
    margin: 0 0 16px;
    padding: 0;
}

.learning-home--personal .lh-top__identity {
    gap: 11px;
}

.learning-home--personal .lh-top__avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 14px;
}

.learning-home--personal .lh-streak-profile {
    min-height: 42px;
    padding: 3px 9px 3px 3px;
    box-shadow: none;
}

.learning-home--personal .lh-streak-profile__media,
.learning-home--personal .lh-streak-profile.is-starting .lh-streak-profile__media {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}

.learning-home--personal .lh-streak-profile__media img,
.learning-home--personal .lh-streak-profile.is-starting .lh-streak-profile__media img {
    width: 42px;
    height: 42px;
}

.learning-home--personal .lh-streak-profile__count strong { font-size: 15px; }
.learning-home--personal .lh-streak-profile__count small { font-size: 9px; }

.learning-home--personal .lh-top h1 {
    max-width: 720px;
    font-size: clamp(22px, 2.35vw, 31px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.learning-home--personal .lh-top p {
    margin-top: 3px;
    font-size: 13px;
}

.learning-home--personal .lh-top__actions .btn {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 7px;
    font-size: 13px;
}

.learning-home--personal .lh-kicker {
    margin-bottom: 4px;
    font-size: 10px;
    letter-spacing: .045em;
}

.learning-home--personal .lh-continue {
    grid-template-columns: minmax(0, 1fr) 270px;
    border-radius: var(--study-radius);
    box-shadow: var(--study-shadow);
}

.learning-home--personal .lh-continue__main {
    padding: 22px 24px;
}

.learning-home--personal .lh-continue h2 {
    max-width: 760px;
    font-size: clamp(22px, 2.55vw, 32px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.learning-home--personal .lh-continue p {
    margin-top: 7px;
    font-size: 13px;
}

.learning-home--personal .lh-continue .lh-progress {
    height: 5px;
    margin-top: 14px;
}

.learning-home--personal .lh-continue__meta {
    margin-top: 8px;
    font-size: 11px;
}

.learning-home--personal .lh-continue__actions {
    margin-top: 16px;
}

.learning-home--personal .lh-continue__actions .btn,
.learning-home--personal .lh-exam-practice__actions .btn {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 12px;
}

.learning-home--personal .lh-next-step {
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    align-items: center;
    gap: 7px 14px;
    padding: 20px;
    background: #0c1d36;
}

.learning-home--personal .lh-next-step > span,
.learning-home--personal .lh-next-step > h3,
.learning-home--personal .lh-next-step > p,
.learning-home--personal .lh-next-step__actions {
    grid-column: 1;
}

.learning-home--personal .lh-next-step h3 {
    font-size: 18px;
    line-height: 1.18;
}

.learning-home--personal .lh-next-step p {
    font-size: 12px;
    line-height: 1.4;
}

.learning-home--personal .lh-ring {
    grid-column: 2;
    grid-row: 1 / span 3;
    width: 66px;
    height: 66px;
}

.learning-home--personal .lh-ring strong {
    width: 48px;
    height: 48px;
    font-size: 16px;
}

.learning-home--personal .lh-next-step__actions .btn {
    min-height: 34px;
    padding: 0 10px;
    font-size: 10px;
}

.learning-home--personal .lh-stats {
    gap: 10px;
    margin: 12px 0 18px;
}

.learning-home--personal .lh-stat {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2px 8px;
    padding: 12px 14px;
    border-radius: 9px;
    box-shadow: none;
}

.learning-home--personal .lh-stat span,
.learning-home--personal .lh-stat small { font-size: 11px; }
.learning-home--personal .lh-stat strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    font-size: 24px;
}

.learning-home--personal .lh-layout {
    grid-template-columns: minmax(0, 1fr) 304px;
    gap: 16px;
}

.learning-home--personal .lh-main,
.learning-home--personal .lh-side { gap: 14px; }

.learning-home--personal .lh-panel {
    border-radius: var(--study-radius);
    box-shadow: none;
}

.learning-home--personal .lh-panel:not(.lh-panel--courses):not(.lh-recs) {
    padding: 16px;
}

.learning-home--personal .lh-panel--courses .lh-panel__head {
    padding: 17px 18px 0;
}

.learning-home--personal .lh-panel h2 {
    font-size: 18px;
    letter-spacing: -.02em;
}

.learning-home--personal .lh-panel__head p,
.learning-home--personal .lh-panel--goal p { font-size: 12px; }

.learning-home--personal .lh-tabs { padding-inline: 18px; }
.learning-home--personal .lh-tab { min-height: 40px; font-size: 12px; }
.learning-home--personal .lh-course-row { padding: 14px 18px; }
.learning-home--personal .lh-course-row h3 { font-size: 15px; }
.learning-home--personal .lh-course-row p,
.learning-home--personal .lh-course-row small { font-size: 11px; }

.learning-home--personal .lh-side {
    top: calc(var(--nav-height) + 12px);
}

/* Recommendation cards use the exact module covers supplied by educatIA. */
.lh-discovery {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid var(--study-line);
    border-radius: var(--study-radius);
    background: #fff;
    box-shadow: none;
}

.lh-discovery__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.lh-discovery__head h2 {
    margin: 0;
    color: var(--study-ink);
    font-size: 20px;
    line-height: 1.16;
    letter-spacing: -.025em;
}

.lh-discovery__head p {
    margin: 4px 0 0;
    color: var(--study-muted);
    font-size: 12px;
}

.lh-discovery__rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lh-discovery-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #cfdcec;
    border-radius: 10px;
    background: #fff;
    color: var(--study-ink);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.lh-discovery-card:hover,
.lh-discovery-card:focus-visible {
    color: var(--study-ink);
    border-color: #8bb7ee;
    box-shadow: 0 9px 20px rgba(14, 63, 120, .11);
    transform: translateY(-2px);
    text-decoration: none;
}

.lh-discovery-card__media {
    display: block;
    aspect-ratio: 16 / 8.7;
    overflow: hidden;
    background: #e7eef8;
}

.lh-discovery-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .32s ease;
}

.lh-discovery-card:hover .lh-discovery-card__media img { transform: scale(1.025); }

.lh-discovery-card__body {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    padding: 11px 12px 12px;
}

.lh-discovery-card__meta {
    color: #526887;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lh-discovery-card strong {
    display: -webkit-box;
    overflow: hidden;
    margin: 5px 0 10px;
    color: var(--study-ink);
    font-size: 14px;
    line-height: 1.27;
    letter-spacing: -.015em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lh-discovery-card small {
    margin-top: auto;
    color: #526887;
    font-size: 10px;
}

.lh-discovery-card small span { color: var(--study-blue); font-size: 13px; }

.learning-home--personal .lh-exam-practice {
    margin: 18px 0 14px;
    padding: 17px 18px;
    border-radius: var(--study-radius);
    background: #eef6ff;
    box-shadow: none;
}

.learning-home--personal .lh-exam-practice h2 { font-size: 20px; }
.learning-home--personal .lh-exam-practice p {
    max-width: 820px;
    margin-top: 4px;
    font-size: 12px;
}
.learning-home--personal .lh-exam-practice__meta { margin-top: 10px; }
.learning-home--personal .lh-exam-practice__meta span {
    min-height: 27px;
    padding-inline: 9px;
    font-size: 10px;
}
.learning-home--personal .lh-exam-practice .lh-progress {
    height: 5px;
    margin-top: 10px;
}

.learning-home--personal .lh-core-courses {
    margin-bottom: 0;
    padding: 17px 18px 18px;
    border-radius: var(--study-radius);
    box-shadow: none;
}

.learning-home--personal .lh-core-grid { gap: 10px; }
.learning-home--personal .lh-core-card {
    min-height: 116px;
    gap: 7px;
    padding: 14px;
    border-radius: 9px;
}
.learning-home--personal .lh-core-card span { font-size: 15px; }
.learning-home--personal .lh-core-card p { font-size: 11px; }

.learning-home--personal .lh-lab-history { padding: 17px 18px 18px; }

/* Course landing: compact, clear, and built around the actual subject cover. */
.course-enroll__band {
    overflow: hidden;
    background: linear-gradient(135deg, #f8fbff 0%, #edf5ff 72%, #f8fbff 100%);
}

.course-enroll__shell { max-width: 1240px; }

.course-enroll__hero {
    min-height: 430px;
    align-items: center;
    gap: clamp(28px, 5vw, 70px);
}

.course-enroll__copy h1 {
    max-width: 680px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.course-enroll__lead { max-width: 680px; font-size: 15px; }

.course-enroll__signals {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 15px 0 2px;
}

.course-enroll__signals span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid #c7daf3;
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    color: #244e7c;
    font-size: 10px;
    font-weight: 800;
}

.course-enroll__visual img {
    border: 6px solid rgba(255, 255, 255, .86);
    border-radius: 16px;
    box-shadow: 0 22px 48px rgba(20, 75, 143, .18);
}

.course-enroll__ask { backdrop-filter: blur(10px); }

.course-enroll .course-detail__stats {
    border-color: #d5e4f9;
    background: rgba(255, 255, 255, .97);
}

/* Onboarding: professional selection flow without oversized cards. */
.personalization-page--flow { background: #f8fafc; }

.personalization-page--flow .personalization-card {
    overflow: hidden;
    max-width: 1040px;
    border: 1px solid #cfdced;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(22, 68, 125, .10);
}

.personalization-page--flow .personalization-question {
    margin: 25px 0 22px;
    padding: 20px;
    border: 1px solid #dce6f3;
    border-radius: 12px;
    background: #fbfdff;
}

.personalization-page--flow .personalization-question h2 {
    max-width: 680px;
    font-size: clamp(22px, 2.5vw, 30px);
    letter-spacing: -.03em;
}

.personalization-page--flow .personalization-option--card {
    border-radius: 10px;
    background: #fff;
}

.personalization-page--flow .personalization-option--card.is-selected {
    border-color: var(--study-blue);
    background: #eaf4ff;
    color: var(--study-ink);
    box-shadow: 0 8px 18px rgba(0, 102, 230, .12);
}

.personalization-page--offer .personalization-offer {
    border-color: #c9ddf8;
    background: linear-gradient(145deg, #fff, #edf5ff);
}

@media (max-width: 1050px) {
    .learning-home--personal .lh-continue { grid-template-columns: minmax(0, 1fr) 245px; }
    .learning-home--personal .lh-layout { grid-template-columns: minmax(0, 1fr) 280px; }
    .lh-discovery__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .exm-hero__grid { grid-template-columns: 1fr; padding-bottom: 0; }
    .exm-hero__visual { min-height: 250px; }
    .learning-home--personal .lh-continue,
    .learning-home--personal .lh-layout { grid-template-columns: 1fr; }
    .learning-home--personal .lh-side { position: static; }
    .learning-home--personal .lh-next-step { min-height: 160px; }
}

@media (max-width: 640px) {
    .site-nav__logo-clip--public { width: 118px; }
    .learning-home--personal .lh-shell { padding: 18px 13px 42px; }
    .learning-home--personal .lh-top { align-items: flex-start; }
    .learning-home--personal .lh-top__identity { align-items: flex-start; }
    .learning-home--personal .lh-streak-profile { display: none; }
    .learning-home--personal .lh-top__actions { width: 100%; }
    .learning-home--personal .lh-top__actions .btn { flex: 1; }
    .learning-home--personal .lh-continue__main { padding: 18px; }
    .learning-home--personal .lh-next-step { padding: 18px; }
    .learning-home--personal .lh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lh-discovery { padding: 15px; }
    .lh-discovery__head { align-items: flex-start; flex-direction: column; gap: 7px; }
    .lh-discovery__rail { grid-template-columns: 1fr; }
    .lh-discovery-card { display: grid; grid-template-columns: 118px minmax(0, 1fr); }
    .lh-discovery-card__media { aspect-ratio: auto; min-height: 118px; }
    .lh-discovery-card__body { min-height: 118px; }
    .learning-home--personal .lh-exam-practice { grid-template-columns: 1fr; }
    .learning-home--personal .lh-exam-practice__actions { justify-content: flex-start; }
    .learning-home--personal .lh-core-grid { grid-template-columns: 1fr; }
    .course-enroll__hero { min-height: auto; }
    .personalization-page--flow .personalization-card { border-radius: 14px; }
    .personalization-page--flow .personalization-question { padding: 15px; margin-block: 20px; }
}
/* Continuous assessment */
.lh-continuous {
    display: grid;
    gap: 22px;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid #d8e3f4;
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 8%, rgba(37, 99, 235, .11), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 18px 45px rgba(15, 41, 77, .08);
}

.lh-continuous__summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.lh-continuous__summary h2 {
    margin: 5px 0 8px;
    color: #101828;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.lh-continuous__summary p,
.lh-continuous__plan p {
    max-width: 780px;
    margin: 0;
    color: #475467;
    line-height: 1.6;
}

.lh-continuous__level {
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid #bfd3f8;
    border-radius: 999px;
    background: #eef4ff;
    color: #1849a9;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.lh-continuous__level--requiere_refuerzo {
    border-color: #fedf89;
    background: #fffaeb;
    color: #93370d;
}

.lh-continuous__level--dominio {
    border-color: #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.lh-continuous__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.lh-continuous__metrics > div {
    display: grid;
    align-content: start;
    min-height: 118px;
    padding: 18px;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: rgba(255, 255, 255, .86);
}

.lh-continuous__metrics span,
.lh-continuous__plan span {
    color: #475467;
    font-size: .78rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.lh-continuous__metrics strong {
    margin-top: 7px;
    color: #101828;
    font-size: 1.55rem;
}

.lh-continuous__metrics small {
    margin-top: 5px;
    color: #667085;
    line-height: 1.4;
}

.lh-continuous__bar {
    height: 7px;
    margin-top: 13px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef7;
}

.lh-continuous__bar i {
    display: block;
    width: calc(var(--mastery) * 1%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #0ea5e9);
}

.lh-continuous__plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px;
    border: 1px solid #cfe0ff;
    border-radius: 16px;
    background: #f5f8ff;
}

.lh-continuous__plan p {
    margin-top: 5px;
    font-size: .9rem;
}

.lh-continuous__areas {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.lh-continuous__areas span {
    padding: 8px 10px;
    border: 1px solid #d6e2f5;
    border-radius: 10px;
    background: #fff;
    color: #344054;
    text-transform: none;
    letter-spacing: 0;
}

.lh-continuous__areas strong {
    color: #175cd3;
}

.lh-continuous__note {
    color: #667085;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .lh-continuous__summary,
    .lh-continuous__plan {
        align-items: stretch;
        flex-direction: column;
    }

    .lh-continuous__level {
        align-self: flex-start;
    }

    .lh-continuous__metrics {
        grid-template-columns: 1fr;
    }

    .lh-continuous__metrics > div {
        min-height: 0;
    }

    .lh-continuous__areas {
        justify-content: flex-start;
    }
}

/* Public header: align brand navigation, search and account actions through a
   single grid. The source wordmark is a large canvas; this width exposes the
   complete mark at the existing crop scale. */
.site-nav--coursera-public .site-nav__inner--coursera {
    width: min(calc(100% - 48px), 1280px);
    max-width: 1280px;
    grid-template-columns: minmax(320px, auto) minmax(340px, 520px) minmax(250px, auto);
    gap: 30px;
}

.site-nav--coursera-public .site-nav__brand--public {
    gap: 24px;
}

.site-nav--coursera-public .site-nav__logo-clip--public {
    width: 154px;
    height: 34px;
    flex: 0 0 154px;
}

.site-nav--coursera-public .site-nav__explorer-toggle,
.site-nav--coursera-public .site-nav__public-link {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #172033;
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.site-nav--coursera-public .site-nav__explorer-toggle:hover,
.site-nav--coursera-public .site-nav__explorer-toggle.active,
.site-nav--coursera-public .site-nav__public-link:hover,
.site-nav--coursera-public .site-nav__public-link.active {
    color: #075fca;
}

.site-nav--coursera-public .site-nav__search--public {
    grid-template-columns: minmax(0, 1fr) 42px;
    padding-right: 0;
}

.site-nav--coursera-public .site-nav__search-button {
    width: 42px;
    min-width: 42px;
    height: 42px;
    margin-left: 0;
}

.site-nav--coursera-public .site-nav__actions--public {
    justify-self: end;
}

@media (min-width: 901px) and (max-width: 1180px) {
    .site-nav--coursera-public .site-nav__inner--coursera {
        width: min(calc(100% - 36px), 1120px);
        grid-template-columns: minmax(300px, auto) minmax(260px, 1fr) auto;
        gap: 18px;
    }

    .site-nav--coursera-public .site-nav__brand--public {
        gap: 17px;
    }

    .site-nav--coursera-public .site-nav__logo-clip--public {
        width: 154px;
        flex-basis: 154px;
    }
}

@media (max-width: 900px) {
    .site-nav--coursera-public .site-nav__inner--coursera {
        width: min(calc(100% - 32px), 1280px);
        display: flex;
        justify-content: space-between;
    }

    .site-nav--coursera-public .site-nav__brand--public {
        gap: 12px;
    }

    .site-nav--coursera-public .site-nav__logo-clip--public {
        width: 121px;
        height: 30px;
        flex-basis: 121px;
    }
}