/* v1022 — Vietnam eVisa Correction mobile compact article tune
   Mobile-only: compact titles, keep icons beside headings, and replace the wide serious-mistakes table with a short bullet summary. */

.correction-serious-mobile-summary-v1022{
  display:none;
}

@media (max-width: 768px){
  html body.correction-xxx-page-body-v828 .correction-xxx-title-v828 h1{
    font-size:clamp(28px, 7.2vw, 36px) !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
    margin-bottom:10px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-lead-v828{
    font-size:15.5px !important;
    line-height:1.5 !important;
    margin-bottom:12px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-note-v828{
    padding:10px 12px !important;
    font-size:13.5px !important;
    line-height:1.45 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-section-v828{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
    padding:6px 0 18px !important;
    margin-bottom:18px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-icon-v828{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:9px !important;
    font-size:21px !important;
    line-height:1 !important;
    margin-top:0 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-content-v828 h2{
    margin:0 0 8px !important;
    font-size:clamp(21px, 5.7vw, 26px) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-content-v828 p{
    font-size:14.5px !important;
    line-height:1.48 !important;
    margin-bottom:10px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-list-v828{
    padding-left:18px !important;
    line-height:1.48 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-list-v828 li{
    margin:6px 0 !important;
    font-size:14.5px !important;
  }

  /* Replace the wide table with a compact bullet summary on mobile. */
  html body.correction-xxx-page-body-v828 .correction-xxx-table-v828{
    display:none !important;
  }

  html body.correction-xxx-page-body-v828 .vge-mobile-table-scroll-v898:has(.correction-xxx-table-v828){
    display:none !important;
  }

  html body.correction-xxx-page-body-v828 .correction-serious-mobile-summary-v1022{
    display:grid !important;
    gap:8px !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  html body.correction-xxx-page-body-v828 .correction-serious-mobile-summary-v1022 li{
    position:relative !important;
    margin:0 !important;
    padding:9px 10px 9px 28px !important;
    border:1px solid #d6e3f3 !important;
    border-radius:11px !important;
    background:#f8fbff !important;
    color:#1e293b !important;
    font-size:13.5px !important;
    line-height:1.42 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-serious-mobile-summary-v1022 li::before{
    content:'•' !important;
    position:absolute !important;
    left:12px !important;
    top:8px !important;
    color:#0b63ce !important;
    font-size:18px !important;
    font-weight:900 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-serious-mobile-summary-v1022 strong{
    color:#071326 !important;
    font-weight:900 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-steps-v828 li{
    padding:0 0 13px 40px !important;
    margin-bottom:11px !important;
  }

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

  html body.correction-xxx-page-body-v828 .correction-xxx-steps-v828 strong{
    font-size:15px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-steps-v828 span{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-final-cta-v828{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
    padding:16px 14px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-final-icon-v828{
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    font-size:20px !important;
    margin-top:1px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-final-cta-v828 h2{
    font-size:21px !important;
    line-height:1.1 !important;
    margin:0 0 6px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-final-action-v828{
    grid-column:1 / -1 !important;
    margin-top:6px !important;
  }
}

@media (max-width: 430px){
  html body.correction-xxx-page-body-v828 .correction-xxx-title-v828 h1{
    font-size:30px !important;
  }

  html body.correction-xxx-page-body-v828 .correction-xxx-content-v828 h2{
    font-size:22px !important;
  }

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