/* Gia Sư SV Mobile Suite 1.6.3 — lightweight, low-specificity site shell.
   All rules are mobile-only. Does NOT rewrite CV, Lớp Mới, Học & Thi,
   Góc Gia Sư/Học sinh interactions; their own CSS wins on specificity. */
@media screen and (max-width: 767px) {
  html { -webkit-text-size-adjust: 100%; }
  body :where(main, #primary, #content, .site-main, .site-content, .entry-content,
              .elementor, .elementor-container, .elementor-widget,
              .elementor-widget-container, .wp-block-post-content) {
    min-width: 0;
    box-sizing: border-box;
  }
  /* Responsive article and section media; do not change intrinsic study SVGs,
     canvas-based CV exports, logos, teacher avatars or quiz image controls. */
  body :where(.entry-content, .wp-block-post-content, .post-content) :where(img, video) {
    max-width: 100%;
  }
  body :where(.entry-content, .wp-block-post-content, .post-content) :where(figure) {
    max-width: 100%;
  }
  /* Prevent long unbroken article links/titles from pushing cards off-screen. */
  body :where(.entry-title, .page-title, .post-title, .card-title, .entry-content p,
              .wp-block-post-content p) { overflow-wrap: break-word; }
  /* Native inputs must fit their own columns; keep radio and checkbox sizing. */
  body :where(.entry-content, .wp-block-post-content) :where(
    input:not([type='radio']):not([type='checkbox']), select, textarea) {
    box-sizing: border-box;
    max-width: 100%;
  }
  /* Tap targets in the site header, without forcing menu visibility.
     Custom CV and exam controls remain under their existing plugins. */
  body :where(.site-header, .main-header, #masthead) :where(.menu-toggle, .nav-toggle, .hamburger) {
    min-width: 44px;
    min-height: 44px;
  }
  /* Keep image captions associated with their image, not clipped off-screen. */
  body :where(.entry-content, .wp-block-post-content) :where(figcaption) {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}
@media (prefers-reduced-motion: reduce) {
  body :where(.site-header, .main-header, #masthead) :where(.menu-toggle, .nav-toggle) {
    transition-duration: 0.01ms;
  }
}