/* Shared hierarchy for contextual exhibit controls. No continuous effects. */
body #cl09-controls,body #cl15-ui{box-sizing:border-box;width:min(316px,calc(100vw - 32px));max-height:55dvh;padding:13px 15px;border-top:3px solid #bca77c;scrollbar-width:thin}
body #cl09-controls.visible{animation:cf-room-enter .28s ease-out}
body #cl09-controls .cl09-eyebrow,body #cl15-ui header{font-size:9px;letter-spacing:.1em;font-weight:650;line-height:1.5}
body #cl09-controls h2,body #cl15-ui h2{font-size:18px;line-height:1.25;margin:7px 0 9px}
body #cl09-controls p,body #cl15-ui p{font-size:12px;line-height:1.5}
body #cl09-controls .cl16-views{display:grid;grid-template-columns:1fr}
body #cl09-controls button.cl20-primary{background:#344f3e;color:#fcf9ef;border-color:#344f3e;min-height:40px;font-weight:600}
body #cl09-controls button:disabled{opacity:.55;cursor:default}
body #cl09-controls .cl20-input-hint{font-size:10px;color:#50624e}body #cl09-controls .cl09-meta{font-size:10px}
body #cl15-ui .cl20-slider{padding:11px 12px;background:#e5e7db;border:1px solid #9f9b77;border-radius:6px;margin:10px 0}
body #cl15-ui .cl20-slider strong{display:block;font-size:12px;color:#304b37;margin-bottom:7px}
body #cl15-ui .cl20-slider label{display:block;color:#465a43}body #cl15-ui .cl20-slider input{display:block;margin:3px 0;min-height:36px;cursor:ew-resize;accent-color:#456143}
body #cl15-ui #cl20-slider-help{font-size:10px;margin:2px 0;color:#4d604b}
body #cl15-ui [data-lock]{padding:8px;border-left:3px solid #b79c63;background:#ece2c9;color:#364b32}
@keyframes cf-room-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){body #cl09-controls,body #cl15-ui{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(306px,calc(100vw - 20px));max-height:55dvh}}
@media(prefers-reduced-motion:reduce){body #cl09-controls.visible{animation:none}}
