/* 小學堂分步圖解（T-99）：只用 legal.css 的變數 */
.anim{margin:28px 0;padding:18px 18px 12px;background:var(--paper);border:1px solid var(--hairline-strong);border-radius:2px}
.anim-art{display:block;width:100%;height:auto;margin:0 0 14px}
.anim-art text{font-family:"Noto Sans TC",sans-serif;fill:var(--ink)}
.anim-art .box{fill:var(--paper-2);stroke:var(--hairline-strong);stroke-width:1.5}
.anim-art .is-on .box,.anim-art .box.is-on{fill:var(--gold-soft);stroke:var(--gold);stroke-width:2.5}
.anim-art .is-off{opacity:.3}
.anim-art .axis{stroke:var(--ink-soft);stroke-width:2}
.anim-art .tick{stroke:var(--navy);stroke-width:3}
.anim-art .mark rect{fill:var(--navy)}
.anim-art .mark text{fill:var(--paper)}
.anim-art .mark line{stroke:var(--navy);stroke-width:2}
.anim-art [data-on],.anim-art [data-pos]{transition:opacity .35s ease,transform .6s cubic-bezier(.3,.7,.2,1)}
.anim:not(.anim-js) .anim-js-only{display:none}
.anim-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.anim-bar button{min-height:40px;padding:6px 14px;font:inherit;font-size:14px;line-height:1.4;color:var(--navy);background:var(--paper-2);border:1px solid var(--hairline-strong);border-radius:2px;cursor:pointer}
.anim-bar button:hover{border-color:var(--gold)}
.anim-bar button[aria-pressed="true"]{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.anim-bar button:disabled{opacity:.45;cursor:default}
.anim-count{font-size:13px;color:var(--ink-soft)}
.anim-panels{margin:0;padding-left:22px}
.anim-panel{margin:0 0 14px}
.anim.anim-js .anim-panels{list-style:none;padding:0}
.anim.anim-js .anim-panel{display:none;margin:0}
.anim.anim-js .anim-panel.is-cur{display:block;animation:anim-in .3s ease}
.anim .anim-panel p{margin:0 0 8px}
.anim .anim-title{font-weight:700;color:var(--navy)}
.anim .anim-law{font-size:13px;color:var(--ink-soft)}
.anim figcaption{font-size:12.5px;color:var(--ink-soft);margin-top:6px}
@keyframes anim-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.anim *{transition:none!important;animation:none!important}}