@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
    padding-right: 18px;
  }
  .desktop-nav, .header-cta { display: none; }

  .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .menu-toggle span {
    height: 2px;
    width: 24px;
    background: #111;
    display: block;
    transition: .25s ease;
  }

  .mobile-menu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 90;
    background: #111;
    color: white;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  .mobile-menu.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .mobile-menu__inner {
    width: min(92vw, 700px);
    margin: 0 auto;
    padding-top: 120px;
    display: flex;
    flex-direction: column;
  }
  .mobile-menu__inner > a {
    font-size: clamp(2.1rem, 7vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
  .mobile-menu__footer {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: #b8b8b8;
  }

  .hero__bottom, .about-grid, .work-header, .resource-grid {
    grid-template-columns: 1fr;
  }
  .hero__actions { justify-content: flex-start; }
  .about-grid, .resource-grid { gap: 45px; }
  .work-header { gap: 20px; }
  .news-grid { grid-template-columns: 1fr 1fr; }
  .news-card--featured { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  :root { --page: 90vw; }

  .site-header { top: 10px; }
  .hero { padding-top: 120px; }

  .hero__title {
    font-size: clamp(3rem, 14vw, 5rem);
    margin-top: 26px;
  }
  .hero__visual { min-height: 310px; margin-top: 45px; }
  .hero__motto { width: 130px; right: 15px; bottom: 15px; font-size: .82rem; }
  .hero__actions { flex-wrap: wrap; }

  .section { padding: 85px 0; }
  .display-heading { font-size: clamp(2.8rem, 12vw, 4.7rem); }

  .orbit {
    width: 100%;
    height: 490px;
    border-radius: 260px;
  }
  .orbit__center { width: 120px; height: 120px; }
  .orbit__item {
    max-width: 190px;
    border-radius: 20px;
    align-items: flex-start;
  }
  .orbit__item--finance { top: 9%; left: 5%; }
  .orbit__item--capacity { top: 34%; right: 2%; }
  .orbit__item--cooperation { bottom: 9%; left: 8%; }

  .work-detail { grid-template-columns: 60px 1fr; }

  .investment-bottom { grid-template-columns: 1fr; }
  .investment-title { margin-bottom: 50px; }

  .news-heading { align-items: flex-start; flex-direction: column; }
  .news-grid { grid-template-columns: 1fr; }
  .news-card--featured { grid-column: auto; }
  .news-card__image,
  .news-card--featured .news-card__image { min-height: 270px; }

  .partner-section { padding-top: 90px; padding-bottom: 90px; }

  .site-footer {
    grid-template-columns: 1fr;
    padding-top: 60px;
  }
  .footer-bottom {
    flex-direction: column;
    margin-top: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 700px) {
  .brand { min-width: 120px; }
  .brand img { width: 120px; height: 38px; }
  .brand-frame { border-width: 9px; }
  .brand-frame::after { height: 9px; bottom: -9px; }
}


/* V3 responsive header refinement */
@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
    min-height: 62px;
    border-radius: 18px;
  }

  .brand,
  .brand img {
    width: 124px;
  }

  .brand img {
    height: 38px;
  }

  .hero {
    padding-top: 150px;
  }
}

@media (max-width: 700px) {
  .site-header {
    top: 10px;
    width: 92vw;
    padding-left: 14px;
  }

  .brand,
  .brand img {
    width: 112px;
  }

  .brand img {
    height: 34px;
  }

  .hero {
    padding-top: 130px;
  }
}


/* V4 hero media responsiveness */
@media (max-width: 980px) {
  .hero__visual {
    min-height: 320px;
    margin-top: 42px;
  }

  .hero-media-window {
    height: 320px;
  }

  .hero__motto {
    width: 142px;
    right: 22px;
    bottom: -46px;
  }

  .hero__ticker {
    margin-top: 82px;
  }
}

@media (max-width: 700px) {
  .hero__bottom {
    gap: 22px;
  }

  .hero__visual {
    min-height: 280px;
    margin-top: 34px;
  }

  .hero-media-window {
    height: 280px;
  }

  .hero-media-window__frame {
    width: 62%;
  }

  .hero-media-window__frame::before,
  .hero-media-window__frame::after {
    height: 9px;
  }

  .hero-media-window__caption {
    left: 14px;
    bottom: 15px;
  }

  .hero-media-window__caption span {
    font-size: .62rem;
    padding: 7px 9px;
  }

  .hero__motto {
    width: 122px;
    right: 14px;
    bottom: -38px;
  }

  .hero__ticker {
    margin-top: 70px;
  }

  .placeholder-copy {
    right: 6%;
    bottom: 14%;
    max-width: 210px;
    font-size: .86rem;
  }
}


/* V5 fold tuning */
@media (max-width: 980px) {
  .hero {
    padding-top: 132px;
  }

  .hero__title {
    margin-bottom: 30px;
  }

  .hero__visual,
  .hero-media-window {
    min-height: 300px;
    height: 300px;
  }
}

@media (max-width: 700px) {
  .hero {
    padding-top: 116px;
  }

  .hero__title {
    font-size: clamp(2.85rem, 13vw, 4.35rem);
    margin-bottom: 26px;
  }

  .hero__bottom {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .hero__visual,
  .hero-media-window {
    min-height: 260px;
    height: 260px;
  }

  .hero__motto {
    width: 116px;
    bottom: -34px;
  }

  .hero__ticker {
    margin-top: 62px;
  }
}


/* V6 responsive transition */
@media (max-width: 980px) {
  .about-editorial {
    grid-template-columns: 1fr;
    padding-right: 100px;
    gap: 38px;
  }

  .about-editorial__copy {
    max-width: 680px;
  }

  .work-editorial {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .work-editorial__intro {
    position: static;
  }
}

@media (max-width: 700px) {
  .section--about {
    padding-top: 86px;
    padding-bottom: 92px;
  }

  .about-editorial {
    margin-top: 48px;
    padding-right: 0;
  }

  .about-editorial__mark {
    position: relative;
    top: auto;
    right: auto;
    width: 78px;
    height: 112px;
    margin-top: 4px;
  }

  .about-editorial__mark img {
    width: 52px;
  }

  .about-editorial__frame {
    width: 54px;
    height: 90px;
    border-width: 7px;
  }

  .section--work {
    padding-top: 88px;
    padding-bottom: 82px;
  }

  .work-editorial {
    margin-top: 50px;
    gap: 46px;
  }

  .work-editorial__intro h2 {
    font-size: clamp(3.2rem, 16vw, 5.2rem);
  }

  .work-system__line {
    left: 60px;
    top: 35px;
    bottom: 175px;
  }

  .work-system__item {
    grid-template-columns: 42px 36px 1fr;
    padding: 22px 0;
  }

  .work-system__dot {
    margin-left: 10px;
    width: 12px;
    height: 12px;
  }

  .work-system__title {
    font-size: 1.35rem;
  }

  .work-system__detail {
    margin-left: 78px;
    padding: 22px 22px 24px;
  }

  .work-editorial__footer {
    margin-top: 58px;
    align-items: flex-start;
    flex-direction: column;
  }
}


/* V7 multipage responsive layer */
@media (max-width: 980px) {
  .page {
    padding-top: 96px;
  }

  .page-hero__grid,
  .narrative-layout,
  .ecosystem,
  .investment-story,
  .resource-feature-page,
  .news-feature-page,
  .contact-section,
  .partner-feature {
    grid-template-columns: 1fr;
  }

  .page-hero__side {
    max-width: 680px;
  }

  .route-row {
    grid-template-columns: 46px 1fr 30px;
  }

  .route-row em {
    display: none;
  }

  .narrative-rail,
  .investment-story__rail {
    position: static;
  }

  .people-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .engage-pathways {
    grid-template-columns: 1fr;
    gap: 1px;
  }

  .engage-pathway h2,
  .engage-pathway p {
    min-height: 0;
  }

  .bridge-visual {
    grid-template-columns: 1fr;
  }

  .bridge-visual__bridge {
    min-height: 130px;
  }
}

@media (max-width: 700px) {
  .page {
    padding-top: 82px;
  }

  .page-hero {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .page-title {
    font-size: clamp(3.1rem, 14vw, 5.2rem);
  }

  .route-row {
    min-height: 88px;
    gap: 12px;
  }

  .route-row strong {
    font-size: 1.5rem;
  }

  .statement-band {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .narrative-layout {
    padding-top: 55px;
  }

  .story-pull {
    margin: 48px 0;
    padding-left: 20px;
  }

  .mission-panel {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .mission-panel h1,
  .mission-panel h2 {
    font-size: clamp(3rem, 13vw, 5rem);
  }

  .what-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .what-hero h1 {
    font-size: clamp(4rem, 18vw, 6.2rem);
  }

  .what-chapter {
    grid-template-columns: 48px 1fr;
    gap: 12px;
  }

  .ecosystem__core {
    padding: 38px 28px;
    min-height: 340px;
  }

  .ecosystem__ring {
    grid-template-columns: 1fr;
  }

  .eligibility-band {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .people-grid {
    grid-template-columns: 1fr;
  }

  .partner-feature {
    padding: 28px;
  }

  .partner-feature__logo {
    min-height: 210px;
  }

  .investment-hero-page h1,
  .engage-hero h1 {
    font-size: clamp(3.7rem, 16vw, 6.4rem);
  }

  .investment-story {
    padding-top: 60px;
  }

  .investment-question {
    padding-left: 20px;
  }

  .news-feature-page__visual {
    min-height: 320px;
  }

  .engage-pathway {
    padding: 32px 24px;
  }

  .contact-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .mobile-menu__inner > a {
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
}

/* =========================================================
   V13 — client-ready intentional responsive system
   Mobile is treated as its own composition, not a squeezed desktop.
   ========================================================= */
@media (max-width: 860px) {
  html,
  body.internal {
    max-width: 100%;
    overflow-x: clip;
  }

  body.internal {
    --zifpim-gutter: clamp(18px, 5.1vw, 34px);
    --zifpim-page-opening-top: 104px;
  }

  /* One clean mobile header row. Use the compact icon so the CTA does not
     wrap onto a second line on 360–430px phones. */
  body.internal .editorial-header {
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 14px !important;
    display: grid !important;
    grid-template-columns: 42px 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.internal .editorial-brand {
    width: 38px !important;
    min-width: 38px !important;
    height: 42px !important;
  }

  body.internal .editorial-brand__full {
    display: none !important;
  }

  body.internal .editorial-brand__icon--colour,
  body.internal .editorial-header.is-scrolled .editorial-brand__icon--colour {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
  }

  body.internal.page-dark .editorial-header:not(.is-scrolled) .editorial-brand__icon--white,
  body.internal.page-blue .editorial-header:not(.is-scrolled) .editorial-brand__icon--white {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
  }

  body.internal .editorial-menu-button {
    position: static !important;
    justify-self: start !important;
    transform: none !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  body.internal .editorial-header__actions {
    display: block !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  body.internal .editorial-partner--v37 {
    min-width: 0 !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
  }

  body.internal .editorial-partner__label {
    font-size: .58rem !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
  }

  body.internal .editorial-partner__cell {
    display: none !important;
  }

  /* Mobile menu should fit the actual dynamic viewport and be scrollable. */
  body.internal .mega-menu {
    height: 100dvh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  body.internal .mega-menu__grid {
    min-height: calc(100dvh - 84px) !important;
  }

  /* Opening rhythm */
  body.internal main.page,
  body.internal main.what-page,
  body.internal main.mission-page,
  body.internal main.investment-page,
  body.internal main.resources-page,
  body.internal main.zf-news-index,
  body.internal main.zf-news-article,
  body.internal main.partner-main-v2 {
    padding-top: 68px !important;
  }

  body.internal .page-hero {
    padding-top: 42px !important;
    padding-bottom: 58px !important;
  }

  body.internal .page-title {
    font-size: clamp(2.75rem, 12.5vw, 4.5rem) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere;
  }

  /* About gateway — remove the desktop route drawing logic on phones. */
  body.internal .page--about .about-signature {
    display: none !important;
  }

  body.internal .page--about .page-hero__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.internal .page--about .page-hero__side {
    padding: 0 !important;
    gap: 16px !important;
  }

  body.internal .page--about .about-directory {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
    padding: 56px 0 72px !important;
    gap: 26px !important;
  }

  body.internal .page--about .about-directory__head {
    display: block !important;
  }

  body.internal .page--about .about-directory__head p {
    max-width: 34ch !important;
    margin-top: 14px !important;
    text-align: left !important;
  }

  body.internal .page--about .route-row {
    min-height: 82px !important;
    grid-template-columns: minmax(0,1fr) 34px !important;
    gap: 14px !important;
    padding: 18px 0 !important;
  }

  body.internal .page--about .route-row strong {
    font-size: clamp(1.35rem, 6.4vw, 1.85rem) !important;
  }

  body.internal .page--about .route-row em {
    display: none !important;
  }

  body.internal .page--about .route-row b {
    width: 32px !important;
    height: 32px !important;
  }

  /* What We Do — clear phone typography and natural chapter cards. */
  body.internal .what-hero {
    padding: 48px var(--zifpim-gutter) 54px !important;
  }

  body.internal .what-hero h1 {
    font-size: clamp(3.2rem, 15vw, 5rem) !important;
    line-height: .88 !important;
    max-width: 8ch !important;
  }

  body.internal .what-chapters {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
    margin: 0 auto !important;
  }

  body.internal .what-chapter {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 30px 0 !important;
  }

  body.internal .what-chapter > span:first-child {
    margin-bottom: 2px !important;
  }

  body.internal .what-continue {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
    margin: 12px auto 64px !important;
  }

  /* Who We Work With — desktop ecosystem becomes a clean stacked system.
     No clipped orbital geometry on touch screens. */
  body.internal .ecosystem {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
    margin-inline: auto !important;
    grid-template-columns: 1fr !important;
  }

  body.internal .ecosystem__core {
    min-height: 0 !important;
    padding: 32px 24px !important;
  }

  body.internal .ecosystem__ring {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.internal .ecosystem__ring > * {
    min-width: 0 !important;
  }

  /* Investment Case */
  body.internal .investment-hero-page {
    padding: 48px var(--investment-gutter) 64px !important;
  }

  body.internal .investment-hero-page__statement {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    margin-top: 34px !important;
  }

  body.internal .investment-hero-page h1 {
    font-size: clamp(3.25rem, 15vw, 5rem) !important;
    line-height: .9 !important;
  }

  body.internal .investment-story {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding-top: 54px !important;
  }

  body.internal .investment-story__rail {
    position: static !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    scrollbar-width: none;
  }

  body.internal .investment-story__rail::-webkit-scrollbar { display: none; }

  body.internal .investment-story__rail a {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    grid-template-columns: 12px auto !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 999px !important;
  }

  /* Resources */
  body.internal .resources-hero {
    padding: 52px 0 54px !important;
  }

  body.internal .resources-hero__grid,
  body.internal .resources-feature__article {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  body.internal .resources-hero h1 {
    font-size: clamp(3.1rem, 14vw, 4.8rem) !important;
    line-height: .9 !important;
  }

  body.internal .resources-cover-stage {
    width: min(82vw, 340px) !important;
  }

  body.internal .resources-cover-stage:hover .resources-cover,
  body.internal .resources-cover-stage:focus-within .resources-cover {
    transform: none !important;
  }

  /* News */
  body.internal.news-index-cms .zf-news-index {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
  }

  body.internal .zf-news-masthead {
    padding-top: 42px !important;
  }

  body.internal .zf-news-masthead__title {
    font-size: clamp(3.6rem, 17vw, 5.5rem) !important;
  }

  body.internal .zf-news-masthead__strap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.internal .zf-news-masthead__strap p {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.internal .zf-news-desk {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.internal .zf-news-mini {
    grid-template-columns: 98px minmax(0,1fr) !important;
  }

  body.internal.news-article-cms .zf-news-article {
    width: calc(100% - (2 * var(--zifpim-gutter))) !important;
  }

  body.internal .zf-news-story-layout {
    grid-template-columns: 1fr !important;
  }

  /* Board & Team: native horizontal swipe, no overlay chevrons on phones. */
  body.internal .profile-rail-controls {
    display: none !important;
  }

  body.internal .people-directory-shell {
    overflow: visible !important;
  }

  body.internal .people-directory {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 var(--zifpim-gutter) 18px !important;
    scrollbar-width: none;
  }

  body.internal .people-directory::-webkit-scrollbar { display: none; }

  body.internal .people-directory .person-card {
    flex: 0 0 min(82vw, 330px) !important;
    scroll-snap-align: start;
  }

  /* Partner With Us: preserve the locked gold field design, only reflow it. */
  body.internal .partner-hero-v2,
  body.internal .partner-routes-v2,
  body.internal .partner-contact-v2 {
    padding-left: var(--zifpim-gutter) !important;
    padding-right: var(--zifpim-gutter) !important;
  }

  body.internal .partner-hero-v2__inner,
  body.internal .partner-contact-v2,
  body.internal .partner-routes-v2__list {
    grid-template-columns: 1fr !important;
  }

  body.internal .partner-hero-v2 h1,
  body.internal .partner-contact-v2__intro h2 {
    font-size: clamp(3rem, 14vw, 4.7rem) !important;
    line-height: .92 !important;
  }

  body.internal .partner-form-grid-v2 {
    grid-template-columns: 1fr !important;
  }

  /* Footer */
  body.internal .site-footer {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 52px var(--zifpim-gutter) 28px !important;
  }

  body.internal .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Touch devices do not need hover-only ornamental movement. */
  body.internal .reveal {
    transition-duration: .42s !important;
  }
}

@media (max-width: 480px) {
  body.internal .editorial-partner--v37 {
    padding: 0 8px !important;
  }

  body.internal .editorial-partner__label {
    font-size: .54rem !important;
  }

  body.internal .page-title,
  body.internal .partner-hero-v2 h1,
  body.internal .partner-contact-v2__intro h2 {
    text-wrap: balance;
  }

  body.internal .resources-section-head,
  body.internal .zf-news-lead__footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  body.internal .resources-cover-stage:hover .resources-cover,
  body.internal .partner-feature:hover,
  body.internal .person-card:hover {
    transform: none !important;
  }
}

/* =========================================================
   V14 — final mobile spacing polish
   ========================================================= */
@media (max-width: 860px) {
  /* Pages without a hero (Partners) still need a clear opening below header. */
  body.internal .partner-page .partner-directory {
    padding-top: 40px !important;
  }

  body.internal .partner-page .partner-directory__header {
    margin-top: 0 !important;
  }

  /* Keep editorial copy aligned to the shared mobile gutter. */
  body.internal .what-hero,
  body.internal .what-chapters,
  body.internal .what-continue,
  body.internal .ecosystem,
  body.internal .partner-directory {
    box-sizing: border-box;
  }

  body.internal .what-chapter h2,
  body.internal .what-chapter p,
  body.internal .ecosystem h2,
  body.internal .ecosystem p,
  body.internal .partner-directory h2,
  body.internal .partner-feature__body {
    overflow-wrap: break-word;
    word-break: normal;
  }
}

@media (max-width: 480px) {
  body.internal {
    --zifpim-gutter: 24px;
  }

  body.internal .partner-page .partner-directory {
    padding-top: 34px !important;
  }
}

/* =========================================================
   V16 — consistent internal-page mobile editorial baseline
   ========================================================= */
@media (max-width: 860px) {
  body.internal {
    --zifpim-gutter: 24px;
  }

  /* Remove inherited desktop indents inside already-guttered mobile sections. */
  body.internal .what-hero > *,
  body.internal .what-chapters > *,
  body.internal .what-chapter > *,
  body.internal .what-continue > *,
  body.internal .ecosystem > *,
  body.internal .partner-directory > *,
  body.internal .partner-feature__body > *,
  body.internal .partner-hero-v2__inner > *,
  body.internal .partner-routes-v2 > *,
  body.internal .partner-contact-v2 > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.internal .what-hero,
  body.internal .what-chapters,
  body.internal .what-continue,
  body.internal .ecosystem,
  body.internal .partner-directory,
  body.internal .partner-hero-v2,
  body.internal .partner-routes-v2,
  body.internal .partner-contact-v2 {
    padding-left: var(--zifpim-gutter) !important;
    padding-right: var(--zifpim-gutter) !important;
  }
}