.cb-lab{padding:24px;background:#f0f6f9;border:1px solid #cadde9;border-radius:17px;margin:24px 0}.cb-lab>h3{font-size:1.3rem}.cb-lab>p{font-size:.92rem}
.cb-scenarios,.cb-step-buttons,.cb-test-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.cb-lab button{font:inherit;cursor:pointer;min-height:44px;padding:10px 12px;border:1px solid #b8cfdc;border-radius:10px;background:white;color:#285979;font-size:.82rem}.cb-lab button[aria-pressed=true]{background:#245e80;color:white;border-color:#245e80}.cb-scenarios>button{flex:1}.cb-step-buttons>button{flex:1;font-size:.77rem}
.cb-diagram{position:relative;display:grid;grid-template-columns:1fr 22px 1.5fr 22px 1fr;gap:8px;align-items:center;background:white;border:1px solid #ccdde7;border-radius:14px;padding:22px 16px 15px;isolation:isolate}.cb-node{min-height:106px;padding:14px 9px;border:2px solid #d4e3eb;border-radius:12px;text-align:center;background:#f1f6f9;transition:border-color .3s,background .3s}.cb-node>span,.cb-node>small{display:block;font-size:.68rem;color:#607f92;line-height:1.4}.cb-node>strong{display:block;font-size:.93rem;color:#28516b;margin:8px 0}.cb-arrow{color:#7f9eb2;text-align:center}.cb-recycle{grid-column:1/4;display:flex;align-items:center;gap:10px;color:#357c79;font-size:.73rem;line-height:1.45;border-top:2px solid #96c6b8;margin:12px 10px 0;padding-top:9px}.cb-recycle>span{font-size:1.8rem;line-height:1}.cb-colon-note{grid-column:4/6;font-size:.7rem;text-align:center;color:#627f91;line-height:1.45;margin-top:8px}.cb-water{display:flex;gap:5px;justify-content:center;height:22px;align-items:center}.cb-water i{display:block;width:6px;height:8px;background:#77b1cc;border-radius:50%;opacity:.5;transition:height .5s}.cb-diagram[data-scenario=exceso] .cb-colon{background:#e7f2fa;border-color:#6fa7ca}.cb-diagram[data-scenario=exceso] .cb-water i{height:17px;opacity:1}.cb-diagram[data-step="0"] .cb-liver,.cb-diagram[data-step="1"] .cb-small,.cb-diagram[data-step="2"] .cb-colon{border-color:#2c7496;box-shadow:0 0 0 3px #c3e2ef60}.cb-outcome{background:#e0edf4;border-radius:9px;padding:12px 14px;text-align:center;color:#285d7b!important;font-size:.88rem!important;margin:12px 0 17px!important}.cb-diagram[data-scenario=exceso]+.cb-outcome{background:#d7eaf7}.cb-explanation{padding:18px;background:white;border:1px solid #d3e2ea;border-radius:12px;min-height:150px}.cb-explanation h4{font-size:1rem}.cb-explanation p{font-size:.9rem;margin:0}.cb-play-row{display:flex;align-items:center;gap:13px;margin:15px 0}.cb-play-row>span{font-size:.75rem;color:#607c8e}.cb-particle{position:absolute;left:8%;top:66px;background:#c39b29;border-radius:50%;width:9px;height:9px;opacity:0;pointer-events:none}.cb-playing .cb-particle{animation:cb-journey 6s ease-in-out 1}.cb-playing .cb-water i{animation:cb-water 1s ease-in-out 6}.cb-evaluation{margin-top:22px;padding-top:21px;border-top:1px solid #bed4e2}.cb-evaluation h4{font-size:1.05rem}.cb-evaluation h5{font-size:.95rem;margin:15px 0 9px;color:#285675}.cb-evaluation p{font-size:.88rem}.cb-evaluation>a{font-size:.86rem;color:#245d84;font-weight:650}.cb-test-buttons>button{font-size:.76rem;flex:1}.cole:not(.cole-enhanced) .cb-lab :is(.cb-scenarios,.cb-step-buttons,.cb-play-row,.cb-test-buttons){display:none}
@keyframes cb-journey{0%,5%{left:10%;opacity:0}12%{opacity:1}34%{left:48%;top:66px}64%{left:52%;top:66px}90%{left:88%;opacity:1}100%{left:88%;opacity:0}}@keyframes cb-water{50%{transform:translateY(4px)}}
@media(max-width:760px){.cb-lab{padding:20px 14px}.cb-diagram{grid-template-columns:1fr 12px 1.3fr 12px 1fr;gap:3px;padding:17px 8px 12px}.cb-node{padding:10px 5px;min-height:105px}.cb-node>strong{font-size:.76rem}.cb-node>span,.cb-node>small{font-size:.58rem}.cb-recycle{font-size:.64rem;margin:13px 3px 0}.cb-colon-note{font-size:.62rem}.cb-scenarios>button{font-size:.77rem}.cb-step-buttons>button{padding:10px 7px;font-size:.72rem;min-width:82px}.cb-play-row{display:block}.cb-play-row>span{display:block;margin-top:9px}.cb-explanation{padding:17px;min-height:170px}.cb-test-buttons>button{min-width:100px}.cb-particle{top:60px}}
@media(prefers-reduced-motion:reduce){.cb-lab *{animation:none!important;transition:none!important}.cb-particle{display:none}}@media print{.cb-scenarios,.cb-step-buttons,.cb-play-row,.cb-test-buttons{display:none}.cb-lab{break-inside:avoid}}
.cb-lab{scroll-margin-top:120px}