/* Desktop reading sizes. Mobile retains the accepted Thai layout. */
@media (min-width: 901px) {
  body { font-size: 18px; line-height: 1.8; }
  .nav { gap: clamp(12px,1.4vw,22px); }
  .header-actions .button, .nav a, .button, .text-link, .filter-bar button { font-size: 16px; }
  .article, .article p, .article li, .article dd,
  .product-card p, .product-card .sub, .consult-copy p, .about-copy p,
  .contact-item p, .download-field label, .download-field input,
  .download-field textarea, .download-option-copy strong { font-size: 18px; line-height: 1.8; }
  .page-hero p, .hero p { font-size: 20px; }
  .article p, .article li { max-width: 76ch; }
  .comparison-table { font-size: 16px; }
  .comparison-table th:first-child { min-width: 260px; }
  .download-mail-note, .download-option-copy>span, .download-group-heading p,
  .download-contact-card>p, .download-count, .table-hint, .footer-contact a,
  .footer-brand p, .side-nav a, .video-card p, .topbar { font-size: 16px; }
  html[lang=en] .nav { gap: 14px; }
  html[lang=en] .nav a { font-size: 15px; }
  html[lang=en] .hero h1 { font-size: clamp(42px,4.5vw,62px); }
}
html[lang=en] body { font-family: Arial, "Noto Sans Thai", sans-serif; }
html[lang=en] .article { overflow-wrap: anywhere; }
.video-language { padding: 12px 16px; background: #f2f5f5; border-left: 3px solid #d77735; }
@media (min-width: 901px) and (max-width: 1180px) {
  .header-inner { flex-wrap: wrap; gap: 12px; padding-block: 14px; }
  .header-inner .nav { order: 3; flex: 1 0 100%; justify-content: center; }
  .header-inner .header-actions { margin-left: auto; }
}