.asic-work{background:#e7ecdd;padding:28px}.asic-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:20px 0 32px}.asic-flow>div{position:relative;text-align:center}.asic-flow svg{width:100%;max-width:150px;display:block;margin:auto}.asic-flow b{font-size:15px}.asic-flow i{position:absolute;right:-30px;top:45%;width:30px;height:3px;background:repeating-linear-gradient(90deg,#a88141 0 7px,transparent 7px 12px);animation:asic-flow 1.2s linear infinite}.asic-paused .asic-flow i,.asic-offscreen .asic-flow i,.asic-hidden .asic-flow i{animation-play-state:paused}.asic-reading{border-top:1px solid #b6c7a6;padding-top:20px}.asic-reading h3{font-size:27px;margin:0}.asic-reading p{font-size:15px;max-width:68ch}.asic-reading strong{display:block;font-weight:500;color:#647b57}.asic-process{list-style:none;padding:0;counter-reset:asic}.asic-process li{counter-increment:asic;padding:18px 0;border-bottom:1px solid #c6cfbb;display:grid;grid-template-columns:35px 160px 1fr;gap:15px}.asic-process li:before{content:counter(asic,decimal-leading-zero);color:#738666}.asic-process span{font-size:14px}.asic-notes details{padding:18px 0;border-bottom:1px solid #c6cfbb}.asic-notes summary{cursor:pointer}.asic-notes summary:focus-visible{outline:3px solid #ae8650;outline-offset:4px}@keyframes asic-flow{to{background-position:24px 0}}@media(max-width:650px){.asic-work{padding:18px}.asic-flow{gap:18px}.asic-flow i{width:18px;right:-18px}.asic-flow b{font-size:13px}.asic-process li{grid-template-columns:25px 1fr}.asic-process span{grid-column:2}.asic-reading h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.asic-flow i{animation:none}}
/* Editorial comparison studio: the changing design layer is the focal point. */
#asic-lab .asic-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px}#asic-lab .asic-intro h2{font-family:'Songti TC',Georgia,'PMingLiU',serif;font-weight:500;font-size:clamp(28px,3.4vw,44px);margin:0;line-height:1.35}#asic-lab .asic-intro p{font-size:14px;line-height:1.8;margin:0;max-width:38ch}.asic-studio{border:1px solid #c6cfbb}.asic-studio .asic-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-bottom:1px solid #c6cfbb}.asic-tabs button{border:0;border-right:1px solid #c6cfbb;text-align:left;padding:16px 24px;font-size:16px;line-height:1.6}.asic-tabs button:last-child{border-right:0}.asic-tabs small{display:block;font-size:11px;letter-spacing:.06em;opacity:.85}.asic-tabs button:hover{background:#e5eadb}.asic-tabs button[aria-pressed=true]{background:#244638}.asic-work{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);padding:0;background:transparent;gap:0}.asic-canvas{background:#e7ecdd;min-width:0;padding:18px 20px 12px;display:flex;flex-direction:column;justify-content:space-between}.asic-figure-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.asic-figure-head .control{font-size:11px;padding:5px 9px;white-space:nowrap}.asic-flow{display:block;margin:16px -8px 8px}.asic-flow svg{max-width:none;width:100%;display:block}.asic-flow text{font:14px system-ui;fill:#244638}.asic-flow .fine{font-size:11px}.asic-flow .light{fill:#f8f7f2}.asic-flow .trace{stroke:#96a789;stroke-width:1;opacity:.6}.asic-flow .pin{stroke:#ac8c50;stroke-width:5}.asic-flow .signal{stroke:#e0bd73;stroke-width:4;stroke-linecap:round;stroke-dasharray:9 8;animation:asic-signal 1.4s linear infinite}.asic-legend{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#435c45}.asic-legend i{display:inline-block;width:8px;height:8px;background:#ac8c50;margin-right:6px}.asic-reading{border:0;padding:28px 24px;align-self:center}.asic-reading h3{font-size:23px;line-height:1.4;margin-bottom:12px}.asic-reading strong{font-size:13px;color:#526743}.asic-reading p{font-size:13px;line-height:1.85;margin:12px 0}.asic-reading .question{font-size:12px;padding-top:14px;margin-bottom:0}.asic-definition{font-size:13px;margin:16px 0}.asic-definition summary{cursor:pointer}.asic-definition p{max-width:70ch}.asic-paused .signal,.asic-offscreen .signal,.asic-hidden .signal{animation-play-state:paused}@keyframes asic-signal{to{stroke-dashoffset:-68}}@media(max-width:760px){#asic-lab .asic-intro{display:block}#asic-lab .asic-intro p{margin-top:14px}.asic-work{grid-template-columns:1fr}.asic-tabs button{padding:12px 9px;font-size:12px}.asic-tabs small{font-size:10px}.asic-canvas{padding:14px 12px}.asic-reading{padding:22px}.asic-flow{margin:12px -4px 4px}.asic-legend{font-size:9px}}@media(prefers-reduced-motion:reduce){.asic-flow .signal{animation:none}}
/* Wave 2：全頁暫停同步、說明面板寫在 HTML、ASIC 章節編號 */
.motion-stopped .asic-flow .signal{animation-play-state:paused}.asic-panel[hidden]{display:none}#asic-lab>.eyebrow{display:block;margin-bottom:8px}.asic-legend{font-size:11px}@media(max-width:760px){.asic-legend{font-size:12px;flex-wrap:wrap}.asic-figure-head{font-size:13px}}