/* v1085 — Working Visa mobile hero overlay + whitespace rootfix
   Mobile only:
   - remove the solid blue block under the hero image by forcing the image to fill the hero card
   - keep the title/pill overlaid on top of the image
   - tighten the gap under the hero so breadcrumb/content starts much closer
   Desktop remains unchanged. */

@media (max-width: 900px){
  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-v814,
  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-container-v814,
  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-shell-v814{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-container-v814{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-card-v814{
    position:relative !important;
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) 8px !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:375 / 196 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#0b2b55 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-card-v814 > img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:78% 28% !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-card-v814::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg, rgba(7,29,58,.78) 0%, rgba(7,29,58,.52) 42%, rgba(7,29,58,.18) 68%, rgba(7,29,58,0) 100%),
      linear-gradient(0deg, rgba(7,29,58,.12), rgba(7,29,58,.12)) !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814{
    position:absolute !important;
    left:14px !important;
    right:auto !important;
    top:auto !important;
    bottom:12px !important;
    transform:none !important;
    z-index:2 !important;
    width:auto !important;
    max-width:64% !important;
    margin:0 !important;
    color:#fff !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814 span{
    display:inline-flex !important;
    margin:0 0 8px !important;
    padding:5px 11px !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814 h1{
    margin:0 !important;
    font-size:clamp(24px, 7.8vw, 34px) !important;
    line-height:.94 !important;
    letter-spacing:-.03em !important;
    color:#fff !important;
    text-shadow:0 8px 22px rgba(0,0,0,.20) !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814 p{
    display:none !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-shell-v814{
    padding:8px 0 40px !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-layout-v814{
    gap:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-main-v814,
  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-simple-main-v818{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-breadcrumb-v814{
    margin:0 0 16px !important;
    padding-top:0 !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-simple-title-v818{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

@media (max-width: 430px){
  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-card-v814{
    aspect-ratio:375 / 210 !important;
    margin-bottom:6px !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-card-v814 > img{
    object-position:80% 30% !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814{
    left:12px !important;
    bottom:12px !important;
    max-width:66% !important;
  }

  html body.working-article-page-v814.working-clean-v820.working-main-refine-v816 .working-hero-copy-v814 h1{
    font-size:clamp(22px, 7.4vw, 30px) !important;
  }
}
