.vds-study{margin:2rem 0;padding:1.4rem;border:1px solid var(--line,#d6d9cf);border-radius:18px;background:var(--paper,#f7f5ed);min-inline-size:0;max-width:100%;color:#203b31}.vds-study h3{margin:.5rem 0 1rem}.vds-study p,.vds-study li{max-width:68ch}.vds-options{min-inline-size:0;min-width:0;border:0;padding:0;margin:1.2rem 0}.vds-options legend{font-weight:650;margin-bottom:.8rem}.vds-options>input{position:absolute;clip-path:inset(50%);width:1px;height:1px;padding:0;border:0;overflow:hidden;white-space:nowrap}.vds-options>label{display:inline-block;margin:0 .6rem .7rem 0;padding:.7rem .85rem;border:1px solid #85968b;border-radius:12px;cursor:pointer;line-height:1.4}.vds-options>input:checked+label{background:#173f35;color:#fff}.vds-options>input:focus-visible+label{outline:3px solid #9a6a21;outline-offset:3px}.vds-panels{margin-top:.5rem}.vds-panel{padding:1rem;border:1px solid #bac4b9;border-radius:12px;min-inline-size:0;max-width:100%}.vds-panel h4{margin:.5rem 0 1rem}.vds-diagram-scroll{max-width:100%;overflow-x:auto;border:1px solid #d2d7cb;border-radius:10px;background:#faf8f0;scrollbar-color:#85968b #faf8f0}.vds-diagram-scroll:focus-visible{outline:3px solid #9a6a21;outline-offset:3px}.vds-panel svg{display:block;width:100%;min-width:44rem;height:auto}.vds-panel svg .vds-box{fill:#efeee3;stroke:#2e5c49;stroke-width:2}.vds-panel svg .vds-accent{fill:#dce8d9}.vds-panel svg text{fill:#203b31;font-family:inherit;font-size:14px}.vds-panel svg .vds-label{font-size:15px;font-weight:600}.vds-panel svg marker path{fill:#28725d}.vds-link,.vds-symbolic{fill:none;stroke:#28725d;stroke-width:3}.vds-relationship{stroke-dasharray:4 6}.vds-symbolic{stroke-dasharray:9 9;animation:none}.vds-study[data-playing=true] .vds-symbolic{animation:vds-marks 3s linear infinite}.vds-scroll-hint{font-size:.85rem;margin:.4rem 0 1rem}.vds-limit,.vds-boundary{padding:.8rem 0;border-top:1px solid #d2d7cb}.vds-sources{font-size:.9rem;line-height:1.7}.vds-sources a{color:#245440;text-decoration:underline;text-underline-offset:.15em}.vds-controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.vds-controls[hidden]{display:none}.vds-controls button{border:1px solid #173f35;border-radius:10px;padding:.7rem 1rem;font:inherit;background:#fff;color:#173f35;cursor:pointer}.vds-controls button:disabled{opacity:.7;cursor:default}.vds-controls button:focus-visible{outline:3px solid #9a6a21;outline-offset:3px}.vds-motion-status{font-size:.875rem;flex-basis:100%}.vds-options>input[value=solar]:checked~.vds-panels>.vds-panel:not([data-state=solar]),.vds-options>input[value=stored]:checked~.vds-panels>.vds-panel:not([data-state=stored]),.vds-options>input[value=air]:checked~.vds-panels>.vds-panel:not([data-state=air]),.vds-options>input[value=rain]:checked~.vds-panels>.vds-panel:not([data-state=rain]),.vds-options>input[value=indoor]:checked~.vds-panels>.vds-panel:not([data-state=indoor]),.vds-options>input[value=open]:checked~.vds-panels>.vds-panel:not([data-state=open]),.vds-options>input[value=finished]:checked~.vds-panels>.vds-panel:not([data-state=finished]),.vds-options>input[value=records]:checked~.vds-panels>.vds-panel:not([data-state=records]){display:none}.motion-paused .vds-symbolic{animation:none!important}@keyframes vds-marks{to{stroke-dashoffset:-36}}@media(prefers-reduced-motion:reduce){.vds-symbolic{animation:none!important}}@media(max-width:600px){.vds-study{padding:1rem}.vds-options>label{display:block;margin:0 0 .7rem;max-width:100%;overflow-wrap:anywhere}.vds-panel{padding:.75rem}.vds-controls button{max-width:100%;white-space:normal}}