/* Standalone, scoped interactive case desk. Does not override Gazette theme. */
.vtn-case-lab{--case-ink:#292723;--case-accent:#913e29;--case-copper:#b56839;--case-paper:#fffaf0;--case-border:#d5c3a9;box-sizing:border-box;margin:35px 0 40px;padding:clamp(18px,3.4vw,34px);border:1px solid #cfb58f;background:linear-gradient(150deg,#fffdf7 0%,#f3e8d6 100%);box-shadow:0 5px 20px #48321d10;color:var(--case-ink);font-family:inherit}
.vtn-case-lab *, .vtn-case-lab *::before,.vtn-case-lab *::after{box-sizing:border-box}
.vtn-case-lab__top{border-bottom:2px solid #ac8b65;padding-bottom:18px;margin-bottom:20px}
.vtn-case-lab__stamp{font:bold 11px/1.5 system-ui,sans-serif;letter-spacing:.13em;color:var(--case-accent)}
.vtn-case-lab__top h2{color:#242321;font-family:Georgia,serif!important;font-size:clamp(23px,3vw,32px);line-height:1.1;margin:8px 0!important}
.vtn-case-lab__top p{max-width:680px;font-size:16px;line-height:1.6;margin:8px 0 13px}
.vtn-case-lab__progress{display:inline-block;background:#e8d6b9;color:#4e3526;border:1px solid #bda17a;padding:7px 12px;font:700 12px/1.5 system-ui,sans-serif;letter-spacing:.03em}
.vtn-case-lab__stage{min-height:210px}
.vtn-case-lab__stage h3{font:700 20px/1.4 Georgia,serif!important;color:#312b25;margin:0 0 8px!important}
.vtn-case-lab__stage p{font-size:15px;line-height:1.55;margin:0 0 16px;color:#4e4338}
.vtn-case-lab button{cursor:pointer;border-radius:3px;font-family:system-ui,sans-serif;font-size:14px;touch-action:manipulation;min-height:43px}
.vtn-case-lab button:focus-visible,.vtn-case-lab input:focus-visible{outline:3px solid #176d95;outline-offset:3px}
.vtn-case-lab__primary{background:#923f28!important;color:#fff!important;border:1px solid #813621!important;padding:11px 20px!important;font-weight:750!important;letter-spacing:.03em;box-shadow:0 3px 0 #6c2f1d}
.vtn-case-lab__primary:hover{background:#702f1f!important}
.vtn-case-lab__secondary,.vtn-case-lab__counter button{border:1px solid #9e8666;background:#fff8ec;color:#432d22;padding:10px 15px;font-weight:700}
.vtn-case-lab__secondary:hover,.vtn-case-lab__counter button:hover{background:#f4ddbc}
.vtn-case-lab__tools{border-top:1px solid var(--case-border);margin-top:18px;padding-top:15px;display:flex;flex-wrap:wrap;gap:10px}
.vtn-case-lab__tools button{border:1px solid #b4a087;color:#5a3423;background:#f5ecd9;padding:9px 16px;font-weight:700}
.vtn-case-lab__tools button:hover{background:#ead6b6}
.vtn-case-lab__feedback,.vtn-case-lab__hintbox{border-left:5px solid #ba7438;padding:14px 16px;margin-top:18px;background:#fff1d7;color:#453023;font-size:15px;line-height:1.65}
.vtn-case-lab__feedback[data-state="success"]{border-color:#397354;background:#e6f3e9;color:#1d5235}
.vtn-case-lab__feedback[data-state="wrong"]{border-color:#b75e35}
.vtn-case-lab__feedback strong,.vtn-case-lab__hintbox strong{display:block;margin-bottom:3px}
.vtn-case-lab__feedback[hidden],.vtn-case-lab__hintbox[hidden]{display:none}
.vtn-case-lab__privacy{font:12px/1.5 system-ui,sans-serif;color:#776856;margin:17px 0 0}
.vtn-case-lab__counter{display:flex;align-items:center;gap:16px;justify-content:center;margin:13px 0}
.vtn-case-lab__counter button{font-size:23px;min-width:50px}
.vtn-case-lab__counter output{font:700 32px Georgia,serif;min-width:36px;text-align:center}
.vtn-case-lab__rail{background:linear-gradient(#faf0e1,#f0d9bb);border:1px solid #ba9e76;border-bottom:8px double #84603f;padding:22px 8px 18px;margin:13px 0 24px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:125px;flex-wrap:nowrap;overflow:hidden}
.vtn-case-lab__bird{flex:1;max-width:76px;min-width:0;text-align:center;animation:vtn-case-appear .3s ease both}
.vtn-case-lab__bird svg{width:100%;height:auto;max-height:75px;filter:drop-shadow(1px 2px 0 #8f664147)}
.vtn-case-lab__bird small{display:block;font:700 10px system-ui;color:#725037}
.vtn-case-lab__note{background:#f4e4ca;border:1px dashed #be9d76;padding:12px 15px;margin:12px 0 16px;line-height:1.5;color:#48392b;font-size:14px}
.vtn-case-lab__numbers{display:flex;justify-content:space-between;gap:3px;align-items:center;margin:14px 0 15px;padding:16px 7px;border:1px solid #cfb794;background:#f6e9d5}
.vtn-case-lab__bell{flex:1;min-width:0;text-align:center;font-size:clamp(15px,2.6vw,23px);line-height:1.2;color:#8e572a;border-radius:30px;padding:7px 0;transition:background .2s,transform .2s}
.vtn-case-lab__bell.is-striking{background:#e5b76a;transform:scale(1.28)}
.vtn-case-lab__bell-demo{margin:9px 0 17px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.vtn-case-lab__bell-demo span{font:13px system-ui;color:#594c3d}
.vtn-case-lab__answer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.vtn-case-lab__answer label{font-weight:700;font-size:15px}
.vtn-case-lab__answer input{color:#292723;background:#fff;border:1px solid #82694d;width:100px;padding:9px;font:700 20px system-ui,sans-serif}
.vtn-case-lab__crates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.vtn-case-lab__crate{background:repeating-linear-gradient(0deg,#d3a16b 0px,#d3a16b 14px,#b9814b 15px,#b9814b 18px)!important;min-height:135px;position:relative;border:4px ridge #9e6137!important;padding:14px 8px!important;box-shadow:3px 5px 0 #8d6f5140;color:#261c15!important}
.vtn-case-lab__crate::before,.vtn-case-lab__crate::after{content:'';position:absolute;left:10px;right:10px;height:5px;background:#6b432b}
.vtn-case-lab__crate::before{top:11px}.vtn-case-lab__crate::after{bottom:11px}
.vtn-case-lab__crate span{display:block;background:#ffefd3;border:2px solid #875b3b;padding:9px 3px;font:800 clamp(10px,1.4vw,14px)/1.35 system-ui,sans-serif;overflow-wrap:anywhere}
.vtn-case-lab__crate:hover{filter:brightness(1.08)}
.vtn-case-lab__crate[aria-pressed="true"]{outline:4px solid #247c91;outline-offset:3px;filter:brightness(1.08)}
.vtn-case-lab__crate-sub{font:12px/1.4 system-ui;color:#604b35;margin-bottom:10px}
.vtn-case-lab__deduction{background:#fffaf0;border:1px solid #b9a487;margin-top:12px;padding:12px;display:grid;gap:6px;font:14px/1.55 system-ui}
.vtn-case-lab__deduction div{border-bottom:1px dashed #d6c2aa;padding-bottom:5px}
.vtn-case-lab__deduction div:last-child{border-bottom:0}
.vtn-case-status{display:inline-block;border:1px solid #ad977a;color:#613d27;background:#f7e7cb;padding:4px 7px;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:5px 0}
.vtn-case-status.is-solved{background:#e0eee2;color:#28613e;border-color:#86a792}
.vtn-case-overview{margin:9px 0 16px;padding:10px 13px;border:1px solid #d8c8b2;color:#5f4935;background:#fcf6e9;font:700 13px/1.4 system-ui,sans-serif}
@keyframes vtn-case-appear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.vtn-case-lab{padding:16px;margin:22px -3px 30px}.vtn-case-lab__crates{gap:6px}.vtn-case-lab__crate{min-height:109px;padding:11px 3px!important}.vtn-case-lab__crate span{font-size:10px;padding:7px 1px}.vtn-case-lab__rail{gap:3px}.vtn-case-lab__bird small{font-size:9px}.vtn-case-lab__answer{align-items:flex-start}.vtn-case-lab__top p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.vtn-case-lab *{animation:none!important;transition:none!important}}