@media (max-width: 767px) {
  .site-shell .home-hero-content { display: flex; flex-direction: column; }
  .site-shell .home-hero .hero-cert-strip { order: 1; margin: 24px 0 0; }
  .site-shell .factory-hero { min-height: 0; height: 32vh; margin-top: 76px; padding: 0; background-position: center; }
  .site-shell .factory-stats-section { margin-top: -18px; padding-bottom: 0; }
  .site-shell .factory-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .site-shell .factory-stats-grid > div { min-height: 0; padding: 14px; }
  .site-shell .factory-stats-grid strong { font-size: clamp(24px, 7vw, 32px); }
  .site-shell .factory-identity-section { padding-top: 24px; }
}

.mobile-inquiry-jump { display: none; }
@media (max-width: 767px) {
  html .resource-detail-inner:has(> .resource-language-picker) > .guide-back {
    margin: 0 8px 8px 0;
    min-height: 44px;
    vertical-align: middle;
  }
  html .editorial-table-wrap table:has(td[data-label]),
  html .editorial-table-wrap table:has(td[data-label]) tbody { display: block; width: 100%; }
  html .editorial-table-wrap table:has(td[data-label]) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html .editorial-table-wrap table:has(td[data-label]) tbody tr {
    display: grid; gap: 12px; margin-block: 12px; padding: 16px;
    background: #fff; border: 1px solid #d5dfd5; border-radius: 8px;
  }
  html .editorial-table-wrap td[data-label] { display: block; line-height: 1.5; }
  html .editorial-table-wrap td::before {
    display: block; content: attr(data-label); color: var(--green-dark); font-weight: 750;
  }
  html .resource-language-picker { margin: 0 0 8px; }
  html .resource-language-picker:not([open]) { display: inline-block; vertical-align: middle; }
  html .resource-language-picker summary { padding-inline: 4px; }
  html .mobile-inquiry-jump {
    display: inline-flex; align-items: center; min-height: 44px;
    color: var(--green-dark); font-weight: 700; text-decoration: underline;
  }

  html .monk-guide-video-section:first-child .monk-guide-article {
    display: flex; flex-direction: column; align-items: stretch;
  }
  html .monk-guide-video-section:first-child .guide-back { align-self: flex-start; order: -2; }
  html .monk-guide-video-section:first-child .guide-article-copy { display: contents; }
  html .monk-guide-video-section:first-child .guide-article-copy > :is(.section-kicker,h1,.guide-updated,.guide-lead) { order: -1; }
}

/* Keep article navigation clear of the fixed header in portrait and landscape. */
@media (max-width: 980px) {
  html:has(.resource-toc, .mobile-inquiry-jump) { scroll-behavior: auto; }
  html :is(#article-faq, #inquiry-contact) { scroll-margin-top: 96px; }
}

/* English mobile reading: distinguish the lead from the body and keep navigation compact. */
.tool-workspace-jump { display: none; }
@media (max-width: 640px) {
  html :is(.resources-hero, .product-center-hero) {
    padding-top: 92px;
    padding-bottom: 36px;
  }
  html :is(.resources-hero, .product-center-hero, .resource-detail-inner) > .guide-back,
  html :is(.resources-hero, .product-center-hero) .guide-back:first-child {
    margin-bottom: 12px;
  }
  html :is(.resources-hero, .product-center-hero) h1 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.12;
  }
  html :is(.resources-hero, .product-center-hero) p:not(.section-kicker) {
    font-size: 17px;
    line-height: 1.52;
    font-weight: 500;
    margin-top: 14px;
  }
  html .resource-detail .resource-meta { gap: 6px 12px; margin: 12px 0; }
  html .resource-detail .resource-summary { font-weight: 600; }
  html .resource-detail :is(.resource-intro, section, .resource-faq-list) p {
    font-weight: 400;
    line-height: 1.65;
  }
  html .cert-page-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: -14px;
  }
  html .cert-page-stats div { min-height: 0; padding: 14px; }
  html .cert-page-stats strong { font-size: 30px; }
  html .cert-page-stats span { margin-top: 6px; font-weight: 600; }
  html .tool-workspace-jump {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: 12px;
    color: var(--green-dark);
    font-weight: 700;
    text-decoration: underline;
  }
  html :is(.packing-workspace, .oem-workspace) { scroll-margin-top: 92px; }
}

@media (max-width: 640px) {
  html .footer .regional-contact :is(.regional-contact-purpose, address) { font-weight: 400; }
  html .footer .footer-records a { display: inline-flex; align-items: center; min-height: 44px; }
}

