.article-tool .toggle{display:inline-flex;flex-wrap:wrap;background:#edf5e7;border:1px solid #d9e6d1;border-radius:11px;padding:4px;gap:4px;margin-bottom:22px}.article-tool .toggle-btn{border:0;background:0 0;padding:9px 15px;border-radius:8px;font-family:inherit;font-weight:600;font-size:.86rem;color:#5a7268;cursor:pointer}.article-tool .toggle-btn.active{background:#12463a;color:#fff}.article-tool .scroll-hint{display:none}.article-tool .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.article-tool .stat{background:#fff;border:1px solid #d9e6d1;border-radius:14px;padding:16px 18px}.article-tool .stat .k{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a5a12;margin-bottom:6px}.article-tool .stat .v{font-size:1.15rem;font-weight:700;color:#12463a}.article-tool .diagram-card{background:#fff;border:1px solid #d9e6d1;border-radius:18px;padding:20px 20px 8px;margin-bottom:18px}.article-tool svg.scene{width:100%;height:auto;display:block;overflow:visible}.article-tool .node-circle{fill:#fbfdf9;stroke:#12463a;stroke-width:2.5}.article-tool .node-icon{fill:none;stroke:#12463a;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.article-tool .node-label{font-family:Inter;font-weight:700;font-size:14px;fill:#12463a;text-anchor:middle}.article-tool .node-sub{font-family:Inter;font-size:11px;fill:#5a7268;text-anchor:middle}.article-tool .route{fill:none;stroke:#d9e6d1;stroke-width:3;stroke-dasharray:2 8;stroke-linecap:round}.article-tool .traveler{fill:#6fbf4a;stroke:#0e332b;stroke-width:1.5;offset-rotate:0deg;opacity:0}.article-tool .liver-ring{fill:none;stroke:#d99a2b;stroke-width:3;opacity:0}.article-tool .liver-note{font-family:Inter;font-size:11px;fill:#8a5a12;text-anchor:middle;opacity:0}.article-tool .playing .traveler{animation:travel 4.6s linear forwards}@keyframes travel{0%{offset-distance:0;opacity:0}4%{opacity:1}96%{opacity:1}100%{offset-distance:100%;opacity:0}}.article-tool [data-method=valgomieji] .playing .liver-ring{animation:liverPulse 4.6s ease forwards}.article-tool [data-method=valgomieji] .playing .liver-note{animation:liverNote 4.6s ease forwards}@keyframes liverPulse{0%,54%{opacity:0;transform:scale(.8)}62%{opacity:.9;transform:scale(1.15)}100%{opacity:.55;transform:scale(1)}}@keyframes liverNote{0%,54%{opacity:0}100%,62%{opacity:1}}@media (prefers-reduced-motion:reduce){.article-tool .playing .traveler{animation:none;opacity:1;offset-distance:100%}.article-tool [data-method=valgomieji] .playing .liver-ring{animation:none;opacity:.55}.article-tool [data-method=valgomieji] .playing .liver-note{animation:none;opacity:1}}.article-tool .chart-card{background:#fff;border:1px solid #d9e6d1;border-radius:18px;padding:22px 22px 16px;margin-bottom:12px}.article-tool .chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;flex-wrap:wrap;gap:8px}.article-tool .chart-head h3{font-family:Inter;font-size:.95rem;font-weight:700;color:#12463a}.article-tool .chart-head span{font-size:.78rem;color:#5a7268}.article-tool svg.chart{width:100%;height:auto;display:block}.article-tool .baseline{stroke:#d9e6d1;stroke-width:1.5}.article-tool .curve{fill:none;stroke:#6fbf4a;stroke-width:4;stroke-linecap:round}.article-tool .curve-marker{fill:#6fbf4a;stroke:#0e332b;stroke-width:1.5;opacity:0}.article-tool .playing .curve-marker{animation:travel 4.6s linear forwards}@media (prefers-reduced-motion:reduce){.article-tool .playing .curve-marker{animation:none;opacity:1;offset-distance:100%}}.article-tool .axis-label{font-family:Inter;font-size:11px;fill:#5a7268}.article-tool .controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 0 20px}.article-tool #replay{border:1.5px solid #12463a;background:#fff;color:#12463a;font-family:inherit;font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:10px;cursor:pointer}.article-tool #replay:hover{background:#12463a;color:#fff}.article-tool .note{color:#5a7268;font-size:.82rem;max-width:46ch}.article-tool .related{display:flex;gap:16px;flex-wrap:wrap;padding:8px 0 40px;font-size:.86rem}.article-tool .related a{color:#12463a;font-weight:600}.article-tool footer{padding:20px 0 60px;color:#5a7268;font-size:.82rem;border-top:1px solid #d9e6d1}@media (max-width:640px){.article-tool .wrap{padding:0 16px}.article-tool .stage-head{padding:28px 0 6px}.article-tool .lede{max-width:none}.article-tool .toggle{display:flex;flex-direction:column;width:100%}.article-tool .toggle-btn{width:100%;padding:12px 14px;text-align:center}.article-tool .stats{grid-template-columns:1fr;gap:8px}.article-tool .stat{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.article-tool .stat .k{margin-bottom:0}.article-tool .stat .v{white-space:nowrap}.article-tool .diagram-card{padding:16px 12px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-tool svg.scene{min-width:640px;width:640px}.article-tool .node-label{font-size:16px}.article-tool .node-sub{font-size:13px}.article-tool .liver-note{font-size:12px}.article-tool .scroll-hint{display:block;text-align:center;color:#5a7268;font-size:.78rem;margin:0 0 10px}.article-tool .chart-card{padding:16px 14px 12px}.article-tool .controls{flex-direction:column;align-items:stretch;gap:12px;padding:10px 0 24px}.article-tool #replay{width:100%;padding:13px 18px;font-size:.95rem}.article-tool .note{max-width:none;text-align:center}}