/* v517E — Useful Guide mobile QA after dedicated image refresh.
   Scope: mobile/tablet only. Keeps desktop/web layout untouched. */

@media (max-width: 980px){
  body.useful-guide-page,
  body.useful-article-page{
    overflow-x:hidden !important;
  }

  body.useful-guide-page .guide-hero,
  body.useful-article-page .guide-hero{
    padding:36px 0 34px !important;
  }

  body.useful-guide-page .guide-hero-grid,
  body.useful-article-page .guide-hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  body.useful-guide-page .guide-visual-card,
  body.useful-article-page .guide-visual-card{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }

  body.useful-guide-page .guide-visual-card img,
  body.useful-article-page .guide-visual-card img,
  body.useful-guide-page .guide-card-media-v513G img,
  body.useful-article-page .guide-article-visual img,
  body.useful-article-page .arrival-image-row-v512G img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:cover !important;
  }

  body.useful-guide-page .guide-visual-card img,
  body.useful-article-page .guide-visual-card img{
    aspect-ratio:3 / 2 !important;
  }

  body.useful-guide-page .guide-card-grid-v513G{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  body.useful-guide-page .guide-card-media-v513G{
    height:auto !important;
    aspect-ratio:3 / 2 !important;
  }

  body.useful-article-page .article-card,
  body.useful-article-page .guide-article{
    width:100% !important;
    max-width:100% !important;
  }

  body.useful-article-page .guide-article-visual{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 20px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  body.useful-article-page .guide-article-visual img{
    aspect-ratio:3 / 2 !important;
  }

  body.useful-article-page .arrival-image-row-v512G{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.useful-article-page .arrival-image-row-v512G figure{
    width:100% !important;
    margin:0 !important;
  }
}

@media (max-width: 760px){
  body.useful-guide-page,
  body.useful-article-page{
    --guide-gutter-v517C: 16px !important;
  }

  body.useful-guide-page .guide-hero h1,
  body.useful-article-page .guide-hero h1,
  body.useful-guide-page .guide-hero-copy h1,
  body.useful-article-page .guide-hero-copy h1{
    font-size:clamp(30px,8.2vw,40px) !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
  }

  body.useful-guide-page .guide-hero p,
  body.useful-article-page .guide-hero p,
  body.useful-guide-page .guide-hero-copy p,
  body.useful-article-page .guide-hero-copy p{
    font-size:16px !important;
    line-height:1.58 !important;
  }

  body.useful-guide-page .hero-actions,
  body.useful-article-page .hero-actions,
  body.useful-guide-page .guide-cta-links-v513G{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  body.useful-guide-page .hero-actions .btn,
  body.useful-article-page .hero-actions .btn,
  body.useful-guide-page .guide-cta-links-v513G .btn{
    width:100% !important;
    min-width:0 !important;
  }

  body.useful-guide-page .guide-card-grid-v513G,
  body.useful-guide-page .guide-route-grid-v513G,
  body.useful-guide-page .guide-hub-intro-v513G,
  body.useful-guide-page .guide-do-dont-v513G,
  body.useful-guide-page .guide-us-canada-v513G,
  body.useful-guide-page .guide-cta-panel-v513G,
  body.useful-article-page .guide-mini-summary-v508G,
  body.useful-article-page .guide-step-grid,
  body.useful-article-page .guide-risk-grid,
  body.useful-article-page .guide-decision-grid,
  body.useful-article-page .guide-scenario-grid,
  body.useful-article-page .guide-contact-grid,
  body.useful-article-page .guide-path-grid,
  body.useful-article-page .guide-do-dont,
  body.useful-article-page .guide-split-note,
  body.useful-article-page .guide-comparison-table-v509G,
  body.useful-article-page .guide-case-grid-v517A,
  body.useful-article-page .guide-case-grid-v517B,
  body.useful-article-page .guide-decision-table-v517A,
  body.useful-article-page .guide-decision-table-v517B{
    grid-template-columns:1fr !important;
  }

  body.useful-guide-page .guide-category-section-v513G,
  body.useful-guide-page .guide-intro-card-v513G,
  body.useful-guide-page .guide-us-canada-v513G,
  body.useful-guide-page .guide-cta-panel-v513G,
  body.useful-article-page .article-card{
    padding:18px !important;
    border-radius:22px !important;
  }

  body.useful-guide-page .guide-category-head-v513G{
    display:block !important;
    gap:0 !important;
  }

  body.useful-guide-page .guide-category-head-v513G h2,
  body.useful-article-page .guide-article-content h2{
    font-size:clamp(24px,6vw,30px) !important;
    line-height:1.14 !important;
  }

  body.useful-guide-page .guide-card-media-v513G{
    aspect-ratio:16 / 10 !important;
  }

  body.useful-article-page table,
  body.useful-article-page .guide-table,
  body.useful-article-page .guide-comparison-table-v509G,
  body.useful-article-page .guide-decision-table-v517A,
  body.useful-article-page .guide-decision-table-v517B{
    max-width:100% !important;
    overflow-x:auto !important;
  }
}

@media (max-width: 420px){
  body.useful-guide-page,
  body.useful-article-page{
    --guide-gutter-v517C: 14px !important;
  }

  body.useful-guide-page .guide-hero,
  body.useful-article-page .guide-hero{
    padding:30px 0 !important;
  }

  body.useful-guide-page .guide-hero h1,
  body.useful-article-page .guide-hero h1,
  body.useful-guide-page .guide-hero-copy h1,
  body.useful-article-page .guide-hero-copy h1{
    font-size:29px !important;
  }

  body.useful-guide-page .guide-visual-card,
  body.useful-article-page .guide-visual-card,
  body.useful-article-page .guide-article-visual,
  body.useful-guide-page .guide-card-v513G{
    border-radius:18px !important;
  }

  body.useful-guide-page .guide-card-body{
    padding:16px !important;
  }
}