/* Mobile content pages: the page header belongs to normal document flow.
   It must scroll away with the article instead of covering content beneath it. */
@media (max-width: 760px){
  body > header{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
  }
}

/* Link My Career — consistent mobile language navigation */
@media (max-width: 760px){
  header .nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 0 12px!important;
  }
  header .brand{
    display:flex!important;
    justify-self:center!important;
    min-width:0!important;
  }
  header .brand img{
    width:min(150px,44vw)!important;
    max-width:100%!important;
    height:auto!important;
  }
  header .navlinks,
  header .links,
  header .navright{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    font-size:13px!important;
  }
  header .navlinks>a:not(.btn):not(.home-link),
  header .links>a:not(.btn):not(.home-link),
  header .navright>a:not(.btn):not(.home-link):not([href*="auth/start"]){
    display:none!important;
  }
  header .home-link{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:1.5px solid #9fb3c5!important;
    border-radius:10px!important;
    background:#fff!important;
    font-size:0!important;
    line-height:1!important;
    color:#0b2b5a!important;
  }
  header .home-link::after{
    content:"←";
    font-size:22px;
    font-weight:800;
    line-height:1;
  }
  header select.lang,
  header #professionals-language,
  header #site-language,
  header #seo-language{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 38px 0 12px!important;
    border:1.5px solid #9fb3c5!important;
    border-radius:10px!important;
    background-color:#fff!important;
    color:#0b2b5a!important;
    font:750 15px/1.2 system-ui,-apple-system,Segoe UI,sans-serif!important;
    text-overflow:ellipsis!important;
  }
  header .btn{
    display:inline-flex!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 14px!important;
    white-space:nowrap!important;
    font-size:14px!important;
  }
  header .links .btn.primary{display:none!important}
  header .navright>a[href*="auth/start"]{display:inline-flex!important;min-height:46px!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;border:1.5px solid #9fb3c5!important;border-radius:10px!important;background:#fff!important;white-space:nowrap!important;font-size:14px!important;font-weight:750!important}
}
@media (max-width: 390px){
  header .navlinks,
  header .links,
  header .navright{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  header .home-link{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  header select.lang,
  header #professionals-language,
  header #site-language,
  header #seo-language,
  header .btn{
    height:44px!important;
    min-height:44px!important;
    font-size:13px!important;
  }
  header .btn{padding-inline:11px!important}
}

/* Compact supporting editorial photography on phones.
   Hero images are intentionally excluded so primary visual hierarchy is preserved. */
@media (max-width:760px){
  .visual-story-grid,
  .visual-band-grid{
    display:grid!important;
    grid-template-columns:clamp(104px,30vw,128px) minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
  }
  .visual-story-grid .visual-photo,
  .visual-band-grid>img{
    width:100%!important;
    min-height:0!important;
    height:154px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .visual-story-grid .visual-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .visual-story-grid .visual-copy,
  .visual-band-grid .visual-band-copy{
    min-width:0!important;
    padding:16px!important;
    border-radius:16px!important;
  }
  .visual-story-grid .visual-copy h2,
  .visual-band-grid .visual-band-copy h2{
    font-size:21px!important;
    line-height:1.18!important;
    margin-top:2px!important;
  }
  .visual-story-grid .visual-copy p,
  .visual-band-grid .visual-band-copy p{
    font-size:14px!important;
    line-height:1.48!important;
  }
  .visual-story-grid .topic-chips,
  .visual-band-grid .mini-chips{
    gap:6px!important;
  }
  .visual-story-grid .topic-chip,
  .visual-band-grid .mini-chip{
    padding:6px 8px!important;
    font-size:10px!important;
  }

  .career-path .stage-top{
    display:grid!important;
    grid-template-columns:clamp(104px,30vw,128px) minmax(0,1fr)!important;
    min-height:0!important;
    align-items:start!important;
  }
  .career-path .stage-photo{
    min-height:0!important;
    height:158px!important;
  }
  .career-path .stage-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .career-path .stage-copy{
    min-width:0!important;
    padding:16px!important;
  }
  .career-path .stage-copy h2{
    font-size:21px!important;
    line-height:1.18!important;
  }
  .career-path .stage-copy>p{
    font-size:14px!important;
    line-height:1.48!important;
  }
  .career-path .role-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .career-path .career-role{
    padding:11px!important;
  }
}
@media (max-width:390px){
  .visual-story-grid,
  .visual-band-grid,
  .career-path .stage-top{
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .visual-story-grid .visual-photo,
  .visual-band-grid>img,
  .career-path .stage-photo{
    height:130px!important;
    border-radius:12px!important;
  }
  .visual-story-grid .visual-copy,
  .visual-band-grid .visual-band-copy,
  .career-path .stage-copy{
    padding:13px!important;
  }
  .visual-story-grid .visual-copy h2,
  .visual-band-grid .visual-band-copy h2,
  .career-path .stage-copy h2{
    font-size:19px!important;
  }
  .visual-story-grid .visual-copy p,
  .visual-band-grid .visual-band-copy p,
  .career-path .stage-copy>p{
    font-size:13px!important;
  }
}


/* Adaptive editorial media height — paired photos always follow adjacent copy. */
.visual-story-grid,.visual-band-grid,.career-path .stage-top{align-items:stretch!important}
.visual-story-grid .visual-photo,.visual-band-grid>img,.career-path .stage-photo{
  min-height:0!important;
  height:auto!important;
  align-self:stretch!important;
}
.visual-story-grid .visual-photo{display:flex!important}
.visual-story-grid .visual-photo img,.visual-band-grid>img,.career-path .stage-photo img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}
@media(max-width:760px){
  .visual-story-grid,.visual-band-grid,.career-path .stage-top{align-items:stretch!important}
  .visual-story-grid .visual-photo,.visual-band-grid>img,.career-path .stage-photo{height:auto!important;min-height:0!important;align-self:stretch!important}
  .visual-story-grid .visual-photo img,.visual-band-grid>img,.career-path .stage-photo img{height:100%!important;object-fit:cover!important}
}
@media(max-width:390px){
  .visual-story-grid .visual-photo,.visual-band-grid>img,.career-path .stage-photo{height:auto!important;min-height:0!important}
}


/* Narrow-phone fallback: readability overrides image/text height symmetry. */
@media(max-width:360px){
  .visual-story-grid,
  .visual-band-grid,
  .career-path .stage-top{
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  .visual-story-grid .visual-photo,
  .visual-band-grid>img,
  .career-path .stage-photo{
    width:100%!important;
    height:clamp(168px,54vw,210px)!important;
    max-height:210px!important;
    align-self:auto!important;
    border-radius:12px!important;
  }
  .visual-story-grid .visual-photo img,
  .visual-band-grid>img,
  .career-path .stage-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 20%!important;
  }
  .visual-story-grid .visual-copy,
  .visual-band-grid .visual-band-copy,
  .career-path .stage-copy{
    min-width:0!important;
    width:100%!important;
  }
}

/* LMC layout-quality policy — prevent unnecessary wraps, clipped navigation and oversized empty vertical space. */
.section-head{max-width:1100px!important}
.executive .section-head{max-width:1100px!important}
.executive .section-head h2{
  max-width:none!important;
  width:auto!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.executive{padding-top:clamp(28px,3.5vw,44px)!important;padding-bottom:clamp(28px,3.5vw,44px)!important}
.lens-grid{align-items:start!important}
.lens,.lens>div{min-width:0!important}
.lens h3,.lens p{overflow-wrap:normal!important;word-break:normal!important}
@media(min-width:901px){
  .tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:7px!important;
    padding-block:14px!important;
  }
  .tabs a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:7px 10px!important;
    font-size:clamp(10.5px,.82vw,12px)!important;
  }
}
@media(max-width:900px){
  .section-head,.executive .section-head{max-width:100%!important}
  .executive .section-head h2{font-size:clamp(27px,6vw,32px)!important}
  .tabs{scroll-padding-inline:18px!important;padding-inline:2px 18px!important}
}
@media(max-width:600px){
  .executive{padding-top:28px!important;padding-bottom:28px!important}
  .executive .section-head h2{font-size:clamp(25px,7.3vw,30px)!important;line-height:1.16!important}
}


/* Research-backed editorial cards: non-clickable content must read as content, not as a teaser link. */
.content .grid[data-rich-content-grid] .card{cursor:default!important;box-shadow:0 5px 18px #0b2b5a08!important;display:flex!important;flex-direction:column!important;min-height:100%!important}
.content .grid[data-rich-content-grid] .card:hover{transform:none!important;box-shadow:0 5px 18px #0b2b5a08!important}
.content .grid[data-rich-content-grid] .card p{font-size:14px!important;line-height:1.65!important;color:var(--muted)!important}
.card-source{margin-top:auto!important;padding-top:14px!important;border-top:1px solid var(--line)!important;font-size:10.5px!important;line-height:1.45!important;color:#73869a!important}
.card-source span{font-weight:800!important}
.card-source a{color:inherit!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
.card-source a:hover{color:var(--navy)!important}
.career-intro-source{margin-top:14px!important;max-width:900px!important}
.career-intro-source .card-source{margin-top:0!important}
@media(max-width:600px){.content .grid[data-rich-content-grid] .card p{font-size:14px!important}.card-source{font-size:10px!important}}