/* =========================================================
   RWD.css (SAFE MINIMAL)
   - 目的：只做「不會炸版」的最小 RWD 防護
   - 原則：不碰任何頁面 layout、不碰 modern、不碰 temple
   ========================================================= */

/* box model */
*,
*::before,
*::after { box-sizing: border-box; }

/* media responsive */
img, video, canvas, svg, iframe {
  max-width: 100%;
  height: auto;
}

/* prevent accidental horizontal scroll from decorations */
html, body { overflow-x: hidden; }

/* long text safety */
p, h1, h2, h3, h4, h5, h6, li, a {
  overflow-wrap: anywhere;
}

/* tables: allow scroll */
table { width: 100%; border-collapse: collapse; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* touch */
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}