/* Phone-only layout refinements. Tablet and desktop layouts remain unchanged. */
@media (max-width: 680px) {
  :root { --container: calc(100% - 28px); }

  .section,
  .content-section,
  .service-page-section,
  .option-section,
  .option-assurance,
  .imported-blog-page .edria-blog-section { padding-top: 48px; padding-bottom: 48px; }
  .section-heading,
  .content-heading,
  .imported-blog-page .edria-section-heading { margin-bottom: 24px; }
  .section-heading h2,
  .split-heading h2,
  .content-heading h2,
  .imported-blog-page .edria-section-heading h2 { font-size: 27px; line-height: 1.25; }
  .section-heading > div,
  .content-heading > p,
  .section-lead { font-size: 12px; line-height: 1.65; }

  /* Shorter top areas and smaller editorial images. */
  .hero { min-height: 570px; }
  .hero-content { padding-top: 34px; }
  .hero h1 { font-size: 31px; line-height: 1.18; letter-spacing: 0; }
  .hero-subtitle { margin: 14px 0 18px; font-size: 14px; line-height: 1.65; }
  .hero-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; margin-bottom: 18px; }
  .hero-pillars a { gap: 8px; min-width: 0; }
  .pillar-icon { width: 32px; height: 32px; font-size: 16px; }
  .hero-pillars b { font-size: 12px; }
  .hero-pillars small { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .privacy-note { display: -webkit-box; margin-top: 10px; overflow: hidden; font-size: 10px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .stats-wrap { margin-top: -26px; }

  .service-page-hero,
  .health-option-hero { padding: 28px 0 42px; }
  .service-hero-copy h1,
  .health-option-hero .service-hero-copy h1,
  .option-b-hero .service-hero-copy h1 { font-size: 32px; line-height: 1.22; }
  .service-lead { display: -webkit-box; margin: 14px 0 16px; overflow: hidden; font-size: 13px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .service-hero-points { gap: 6px; margin-bottom: 18px; }
  .service-hero-points span { padding: 6px 9px; font-size: 9px; }
  .service-hero-image,
  .health-option-hero .service-hero-image { height: 180px; border-radius: 16px; box-shadow: 0 14px 32px rgba(15,76,129,.13); }

  /* Repeated card collections become swipeable rows instead of long stacks. */
  .home-why-gba .why-gba-photo-grid.why-gba-split-cards,
  .services .service-grid.service-grid-scheme-c,
  .case-grid,
  .support-grid,
  .health-purpose-grid,
  .health-focus-grid,
  .health-handoff-grid,
  .option-value-grid,
  .option-path-grid,
  .option-role-grid,
  .option-decision-grid,
  .option-b-journey,
  .why-gba-grid,
  .trust-hospital-grid,
  .expert-grid,
  .topic-grid,
  .theme-card-grid,
  .featured-hospital-grid,
  .imported-blog-page .edria-blog-grid,
  .legacy-photo-grid,
  .legacy-food-grid,
  .legacy-stay-grid,
  .legacy-explore-grid,
  .legacy-transport-grid,
  .legacy-culture-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 13px !important;
    width: auto;
    max-width: none;
    margin-right: -14px;
    margin-left: -14px;
    padding: 0 14px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14px;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .home-why-gba .why-gba-photo-grid.why-gba-split-cards::-webkit-scrollbar,
  .services .service-grid.service-grid-scheme-c::-webkit-scrollbar,
  .case-grid::-webkit-scrollbar,
  .support-grid::-webkit-scrollbar,
  .health-purpose-grid::-webkit-scrollbar,
  .health-focus-grid::-webkit-scrollbar,
  .health-handoff-grid::-webkit-scrollbar,
  .option-value-grid::-webkit-scrollbar,
  .option-path-grid::-webkit-scrollbar,
  .option-role-grid::-webkit-scrollbar,
  .option-decision-grid::-webkit-scrollbar,
  .option-b-journey::-webkit-scrollbar,
  .why-gba-grid::-webkit-scrollbar,
  .trust-hospital-grid::-webkit-scrollbar,
  .expert-grid::-webkit-scrollbar,
  .topic-grid::-webkit-scrollbar,
  .theme-card-grid::-webkit-scrollbar,
  .featured-hospital-grid::-webkit-scrollbar,
  .imported-blog-page .edria-blog-grid::-webkit-scrollbar,
  .legacy-photo-grid::-webkit-scrollbar,
  .legacy-food-grid::-webkit-scrollbar,
  .legacy-stay-grid::-webkit-scrollbar,
  .legacy-explore-grid::-webkit-scrollbar,
  .legacy-transport-grid::-webkit-scrollbar,
  .legacy-culture-grid::-webkit-scrollbar { display: none; }
  .home-why-gba .why-gba-photo-grid.why-gba-split-cards > *,
  .services .service-grid.service-grid-scheme-c > *,
  .case-grid > *,
  .support-grid > *,
  .health-purpose-grid > *,
  .health-focus-grid > *,
  .health-handoff-grid > *,
  .option-value-grid > *,
  .option-path-grid > *,
  .option-role-grid > *,
  .option-decision-grid > *,
  .option-b-journey > *,
  .why-gba-grid > *,
  .trust-hospital-grid > *,
  .expert-grid > *,
  .topic-grid > *,
  .theme-card-grid > *,
  .featured-hospital-grid > *,
  .imported-blog-page .edria-blog-grid > *,
  .legacy-photo-grid > *,
  .legacy-food-grid > *,
  .legacy-stay-grid > *,
  .legacy-explore-grid > *,
  .legacy-transport-grid > *,
  .legacy-culture-grid > * { scroll-snap-align: start; }

  .home-why-gba .why-gba-split-cards article { grid-template-rows: 112px auto; }
  .why-gba-split-cards article > img { height: 112px; }
  .why-gba-split-cards article > div { padding: 17px 18px 19px; }
  .why-gba-split-cards h3 { font-size: 18px; }
  .why-gba-split-cards p,
  .service-grid-scheme-c .service-copy p,
  .support-grid p,
  .health-purpose-grid p,
  .health-focus-grid p,
  .health-handoff-grid p,
  .topic-card p,
  .trust-hospital-card p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .service-grid-scheme-c .service-card { grid-template-rows: 112px auto; }
  .service-grid-scheme-c .service-image { height: 112px; }
  .service-grid-scheme-c .service-copy { padding: 17px 18px 19px; }
  .service-grid-scheme-c .service-copy h3 { font-size: 18px; }
  .service-grid-scheme-c .service-copy ul { margin: 11px 0 13px; }
  .english-portal-page .service-grid-scheme-c .service-copy p {
    font-size: 11px;
    -webkit-line-clamp: 2;
  }
  .english-portal-page .service-grid-scheme-c .service-copy ul { gap: 5px; margin: 10px 0 12px; }
  .english-portal-page .service-grid-scheme-c .service-copy li { padding: 4px 7px; font-size: 8px; }

  /* Health-check and service cards keep the details but use less vertical space. */
  .health-purpose-grid article,
  .health-focus-grid article,
  .health-handoff-grid article,
  .option-value-grid article,
  .option-path-grid article,
  .option-role-grid article,
  .option-decision-grid article,
  .support-grid article,
  .theme-card-grid article { min-height: 0 !important; padding: 19px 18px !important; }
  .option-heading { margin-bottom: 24px; }
  .option-heading h2 { font-size: 27px; }
  .option-handoff-steps li { padding-bottom: 16px; }
  .option-cost > div,
  .option-compare article { padding: 21px 18px; }

  /* Imported wellness and culture collections. */
  .legacy-section { padding: 48px 20px; }
  .legacy-heading { margin-bottom: 23px; text-align: left; }
  .legacy-heading h2 { margin: 9px 0 10px; font-size: 27px; }
  .legacy-heading p { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-card > img,
  .legacy-wellness .legacy-card img { width: 100%; height: 138px; aspect-ratio: auto; object-fit: cover; }
  .legacy-card-body { min-height: 0 !important; padding: 16px 17px; }
  .legacy-card h3 { font-size: 17px; }
  .legacy-card p { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-card footer { padding: 10px 17px; font-size: 11px; }
  .legacy-icon { height: 62px; margin-bottom: 10px; }
  .legacy-icon img { width: 62px; height: 62px; }
  .legacy-transport-grid article { padding: 20px 16px; }
  .legacy-transport-grid p { margin-bottom: 0; }
  .legacy-shopping-wrap { gap: 22px; }
  .legacy-shopping li { padding: 5px 0; font-size: 12px; }
  .legacy-locations { gap: 10px; }
  .legacy-locations article { padding: 16px; }
  .legacy-culture-grid article { padding: 17px; }
  .legacy-culture-art { height: 128px; margin-bottom: 14px; }
  .legacy-culture-grid h3 { font-size: 17px; }
  .legacy-culture-grid p { display: -webkit-box; overflow: hidden; font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

  /* Blog overview: one compact card per swipe. */
  .imported-blog-page .edria-blog-hero { padding: 28px 0 42px; }
  .imported-blog-page .edria-blog-hero .container { gap: 24px; }
  .imported-blog-page .edria-blog-hero h1 { margin: 14px 0 10px; font-size: 32px; }
  .imported-blog-page .edria-blog-category-links { margin-top: 18px; }
  .imported-blog-page .edria-blog-featured > a { height: 140px; }
  .imported-blog-page .edria-blog-featured > div { padding: 17px 18px 15px; }
  .imported-blog-page .edria-blog-featured h2 { margin: 10px 0 7px; font-size: 19px; }
  .imported-blog-page .edria-blog-featured p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .imported-blog-page .edria-blog-card-image { height: 132px; }
  .imported-blog-page .edria-blog-card-body { padding: 17px 17px 15px; }
  .imported-blog-page .edria-blog-card h3 { font-size: 18px; }
  .imported-blog-page .edria-blog-card-body > p { display: -webkit-box; margin: 9px 0 13px; overflow: hidden; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

  /* Hospital directory: compact vertical result list with smaller thumbnails. */
  .hospital-directory-hero { padding: 46px 0 38px; }
  .hospital-directory-hero h1 { font-size: 32px; }
  .hospital-directory-hero > div > p:not(.eyebrow) { font-size: 13px; line-height: 1.7; }
  .directory-meta { margin-top: 18px; }
  .hospital-filters,
  .hospital-directory-controls { grid-template-columns: 1fr 1fr !important; gap: 9px; padding: 14px; }
  .hospital-filters .search-field,
  .hospital-directory-controls .search-field,
  .filter-reset { grid-column: 1 / -1 !important; }
  .hospital-filters input,
  .hospital-filters select,
  .filter-reset { height: 43px; }
  .directory-results-head { padding: 25px 2px 14px; }
  .hospital-directory-grid { gap: 12px; }
  .directory-card { display: grid; grid-template-columns: 108px minmax(0,1fr); min-height: 176px; }
  .directory-card-image { height: 100%; min-height: 176px; }
  .directory-card-body { min-width: 0; padding: 13px 14px; }
  .directory-card h2 { margin: 5px 0; font-size: 16px; }
  .directory-card-body > p { display: -webkit-box; height: auto; margin-bottom: 8px; overflow: hidden; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .card-specialties { gap: 4px; margin-bottom: 7px; }
  .card-specialties span { padding: 3px 5px; font-size: 8px; }
  .card-unit { display: none; }
  .card-detail-link { margin-top: 7px; }

  /* Article and detail pages keep reading width but reduce oversized media. */
  .imported-blog-page .edria-article-cover { height: 185px; }
  .imported-blog-page .edria-article-header { padding: 29px 0 23px; }
  .imported-blog-page .edria-article-header h1 { font-size: 29px; }
  .detail-cover { height: 190px; }
  .detail-hero-copy h1 { font-size: 30px; }
  .detail-block { padding: 21px 18px; }

  /* English-only phone rhythm: shorter intros, smaller imagery and swipeable
     collections. Content stays in the DOM for mobile-first indexing. */
  .english-portal-page .en-hero { min-height: 520px; background-position: 64% center; }
  .english-portal-page .en-hero-content { padding-top: 38px; }
  .english-portal-page .en-hero h1 { font-size: 30px; line-height: 1.16; }
  .english-portal-page .en-hero-content > p:not(.en-kicker) {
    display: -webkit-box;
    margin: 14px 0 17px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .english-portal-page .en-section,
  .english-portal-page .en-parity-section { padding-top: 48px; padding-bottom: 48px; }
  .english-portal-page .en-page-hero,
  .english-portal-page .en-page-hero.compact,
  .english-portal-page .en-parity-hero,
  .english-portal-page .en-article-hero { padding-top: 43px; padding-bottom: 38px; }
  .english-portal-page .en-page-hero h1,
  .english-portal-page .en-parity-hero h1,
  .english-portal-page .en-article-hero h1 { font-size: 30px; line-height: 1.18; }
  .english-portal-page .en-parity-hero .breadcrumb { margin-bottom: 22px; }
  .english-portal-page .en-parity-hero .lead,
  .english-portal-page .en-page-hero .container > p:not(.en-kicker,.en-breadcrumb),
  .english-portal-page .en-article-hero > div > p { font-size: 13px; line-height: 1.7; }
  .english-portal-page .en-service-hero { padding: 43px 0; }
  .english-portal-page .en-service-hero h1 { font-size: 30px; }
  .english-portal-page .en-service-hero img,
  .english-portal-page .en-cultural-guide img,
  .english-portal-page .insights-hero-visual { height: 180px; min-height: 180px; border-radius: 16px; }
  .english-portal-page .en-pillar-grid img,
  .english-portal-page .en-hospital-card > img { height: 132px; }
  .english-portal-page .en-pillar-grid article > div,
  .english-portal-page .en-insight-card,
  .english-portal-page .en-parity-card { padding: 19px; }
  .english-portal-page .en-pillar-grid p,
  .english-portal-page .en-insight-card p,
  .english-portal-page .en-parity-card p {
    display: -webkit-box;
    min-height: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .english-portal-page .en-article-layout { gap: 22px; padding-top: 40px; padding-bottom: 54px; }
  .english-portal-page .en-article { padding: 20px; }
  .english-portal-page .en-article h2 { font-size: 23px; }
  .english-portal-page .en-article p,
  .english-portal-page .en-article li { font-size: 14px; }

  .english-portal-page .en-journey-grid,
  .english-portal-page .en-pillar-grid,
  .english-portal-page .en-hospital-grid,
  .english-portal-page .en-hospital-directory,
  .english-portal-page .en-guide-grid,
  .english-portal-page .en-insight-grid,
  .english-portal-page .en-benefit-grid,
  .english-portal-page .en-parity-grid,
  .english-portal-page .insight-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 13px !important;
    width: auto;
    margin-right: -14px;
    margin-left: -14px;
    padding: 0 14px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14px;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .english-portal-page .en-journey-grid::-webkit-scrollbar,
  .english-portal-page .en-pillar-grid::-webkit-scrollbar,
  .english-portal-page .en-hospital-grid::-webkit-scrollbar,
  .english-portal-page .en-hospital-directory::-webkit-scrollbar,
  .english-portal-page .en-guide-grid::-webkit-scrollbar,
  .english-portal-page .en-insight-grid::-webkit-scrollbar,
  .english-portal-page .en-benefit-grid::-webkit-scrollbar,
  .english-portal-page .en-parity-grid::-webkit-scrollbar,
  .english-portal-page .insight-grid::-webkit-scrollbar { display: none; }
  .english-portal-page .en-journey-grid > *,
  .english-portal-page .en-pillar-grid > *,
  .english-portal-page .en-hospital-grid > *,
  .english-portal-page .en-hospital-directory > *,
  .english-portal-page .en-guide-grid > *,
  .english-portal-page .en-insight-grid > *,
  .english-portal-page .en-benefit-grid > *,
  .english-portal-page .en-parity-grid > *,
  .english-portal-page .insight-grid > * { scroll-snap-align: start; }

  /* Keep the mobile action readable without obscuring the content. */
  .portal-consult-trigger[data-open-modal] {
    display: flex !important;
    gap: 7px;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 112px;
    height: 46px;
    padding: 0 15px;
    border-radius: 24px;
    bottom: max(16px, env(safe-area-inset-bottom));
    right: 14px;
  }
  .portal-consult-trigger span { font-size: 18px; }
  .portal-consult-trigger b { display: block; font-size: 14px; }
  .portal-consult-trigger small { display: none; }

  .site-footer { padding-top: 42px; }
  .footer-grid { gap: 24px 18px; }

  /* Legacy /lp/ is compressed without changing its tablet or desktop view. */
  .legacy-lp-page .hero.active { padding: 92px 0 40px !important; min-height: 0 !important; }
  .legacy-lp-page .hero-content { gap: 22px !important; }
  .legacy-lp-page .hero-card { padding: 15px !important; }
  .legacy-lp-page .hero-card img { max-height: 92px !important; object-fit: cover; }
  .legacy-lp-page .hero-stats { gap: 6px !important; }
  .legacy-lp-page .stat-item { padding: 11px !important; }
  .legacy-lp-page .hero-trust { display: none; }
  .legacy-lp-page .hero-text h1,
  .legacy-lp-page .hero-text h2 { font-size: 2.25rem !important; line-height: 1.08 !important; }
  .legacy-lp-page .hero-text .tagline { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-lp-page .proof-bar { padding: 18px 0 !important; }
  .legacy-lp-page .proof-bar-inner { gap: 8px !important; }
  .legacy-lp-page .proof-item { font-size: .72rem !important; }
  .legacy-lp-page .how-section,
  .legacy-lp-page .why-section,
  .legacy-lp-page .why-intl-section,
  .legacy-lp-page .cost-section,
  .legacy-lp-page .testimonials-section,
  .legacy-lp-page .cta-section,
  .legacy-lp-page .faq-section { padding: 52px 0 !important; }
  .legacy-lp-page .how-header { margin-bottom: 24px !important; }
  .legacy-lp-page .section-title { font-size: 1.75rem !important; line-height: 1.2 !important; }
  .legacy-lp-page .section-desc { display: -webkit-box; overflow: hidden; font-size: .84rem !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-lp-page .how-steps,
  .legacy-lp-page .why-grid,
  .legacy-lp-page .why-intl-grid,
  .legacy-lp-page .testimonials-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 12px !important;
    width: auto;
    margin: 24px -14px 0 !important;
    padding: 0 14px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .legacy-lp-page .how-steps::-webkit-scrollbar,
  .legacy-lp-page .why-grid::-webkit-scrollbar,
  .legacy-lp-page .why-intl-grid::-webkit-scrollbar,
  .legacy-lp-page .testimonials-grid::-webkit-scrollbar { display: none; }
  .legacy-lp-page .how-steps > *,
  .legacy-lp-page .why-grid > *,
  .legacy-lp-page .why-intl-grid > *,
  .legacy-lp-page .testimonials-grid > * { scroll-snap-align: start; }
  .legacy-lp-page .step-card,
  .legacy-lp-page .why-card,
  .legacy-lp-page .why-intl-card,
  .legacy-lp-page .testimonial-card { min-height: 150px; }
  .legacy-lp-page .why-card p,
  .legacy-lp-page .why-intl-card p,
  .legacy-lp-page .testimonial-card .quote { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-lp-page .cost-mobile-list { margin-top: 24px !important; }
  .legacy-lp-page .cost-mobile-card { padding: 16px !important; }
  .legacy-lp-page .cta-wrapper { gap: 26px !important; }
  .legacy-lp-page .cta-left h2 { font-size: 1.75rem !important; }
  .legacy-lp-page .cta-left p { display: -webkit-box; margin-bottom: 14px !important; overflow: hidden; font-size: .9rem !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .legacy-lp-page .cta-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; }
  .legacy-lp-page .cta-benefits li { align-items: flex-start; padding: 5px 0 !important; font-size: .76rem !important; line-height: 1.45; }
  .legacy-lp-page .cta-benefits li::before { width: 19px; height: 19px; }
  .legacy-lp-page .form-card { padding: 20px 16px !important; }
  .legacy-lp-page .form-card .form-subtitle { margin-bottom: 16px !important; }
  .legacy-lp-page .form-group { margin-bottom: 11px !important; }
  .legacy-lp-page .form-group input,
  .legacy-lp-page .form-group select,
  .legacy-lp-page .form-group textarea { padding: 10px 12px !important; }
  .legacy-lp-page .form-group textarea { min-height: 64px !important; }
  .legacy-lp-page .faq-grid { margin-top: 24px !important; }
  .legacy-lp-page .faq-question { padding: 15px 16px !important; font-size: .85rem !important; }
  .legacy-lp-page .faq-answer { padding: 0 16px 15px !important; font-size: .82rem !important; }
  .legacy-lp-page .blog-grid,
  .legacy-lp-page .food-grid,
  .legacy-lp-page .stay-grid,
  .legacy-lp-page .vehicle-grid,
  .legacy-lp-page .culture-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 13px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .legacy-lp-page .blog-grid > *,
  .legacy-lp-page .food-grid > *,
  .legacy-lp-page .stay-grid > *,
  .legacy-lp-page .vehicle-grid > *,
  .legacy-lp-page .culture-grid > * { scroll-snap-align: start; }
}