.learn-root .dop-fig .seg{flex-wrap:wrap}.learn-root .dop-stage{margin-top:1.3rem}.learn-root .dop-svg svg{display:block;width:100%;height:auto}.learn-root .dop-note{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:baseline;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}.learn-root .dop-note .dop-tag{white-space:nowrap;font-size:.78rem;font-weight:600;padding:.15rem .55rem;border-radius:99px;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-line)}.learn-root .dop-note[data-mode=p] .dop-tag{background:rgba(230,150,20,.1);color:var(--amber);border-color:rgba(230,150,20,.35)}.learn-root .dop-note p{font-size:.95rem;line-height:1.55;color:var(--ink-2)}.learn-root .dop-note p b{color:var(--ink);font-weight:600}.learn-root .dop-ctl{display:flex;align-items:center;gap:.7rem;margin-top:1.1rem}.learn-root .dop-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;padding:.46rem .95rem;border-radius:9px;display:inline-flex;align-items:center;gap:.5rem;transition:border-color .15s,background .15s,transform .1s}.learn-root .dop-btn:hover{border-color:var(--accent-line)}.learn-root .dop-btn:active{transform:scale(.97)}.learn-root .dop-btn .led{width:7px;height:7px;border-radius:50%;background:var(--ink-3);transition:background .3s}.learn-root .dop-btn[aria-pressed=true] .led{background:var(--accent)}.learn-root .dop-ctl .dop-state{font-size:.85rem;color:var(--ink-3)}.learn-root .dop-ctl .dop-state b{color:var(--ink-2);font-weight:600}.learn-root .dop-carrier{opacity:0}.learn-root .dop-flow .dop-carrier{animation:dop-move 2.4s linear infinite}.learn-root .dop-flow .dop-carrier.c2{animation-delay:.8s}.learn-root .dop-flow .dop-carrier.c3{animation-delay:1.6s}@keyframes dop-move{0%{opacity:0;transform:translateX(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateX(var(--dop-dx,220px))}}@media (prefers-reduced-motion:reduce){.learn-root .dop-flow .dop-carrier{animation:none;opacity:1}}