/* ============================================================================
 * 宿主基线 —— ui.zhaozimin 是真源
 *
 *   edu 的 v4 组件运行在 Tailwind v4 preflight 之上：box-sizing、标题/段落零外距、图片块级……
 *   脱离 edu 单独使用时，这些「看不见的前提」缺席就会让尺寸差几个像素。
 *   这里只收组件实际依赖的最小子集，全部包在 :where() 里——零特异性，永不覆盖组件自己的样式。
 *   末段 reduced-motion 逐字取自 edu web/src/index.css（v4 的 keyframes.css 注明由它兜底）。
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
 * ========================================================================== */

:where(.zzm-v4),
:where(.zzm-v4) *,
:where(.zzm-v4) *::before,
:where(.zzm-v4) *::after { box-sizing: border-box; }

:where(.zzm-v4) :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, ul, ol, dl, dd, pre) { margin: 0; }
:where(.zzm-v4) :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; }
:where(.zzm-v4) :where(img, svg, video, canvas) { display: block; vertical-align: middle; }
:where(.zzm-v4) :where(img, video) { max-width: 100%; height: auto; }
:where(.zzm-v4) :where(button, input, select, textarea) { font: inherit; letter-spacing: inherit; color: inherit; }
:where(.zzm-v4) :where(button) { background-color: transparent; }

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