/* v1015 — VOA mobile layout compact alignment
   Mobile/tablet only: rebuild margins and vertical rhythm so the page matches other mobile pages.
   Desktop remains unchanged. */

@media (max-width: 900px){
  html body.voa-mobile-layout-v1015{
    overflow-x:hidden !important;
    background:#fff !important;
  }

  html body.voa-mobile-layout-v1015 main{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow-x:hidden !important;
  }

  html body.voa-mobile-layout-v1015 main > .section.voa-section-v787GN,
  html body.voa-mobile-layout-v1015 .voa-section-v787GN.voa-sticker-page-v787GO{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:10px 0 24px !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .voa-article-shell-v787GN,
  html body.voa-mobile-layout-v1015 .guide-article.voa-article-shell-v787GN{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .voa-article-card-v787GN,
  html body.voa-mobile-layout-v1015 .guide-article .article-card.voa-article-card-v787GN{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .voa-article-card-v787GN .guide-article-visual{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 12px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:none !important;
    background:#eef4fb !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .voa-article-card-v787GN .guide-article-visual img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  html body.voa-mobile-layout-v1015 .voa-content-layout-v797.trust-style-voa-layout-v799{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:4px 10px 26px !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799,
  html body.voa-mobile-layout-v1015 .voa-main-copy-v797{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:15.5px !important;
    line-height:1.52 !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-breadcrumb-v799{
    margin:0 0 8px !important;
    gap:4px !important;
    font-size:12px !important;
    line-height:1.28 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-title-v799{
    margin:0 0 10px !important;
    font-size:clamp(30px, 7.4vw, 42px) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
    max-width:100% !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-meta-row-v799{
    display:flex !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:10px !important;
    margin:0 0 12px !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-updated-v799{
    font-size:13px !important;
    line-height:1.3 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-divider-v799{
    margin:0 0 14px !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 p{
    margin:0 0 11px !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 h2{
    margin:18px 0 9px !important;
    font-size:clamp(21px, 5.6vw, 27px) !important;
    line-height:1.15 !important;
    gap:7px !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 h3{
    margin:14px 0 8px !important;
    font-size:17px !important;
    line-height:1.2 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 ul,
  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 ol{
    margin:7px 0 12px 20px !important;
    padding:0 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-style-voa-main-v799 li{
    margin:0 0 6px !important;
    padding-left:1px !important;
    line-height:1.48 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-table-wrap-v800{
    width:100% !important;
    max-width:100% !important;
    margin:8px 0 14px !important;
    overflow-x:auto !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-table-v799{
    font-size:12.5px !important;
    line-height:1.35 !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-table-v799 th,
  html body.voa-mobile-layout-v1015 .trust-voa-table-v799 td{
    padding:8px 8px !important;
  }


  /* Mobile-only compact 2-column compare table: remove feature column, fit VOA vs eVisa entirely on-screen. */
  html body.voa-mobile-layout-v1015 .trust-voa-table-wrap-v800:has(.trust-voa-compare-table-v800){
    overflow-x:hidden !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-table-wrap-v800:has(.trust-voa-compare-table-v800)::before{
    display:none !important;
    content:none !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-compare-table-v800{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-compare-table-v800 th,
  html body.voa-mobile-layout-v1015 .trust-voa-compare-table-v800 td{
    width:50% !important;
    min-width:0 !important;
    padding:8px 8px !important;
    font-size:11.25px !important;
    line-height:1.34 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    vertical-align:top !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-compare-table-v800 th{
    font-size:11.9px !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-compare-table-v800 strong{
    display:block;
    font-size:11px;
    line-height:1.25;
    margin-bottom:3px;
  }


  /* Mobile-only fix for the simple 2-column VOA fee table: force both columns to fit without sideways scrolling. */
  html body.voa-mobile-layout-v1015 .trust-voa-table-wrap-v800:has(.trust-voa-fee-table-v800){
    overflow-x:hidden !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 th,
  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 td{
    min-width:0 !important;
    padding:8px 10px !important;
    font-size:11.5px !important;
    line-height:1.34 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 th:nth-child(1),
  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 td:nth-child(1){
    width:46% !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 th:nth-child(2),
  html body.voa-mobile-layout-v1015 .trust-voa-fee-table-v800 td:nth-child(2){
    width:54% !important;
  }

  html body.voa-mobile-layout-v1015 .voa-reference-sidebar-v797,
  html body.voa-mobile-layout-v1015 aside.voa-reference-sidebar-v797.emergency-sidebar-v787FR{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    position:static !important;
    box-sizing:border-box !important;
  }

  html body.voa-mobile-layout-v1015 .voa-reference-sidebar-v797 .emergency-side-box-v787FR{
    padding:16px !important;
    margin:0 !important;
    border-radius:14px !important;
    box-shadow:none !important;
  }
}

@media (max-width: 430px){
  html body.voa-mobile-layout-v1015 .voa-article-card-v787GN,
  html body.voa-mobile-layout-v1015 .guide-article .article-card.voa-article-card-v787GN{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
  }

  html body.voa-mobile-layout-v1015 .voa-content-layout-v797.trust-style-voa-layout-v799{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  html body.voa-mobile-layout-v1015 .trust-voa-title-v799{
    font-size:32px !important;
  }
}

/* v1018 — VOA mobile: hide lower Visa Requirements checker card only on phone. */
@media (max-width: 768px){
  html body.voa-mobile-layout-v1015 .voa-reference-sidebar-v797 .emergency-visa-checker-side-v787GR,
  html body.voa-mobile-layout-v1015 aside.voa-reference-sidebar-v797 .emergency-visa-checker-side-v787GR{
    display:none !important;
  }
}