@media (max-width: 640px) {
  html :is(.extract-comparison a, .resource-faq-list a[href*="/free-sample/?product=monk-fruit-extract"]) {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

/* Factory contact choices in the English mobile inquiry dialog. */
.mobile-factory-only { display: none !important; }
@media screen {
  html .inquiry-modal .inquiry-contact-grid { gap: 8px; }
  html .inquiry-modal .inquiry-contact-grid > [data-factory-action] {
    display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center;
    gap: 2px; min-height: 48px; padding: 8px 14px;
  }
  html .inquiry-modal [data-factory-action] :is(svg, .regional-contact-hint) { display: none; }
  html .inquiry-modal [data-factory-action] strong { font-size: 17px; line-height: 1.3; }
  html .inquiry-modal [data-factory-action="email"] { order: -4; }
  html .inquiry-modal [data-factory-action="phone"] { order: -3; }
  html .inquiry-modal [data-factory-action="whatsapp"] { order: -2; }
  html .inquiry-modal .mobile-distributor-toggle {
    display: flex !important; align-items: center; justify-content: space-between; order: -1;
    min-height: 44px; padding: 8px 14px; text-align: start; font-weight: 700;
    border: 1px solid #bfd3c8; border-radius: 8px; background: #f6faf7; color: #174c40;
  }
  html .mobile-distributor-toggle::after { content: "+"; }
  html .mobile-distributor-toggle[aria-expanded="true"]::after { content: "−"; }
  html .inquiry-contact-grid:not([data-show-distributors]) > [data-mobile-distributor] { display: none !important; }
}

@media (min-width: 981px) {
  html .home-hero-content { display: flex; flex-direction: column; }
  html .home-hero .hero-cert-strip { order: 1; margin: 24px 0 0; }
  html .home-hero .hero-subtitle { max-width: 52ch; font-weight: 500; }
  html .inquiry-modal .inquiry-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html .inquiry-modal :is([data-factory-action="whatsapp"], .mobile-distributor-toggle) { grid-column: 1 / -1; }
}
/* Desktop reading measure for English articles, news and buying guides. */
@media (min-width: 981px) {
  html:has(.resource-toc) { scroll-behavior: auto; }
  html .resource-detail-inner :is(.resource-intro, section, .resource-faq-list) :is(p, li) {
    max-inline-size: 68ch;
    font-weight: 400;
    line-height: 1.65;
  }
  html .resource-detail-inner > h1 { font-size: clamp(40px, 3.6vw, 56px); line-height: 1.12; }
  html .resource-detail-inner section h2 { font-size: clamp(26px, 2.1vw, 32px); line-height: 1.25; }
  html .resource-detail-inner :is(.editorial-table-wrap, .resource-record-table) td { font-weight: 400; }
  html .resource-detail-inner .resource-record-table td:first-child { font-weight: 600; }
  html .resource-detail-inner figcaption { font-size: 15px; font-weight: 500; line-height: 1.5; }
  html .resource-detail-inner :is(p, li) > a:not([class]) { color: #075c4c; text-decoration: underline; text-underline-offset: .15em; }
  html .resource-detail-inner .resource-summary { max-inline-size: 68ch; font-weight: 600; }
}

@media (max-width: 980px) {
  .mobile-drawer > .mobile-social-links { order: 1; }
  .resource-detail section[id^="article-section-"] { scroll-margin-top: 96px; }
}
@media (max-width: 767px) {
  .product-detail-overview-copy { display: contents; }
  .product-detail-overview-heading { order: -2; }
  .product-detail-overview-media { order: -1; }
  .product-detail-overview-media img { height: 180px; aspect-ratio: auto; }
}
.inquiry-modal [data-factory-action] strong { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .inquiry-modal .inquiry-card { text-align: start; }
@media (min-width: 981px) {
  html:is(:lang(zh), :lang(ko)) .resource-detail-inner section p { max-inline-size: 40em; }
  html[dir="rtl"] .resource-detail-inner > h1 { line-height: 1.3; }
}
@media screen and (max-width: 540px) {
  html .us-nutrition-page .shared-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html .us-nutrition-page .shared-fields label,
  html .us-nutrition-page :is(.context, .help, .tabs button) { font-size: 14px; }
  html .us-nutrition-page .app-screen :is(input:not([type="checkbox"]), select) { font-size: 16px; min-height: 44px; }
}