.stb-canopy{border-top:1px solid #7775;width:calc(100% - 48px);max-width:1280px;margin-inline:auto;padding:clamp(28px,6vw,80px) 0;scroll-margin-top:70px}.stb-canopy h2{margin:20px 0;font-size:clamp(32px,6vw,64px);line-height:1.05}.canopy-note,.canopy-state{opacity:.75;font:12px/1.7 monospace}.canopy-controls{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.canopy-controls button,.canopy-controls label,.stb-canopy details button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #8888;border-radius:3px;padding:12px}.canopy-controls button[aria-pressed=true]{background:#9bc4bf25;border-color:#9bc4bf}.canopy-controls input{max-width:200px;margin-top:8px;font-size:12px;display:block}.canopy-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.canopy-stats small{opacity:.65;margin-bottom:10px;display:block}.canopy-stats strong{font:clamp(18px,3vw,30px) monospace}.stb-canopy svg{width:100%;height:auto;margin:30px 0 0}.canopy-scrub{font:13px monospace;display:block}.canopy-scrub input{accent-color:#93bdb7;width:100%;margin:20px 0;display:block}.stb-canopy details{max-width:850px;margin-top:25px;line-height:1.7}.stb-canopy summary{cursor:pointer}.stb-canopy button:focus-visible,.stb-canopy input:focus-visible{outline-offset:4px;outline:2px solid #93bdb7}@media (width<=600px){.canopy-stats{grid-template-columns:repeat(2,1fr)}.canopy-controls button{flex:1;min-width:140px}.canopy-state{min-height:65px}}