.cd-root .cd-picture,.cd-root .cd-drawing {position:absolute;inset:0;}
.cd-root .ec-scene {min-height:350px;flex-basis:350px;}
.cd-root .cd-circuit {width:100%;height:100%;}
.cd-root .cd-circuit g,.cd-root .cd-symbol g {fill:none;stroke:var(--ec-light);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.cd-root .cd-circuit text,.cd-root .cd-symbol text {fill:var(--ec-text);stroke:none;font:500 18px 'Manrope',sans-serif;}
.cd-root .cd-circuit text {font-size:14px;}
.cd-root .cd-solid {fill:var(--ec-light);stroke:none;}
.cd-root .cd-glass {fill:#FFF6D8;fill-opacity:.12;}
.cd-root .cd-slot {stroke:var(--ec-border);stroke-dasharray:5 6;fill:var(--ec-deep);}
.cd-root .cd-symbol {width:100%;max-width:280px;height:170px;display:block;margin:auto;}
.cd-root .cd-pair {display:flex;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:14px 22px;}
.cd-root .cd-pair>div {display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ec-border);}
.cd-root .cd-pair .cd-symbol {width:55%;height:130px;flex-shrink:0;}
.cd-root .cd-pair p,.cd-root .cd-feature p {font-size:15px;color:var(--ec-secondary);}
.cd-root .cd-feature {height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;}
.cd-root .cd-feature p {text-align:center;}
.cd-root .ec-note {font-size:16px;}
.cd-root .cd-choices {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.cd-root .cd-choice {min-width:0;min-height:70px;background:var(--ec-surface);border:1px solid var(--ec-border);border-radius:10px;padding:4px;}
.cd-root .cd-choice .cd-symbol {height:74px;}
.cd-root .cd-reference summary {min-height:48px;padding:12px 0;cursor:pointer;color:var(--ec-mint);font-size:15px;}
.cd-root .cd-reference section {border-top:1px solid var(--ec-border);padding:16px 0;}
.cd-root .cd-reference h2 {font-size:17px;color:var(--ec-text);font-weight:500;}
.cd-root .cd-reference .ec-note {text-align:center;}
.cd-root[data-beat="recall"] .ec-scene {display:none!important;}
.cd-root[data-beat="recall"] .ec-panel {flex:1;max-width:680px;margin:auto;padding:20px 22px;}
.cd-root [aria-pressed="true"] {outline:2px solid var(--ec-mint);outline-offset:2px;}
.cd-root .ec-controls {gap:6px;}
.cd-root .ec-controls .ec-action {padding-inline:10px;}
.cd-root .ec-skip {min-width:44px;}
@media(min-width:760px){.cd-root .ec-scene {min-height:400px!important;}}