/* V57: Desktop whitespace and editorial density audit.
   Applied only on the homepage of the ten supported languages plus the default landing page.
   Protect mobile composition, maintain original images, links, and copy. */
@media (min-width:1000px) {
  /* Keep the opening visual substantial, without a blank upper half. */
  main > .hero.section-dark {
    display:flex!important;
    align-items:center!important;
    min-height:clamp(560px,76svh,760px)!important;
    height:auto!important;
    padding:clamp(120px,10vw,154px) clamp(28px,7vw,110px) clamp(76px,6vw,100px)!important;
  }
  main > .hero .hero-content {
    /* Earlier versions pinned copy to the bottom using position:absolute.
       Put it back in the vertical flow to remove the empty top 40%. */
    position:relative!important;
    inset:auto!important;
    align-self:center!important;
    padding:0!important;
    background:transparent!important;
    margin:0!important;
  }
  main > .hero .hero-content {
    padding-bottom:0!important;
    margin-top:0!important;
    max-width:min(720px,57vw)!important;
  }
  main > .i18n-hero.yfi-hero-v41 {
    display:flex!important;
    align-items:center!important;
    min-height:clamp(560px,76svh,760px)!important;
    height:auto!important;
  }
  main > .i18n-hero.yfi-hero-v41 .i18n-hero-copy {
    padding-block:clamp(106px,9vw,140px) clamp(60px,6vw,90px)!important;
    justify-content:center!important;
    width:min(58vw,840px)!important;
    max-width:min(58vw,840px)!important;
  }
  /* Consistent rhythm between desktop chapters rather than 150px+ empty gutters. */
  main > .section:not(.hero):not(.champions):not(.stats-band),
  main > .i18n-section:not(.i18n-about) {
    padding-block:clamp(60px,5.7vw,88px)!important;
  }
  main > .story-section {
    padding-block:clamp(60px,5.7vw,90px)!important;
    gap:clamp(28px,4vw,70px)!important;
  }
  main > .i18n-section.i18n-about,
  main > .intro-grid#about {
    padding-top:clamp(65px,6vw,94px)!important;
  }
  main > .editorial-split {
    align-items:center!important;
    gap:clamp(30px,5vw,80px)!important;
  }
  main > .editorial-split .editorial-media {
    height:auto!important;
    min-height:0!important;
    max-height:565px!important;
    align-self:center!important;
  }
  main > .editorial-split .editorial-media img {
    height:auto!important;
    width:100%!important;
    max-height:565px!important;
    object-fit:contain!important;
  }
  /* Champion stories: keep the narrative beside each photo, not far below it. */
  main > #champions.champions {
    padding-block:clamp(62px,6vw,92px)!important;
  }
  #champions > .section-heading {
    width:min(100%,1250px)!important;
    max-width:1250px!important;
    margin:0 auto clamp(21px,2.8vw,40px)!important;
  }
  #champions .section-heading h2 { max-width:940px; }
  #champions .section-heading .section-intro {max-width:900px;}
  #champions > .champion-story {
    width:min(100%,1250px)!important;
    max-width:1250px!important;
    margin:clamp(26px,3.1vw,46px) auto 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(26px,4.3vw,70px)!important;
    align-items:start!important;
  }
  #champions .champion-copy {
    max-width:620px!important;
    align-self:start!important;
    padding-top:clamp(16px,3vw,52px)!important;
  }
  #champions .champion-copy h3 {
    font-size:clamp(28px,3vw,46px)!important;
    line-height:1.14!important;
    margin:13px 0 20px!important;
  }
  #champions .feature-photo {width:100%!important;margin:0!important;}
  #champions .feature-photo img {display:block;width:100%;height:auto!important;object-fit:contain!important;}
  /* English para block: its extensive stats are full width. Do not center a short
     introduction against the 1,500px-tall card in a two-column layout. */
  main > #para.para {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:clamp(26px,3.3vw,48px)!important;
    padding:clamp(64px,6vw,95px) clamp(24px,6vw,100px)!important;
  }
  main > #para.para > .para-copy {
    width:min(1100px,100%)!important;
    max-width:1100px!important;
    margin:0 auto!important;
    align-self:center!important;
    text-align:start!important;
  }
  main > #para.para .para-copy h2 {max-width:950px!important;}
  main > #para.para .para-copy p {max-width:820px!important;}
  main > #para.para > .yfi-para-v33 {
    width:min(1100px,100%)!important;
    margin:0 auto!important;
    align-self:center!important;
  }
  /* Translated para pages: photo and introduction form a cohesive row; the
     long history / six stats occupy their own full-width row immediately below. */
  main > #para.i18n-feature {
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    align-items:center!important;
    gap:clamp(26px,3vw,50px) clamp(30px,5vw,78px)!important;
    padding:clamp(64px,6vw,95px) clamp(24px,6vw,100px)!important;
  }
  main > #para.i18n-feature > img {
    width:100%!important;
    max-height:490px!important;
    height:auto!important;
    object-fit:contain!important;
    justify-self:center!important;
  }
  main > #para.i18n-feature > div:not(.yfi-para-v33) {align-self:center!important;min-width:0!important;}
  main > #para.i18n-feature > .yfi-para-v33 {
    grid-column:1 / -1!important;
    width:min(1100px,100%)!important;
    margin:0 auto!important;
  }
  /* Latest EN article: one editorial feature card, NOT a lonely card filling
     the first of three columns with two empty columns beside it. */
  main > #articles.articles .section-heading {
    width:min(1120px,100%)!important;
    max-width:1120px!important;
    margin:0 auto clamp(20px,2.3vw,32px)!important;
  }
  main > #articles.articles .section-heading h2 {
    font-size:clamp(29px,3.3vw,48px)!important;
    margin:0!important;
    max-width:980px!important;
  }
  main > #articles.articles .article-grid {
    display:block!important;
    width:min(1120px,100%)!important;
    max-width:1120px!important;
    margin:0 auto!important;
  }
  main > #articles.articles .article-card-link {
    display:grid!important;
    width:100%!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
    grid-template-rows:1fr auto auto auto 1fr!important;
    column-gap:clamp(24px,4vw,56px)!important;
    row-gap:8px!important;
    align-items:center!important;
    padding:clamp(18px,2.6vw,34px)!important;
    border:1px solid #dce4ed!important;
    border-radius:24px!important;
    box-shadow:0 18px 40px rgba(7,27,51,.06)!important;
  }
  main > #articles.articles .article-card-link > img {
    grid-column:1!important;
    grid-row:1 / 6!important;
    align-self:center!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:400px!important;
    object-fit:contain!important;
    aspect-ratio:16 / 9;
    background:#eef2f7;
  }
  main > #articles.articles .article-card-link > span,
  main > #articles.articles .article-card-link > h3,
  main > #articles.articles .article-card-link > b {
    grid-column:2!important;
    margin-inline:0!important;
    max-width:100%!important;
  }
  main > #articles.articles .article-card-link > span {
    grid-row:2!important;
    align-self:end!important;
    margin-block:0 5px!important;
  }
  main > #articles.articles .article-card-link > h3 {
    grid-row:3!important;
    align-self:center!important;
    margin-block:0!important;
    font-size:clamp(28px,2.7vw,40px)!important;
    line-height:1.16!important;
    overflow-wrap:break-word!important;
  }
  main > #articles.articles .article-card-link > b {
    grid-row:4!important;
    align-self:start!important;
    margin-block:6px 0!important;
  }
  main > #articles.articles .articles-all {
    width:min(1120px,100%)!important;
    margin:18px auto 0!important;
  }
  /* Translated 'Latest Article': full-width card, balanced image/copy ratio. */
  main > #articles.i18n-latest > .i18n-latest-card,
  main > #articles.i18n-latest > .i18n-kicker,
  main > #articles.i18n-latest > .i18n-all-articles {
    width:min(1120px,100%)!important;
    max-width:1120px!important;
    margin-inline:auto!important;
  }
  main > #articles.i18n-latest > .i18n-latest-card {
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    min-height:0!important;
  }
  main > #articles.i18n-latest .i18n-latest-card > div {
    padding:clamp(28px,3.6vw,56px)!important;
  }
  main > #articles.i18n-latest .i18n-latest-card img {
    max-height:380px!important;
    object-fit:contain!important;
  }
  main > #articles.i18n-latest > .i18n-kicker {margin-bottom:18px!important;}
  main > #articles.i18n-latest > .i18n-all-articles {margin-top:19px!important;}
}
/* Desktop-only patch; mobile's existing one-column arrangement remains unchanged. */