/* v1067 — Vietnam eVisa Correction mobile edge / hero height tune
   Scope: vietnam-evisa-correction.html only
   Mobile-only, desktop unchanged.
   Goals:
   - make the hero image less tall (about 70% of the previous perceived height)
   - bring the mobile content closer to the screen edges
   - reduce nested/inset feeling in article sections
*/

@media (max-width: 900px){
  body.correction-xxx-page-body-v828 .correction-xxx-container-v828{
    width:100% !important;
    max-width:none !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-layout-v828{
    width:100% !important;
    max-width:none !important;
    gap:12px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-hero-v828{
    margin:0 calc(50% - 50vw) 12px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-hero-v828 img{
    width:100% !important;
    height:56vw !important;
    min-height:180px !important;
    max-height:250px !important;
    object-fit:cover !important;
    object-position:center 42% !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-article-v828{
    padding:16px 14px !important;
    border-radius:16px !important;
    box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-breadcrumb-v828{
    margin-bottom:10px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-title-v828{
    padding-bottom:16px !important;
    margin-bottom:18px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-title-v828 h1{
    font-size:clamp(18px, 7.2vw, 28px) !important;
    line-height:1.10 !important;
    letter-spacing:-0.032em !important;
    margin-bottom:8px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-title-v828 .correction-xxx-updated-v828{
    font-size:13px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-section-v828{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:8px !important;
    padding:4px 0 14px !important;
    margin-bottom:14px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-icon-v828{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:8px !important;
    font-size:19px !important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.13) !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-content-v828 h2{
    margin-bottom:8px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-content-v828 p{
    margin-bottom:10px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-list-v828{
    padding-left:16px !important;
    margin-left:0 !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-list-v828 li{
    margin:5px 0 !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-steps-v828 li{
    padding:0 0 10px 34px !important;
    margin:0 0 10px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-steps-v828 li::before{
    width:24px !important;
    height:24px !important;
    font-size:12px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-faq-v828 details{
    border-radius:11px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-faq-v828 summary{
    padding:12px 13px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-faq-v828 p{
    padding:0 13px 13px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-final-cta-v828{
    padding:14px !important;
    border-radius:16px !important;
  }
}

@media (max-width: 768px){
  body.correction-xxx-page-body-v828 .correction-xxx-page-v828{
    padding:0 0 36px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-container-v828{
    padding-left:6px !important;
    padding-right:6px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-article-v828{
    padding:14px 12px !important;
  }
}

@media (max-width: 430px){
  body.correction-xxx-page-body-v828 .correction-xxx-container-v828{
    padding-left:4px !important;
    padding-right:4px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-hero-v828 img{
    height:54vw !important;
    min-height:170px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-article-v828{
    padding:12px 10px !important;
    border-radius:14px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-title-v828{
    padding-bottom:14px !important;
    margin-bottom:16px !important;
  }

  body.correction-xxx-page-body-v828 .correction-xxx-title-v828 h1{
    font-size:clamp(17px, 6.8vw, 26px) !important;
  }
}