/* Intermediate Batch 08 — I22–I24 */
.b8-scene-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:16px;align-items:start}.b8-scene{position:relative;min-height:540px;border:1px solid #34515d;border-radius:22px;overflow:hidden}.b8-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.88)}.b8-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,17,.96),transparent 62%)}.b8-scene>div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;border:1px solid #405f6b;border-radius:16px;background:rgba(5,16,22,.94);padding:15px}.b8-scene span{display:block;color:#e1b574;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.b8-scene strong{display:block;font:700 19px/1.3 Georgia,serif;margin-top:6px}
.b8-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.b8-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.b8-card,.b8-choice{border:1px solid #31505c;border-radius:15px;background:#0b1d26;color:#edf4f6;padding:13px;text-align:left}.b8-choice{cursor:pointer}.b8-card strong,.b8-choice strong{display:block;font:700 15px/1.35 Georgia,serif}.b8-card small,.b8-choice small{display:block;color:#8299a3;font-size:9px;line-height:1.5;margin-top:6px}.b8-choice.selected{border-color:#d89b58;background:rgba(216,155,88,.08)}
.b8-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.b8-timeline button{border:1px solid #31505c;border-radius:15px;background:#091a22;color:#edf4f6;padding:14px;text-align:left;cursor:pointer;min-height:128px}.b8-timeline button span{display:block;color:#e1b574;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.b8-timeline button strong{display:block;font:700 16px/1.35 Georgia,serif;margin-top:7px}.b8-timeline button small{display:block;color:#8299a3;font-size:9px;line-height:1.5;margin-top:6px}.b8-timeline button.selected,.b8-timeline button.done{border-color:#d89b58;background:rgba(216,155,88,.08)}
.b8-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.b8-case{border:1px solid #31505c;border-radius:16px;background:#091a22;padding:14px}.b8-case>strong{display:block;font:700 15px/1.35 Georgia,serif}.b8-case>p{color:#8299a3;font-size:9px;line-height:1.5}.b8-case>div{display:flex;gap:7px;flex-wrap:wrap}.b8-case button{border:1px solid #31505c;border-radius:999px;background:#0b1d26;color:#e8f0f2;padding:7px 9px;font-size:8px;cursor:pointer}.b8-case button.selected{border-color:#d89b58;background:rgba(216,155,88,.08)}
.b8-route{display:grid;gap:8px}.b8-route button{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border:1px solid #31505c;border-radius:14px;background:#0b1d26;color:#edf4f6;padding:11px;text-align:left;cursor:pointer}.b8-route button b{width:34px;height:34px;border:1px solid #4a626c;border-radius:50%;display:grid;place-items:center;color:#e3b777;font:700 15px Georgia,serif}.b8-route button.done{opacity:.7;border-color:#d89b58}.b8-warning{border:1px solid #6e5a39;border-radius:16px;background:rgba(216,155,88,.07);padding:14px;color:#c8d4d8;font-size:10px;line-height:1.55}.b8-warning strong{display:block;color:#e4b978;font:700 15px Georgia,serif;margin-bottom:5px}
.b8-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.b8-evidence button{border:1px solid #31505c;border-radius:15px;background:#091a22;color:#edf4f6;padding:13px;text-align:left;cursor:pointer;min-height:126px}.b8-evidence button strong{display:block;font:700 14px/1.35 Georgia,serif}.b8-evidence button small{display:block;color:#8299a3;font-size:9px;line-height:1.45;margin-top:7px}.b8-evidence button.on{border-color:#d89b58;background:rgba(216,155,88,.08)}
@media(max-width:1180px){.b8-scene-layout{grid-template-columns:1fr}.b8-scene{min-height:500px}.b8-grid3,.b8-timeline,.b8-evidence{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.b8-grid2,.b8-grid3,.b8-matrix,.b8-timeline,.b8-evidence{grid-template-columns:1fr}.b8-scene{min-height:420px}.b8-route button{grid-template-columns:36px 1fr}}