.scene-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.scene-heading h2{font-size:clamp(1.9rem,3.3vw,2.9rem);margin:.3em 0}.scene-edition{font-size:.8rem;letter-spacing:.1em;color:#aaafaf;white-space:nowrap;padding-bottom:12px}.scene-intro{max-width:850px;color:#b8bcbc}.stoma-studio.animation-panel{padding:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);border:1px solid #a3885055;border-radius:20px;overflow:hidden;background:#111719;box-shadow:0 28px 70px #0004}.scene-visual{min-width:0;position:relative;direction:ltr;background:radial-gradient(ellipse at 54% 40%,#34403e 0,#202c2d 33%,#131c1f 70%);border-inline-end:1px solid #ffffff12;isolation:isolate}.scene-topline{position:absolute;top:20px;inset-inline:22px;display:flex;justify-content:space-between;align-items:center;z-index:3;gap:8px}.scene-chip{font-size:.75rem;font-weight:700;color:#dbc79c;letter-spacing:.08em}.scene-topline button,.scene-tools button{border:1px solid #bda77955;background:#10181cdb;color:#f4efdf;border-radius:7px;font:inherit;font-size:.8rem;padding:8px 12px;min-height:40px;cursor:pointer}.scene-topline button[aria-pressed=true],.scene-tools button[aria-pressed=true]{background:#d0b477;color:#12191b;border-color:#d0b477}.scene-topline button:hover,.scene-tools button:hover{border-color:#ead4a5}.scene-visual #stoma-viewport{height:550px;position:relative;width:100%;overflow:hidden;touch-action:pan-y}.scene-visual canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}.scene-visual canvas:active{cursor:grabbing}#scene-fallback{position:absolute;inset:70px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:18px;color:#d6cbb4;font-size:.95rem;direction:rtl}#scene-fallback img{width:180px;height:180px;object-fit:contain;border-radius:50%;opacity:.65}#scene-fallback[hidden]{display:none}#scene-labels{position:absolute;inset:0;pointer-events:none}.model-label{position:absolute;left:0;top:0;display:flex;gap:7px;align-items:center;color:#f5f1e7;background:#111b20e8;border:1px solid #bda66e70;border-radius:6px;padding:5px 9px;white-space:nowrap;font-size:.78rem;line-height:1.6;box-shadow:0 4px 12px #0003;will-change:transform}.model-label::before{content:'';width:6px;height:6px;border-radius:50%;background:#d6b770}.model-label[data-part=stoma]::before{background:#f0949a}.model-label[data-part=ring]::before{background:#f1e6c7}.scene-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;position:relative;padding:8px 15px 0;z-index:3}.scene-tool-divider{width:1px;height:22px;margin:0 2px;background:#ffffff20}.scene-gesture{text-align:center;font-size:.78rem;margin:12px 10px 20px;color:#b3bebe}.scene-narrative{min-width:0;padding:27px 26px 20px;display:flex;flex-direction:column;direction:inherit;background:linear-gradient(135deg,#1b2326,#151c1e)}.scene-step-meta{display:flex;justify-content:space-between;gap:10px;color:#c5b48f;font-size:.8rem;letter-spacing:.04em;align-items:center}.scene-step-meta b{direction:ltr;font-size:1rem;font-weight:500}.scene-narrative .animation-copy{padding:20px 0 10px;min-height:275px}.scene-narrative h3{font-size:1.5rem;line-height:1.5;color:#f5ecda;margin:0 0 14px}.scene-narrative .animation-copy p{font-size:1rem;line-height:1.9;color:#c9cecc;margin:0}.scene-focus{font-size:.9rem;line-height:1.8;padding:10px 14px;border-inline-start:2px solid #c6a970;background:#c6a9700a;color:#e3d5b8;margin-top:auto}.scene-timeline{padding:20px 0 8px}.scene-timeline label{font-size:.8rem;color:#bec7c7;display:block;margin-bottom:6px}.scene-timeline input{width:100%;height:22px;accent-color:#d8ba7a;cursor:pointer;direction:ltr}.stoma-studio .animation-controls{display:grid;grid-template-columns:auto 1fr auto;gap:6px;margin:5px 0 0}.stoma-studio .animation-controls button{min-width:0;padding:10px 11px;border:1px solid #8d825e60;background:#202a2d;color:#f6eedf;border-radius:7px;font-family:inherit;font-size:.9rem;min-height:46px}.stoma-studio .animation-controls #play-steps{background:#d1b475;color:#141c1e;font-weight:bold;border-color:#d1b475}.play-icon{font-size:.75rem;margin-inline-end:5px}.stoma-studio .animation-controls button:disabled{opacity:.35}.scene-safety{font-size:.78rem;line-height:1.75;color:#a8b2b2;margin:15px 0 0}.scene-chapters{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0;background:#0c1215;border-top:1px solid #c9af7850}.scene-chapters button{font:inherit;font-size:.85rem;line-height:1.6;border:0;border-inline-end:1px solid #ffffff0f;border-top:3px solid transparent;padding:16px 8px 18px;cursor:pointer;color:#afbaba;background:transparent}.scene-chapters button span{display:block;font-size:.8rem;color:#788784;margin-bottom:5px}.scene-chapters button[aria-current=step]{border-top-color:#d9b875;background:linear-gradient(#cbb17422,transparent);color:#f6e5bc}.scene-chapters button[aria-current=step] span{color:#d9b875}.scene-chapters button:hover{background:#cbb17412}.stoma-experience .caption{font-size:.84rem;margin-top:15px;color:#acb5b4}.scene-load-failed .scene-topline,.scene-load-failed .scene-tools,.scene-load-failed .scene-gesture{display:none}.scene-load-failed #scene-fallback{inset:30px}.scene-load-failed #scene-fallback img{opacity:1}.scene-load-failed .scene-timeline{display:none}.stoma-studio :focus-visible{outline:2px solid #f8d596;outline-offset:3px}.scene-visual:fullscreen{width:100vw;height:100vh}html[dir=rtl] .scene-topline{direction:rtl}html[dir=rtl] .model-label{direction:rtl}html[dir=ltr] #scene-fallback{direction:ltr}
@media(min-width:1100px){.stoma-experience{margin-inline:-22px}.scene-narrative{padding:30px}.scene-visual #stoma-viewport{height:565px}}
@media(max-width:950px){.stoma-studio.animation-panel{grid-template-columns:minmax(0,1fr)}.scene-visual #stoma-viewport{height:500px}.scene-narrative{border-top:1px solid #ffffff16}.scene-narrative .animation-copy{min-height:0;padding:18px 0}.scene-focus{margin-top:8px}.stoma-studio .animation-controls{max-width:500px;width:100%;align-self:center}.scene-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-edition{display:none}}
@media(max-width:500px){.scene-visual #stoma-viewport{height:425px}.scene-topline{top:13px;inset-inline:12px}.scene-chip{font-size:.68rem}.scene-topline button{font-size:.76rem;padding:7px 9px}.scene-tools{gap:5px;padding:4px 9px 0}.scene-tools button{font-size:.76rem;padding:7px 9px}.scene-gesture{margin:10px 5px 14px}.scene-narrative{padding:21px 18px}.scene-narrative h3{font-size:1.35rem}.scene-narrative .animation-copy p{font-size:1rem}.scene-chapters button{font-size:.8rem;padding:13px 4px}.model-label{font-size:.75rem;padding:4px 6px;gap:4px}.scene-chapters button span{margin-bottom:3px}.stoma-studio.animation-panel{border-radius:12px}.scene-heading h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.stoma-studio *{scroll-behavior:auto;transition:none!important}.scene-narrative .scene-timeline{display:none}}
@media print{.scene-visual,.scene-timeline,.animation-controls,.scene-chapters{display:none}.stoma-studio.animation-panel{display:block;border:0;box-shadow:none}.scene-narrative{background:white;color:black}.scene-narrative .animation-copy{display:none}.scene-safety,.scene-focus{color:black}}
.reference-gateway{margin:28px 0 36px}.gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gateway-grid a{display:block;text-decoration:none;border:1px solid #c7af7440;border-radius:10px;padding:20px;background:#1a2225;color:#eee8db}.gateway-grid a:hover{border-color:#d5b77b;background:#202b2e}.gateway-grid span{display:block;color:#bdac87;font-size:.85rem;margin-bottom:8px}.gateway-grid strong{display:block;font-size:1.1rem}.gateway-grid small{display:block;color:#aeb8b9;font-size:.82rem;line-height:1.8;margin-top:8px}.gateway-grid .gateway-urgent{border-color:#c8856660}.gateway-urgent span{color:#e7ab8f}.guide-directory{border:1px solid #ffffff14;border-radius:10px;margin-top:16px;padding:18px 22px;background:#11191c}.guide-directory summary{cursor:pointer;color:#d7c8a6;font-weight:bold}.topic-search{display:block;font-size:.85rem;margin:20px 0 14px;color:#b9c1c0}.topic-search input{display:block;width:100%;font:inherit;font-size:1rem;color:#f4efe4;background:#1c262a;border:1px solid #75808066;border-radius:7px;padding:11px 14px;margin-top:7px}.directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 24px}.directory-links a{font-size:.9rem;color:#cad0cc;text-decoration:none;padding:7px 0;border-bottom:1px solid #ffffff10}.directory-links a[hidden]{display:none}.directory-links a:hover{color:#e8c787}.problem-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.problem-actions details{background:#1a2326;border:1px solid #bfa46940;border-radius:9px;align-self:start}.problem-actions summary{padding:20px;cursor:pointer;font-size:1.05rem;font-weight:600;color:#ebdfc7}.problem-actions details>div{padding:0 20px 22px}.problem-actions p{font-size:1rem}.problem-action-label{color:#d5b87e;font-size:.9rem}.problem-escalation{border-inline-start:3px solid #cb947d;background:#bb856c0c;padding:12px 15px}.kit-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;line-height:1.8;padding-inline-start:24px}.reference-method{padding:24px;border:1px solid #bfa66b40;background:#1a2326;margin:20px 0}.reference-method h3{margin-top:0}.reference-method p{font-size:.95rem}.care-card-section .button{margin:12px 0 22px}@media(max-width:800px){.gateway-grid{grid-template-columns:1fr 1fr}.directory-links{grid-template-columns:1fr 1fr}.problem-actions{grid-template-columns:1fr}.kit-checklist{grid-template-columns:1fr}.reference-method{padding:18px}}@media(max-width:500px){.gateway-grid{gap:8px}.gateway-grid a{padding:15px}.gateway-grid strong{font-size:1rem}.gateway-grid small{font-size:.8rem}.guide-directory{padding:16px}.directory-links{grid-template-columns:1fr}.reference-method p{font-size:.95rem}}@media print{.reference-gateway,.topic-search{display:none}.problem-actions{display:block}.problem-actions details{break-inside:avoid}.problem-actions details>*{display:block!important}}
#scene-fallback{inset:0;margin:0;gap:0;display:block;background:#162124}#scene-fallback img{width:100%;height:100%;object-fit:contain;border-radius:0;opacity:1}#scene-load-status{position:absolute;inset-inline:15px;bottom:10px;padding:8px 12px;background:#10191cdd;border-radius:7px;font-size:.8rem;line-height:1.6;margin:0}.scene-rendered .scene-topline,.scene-rendered .scene-tools,.scene-rendered .scene-gesture,.scene-rendered .scene-timeline{display:none}.scene-rendered .scene-visual #stoma-viewport{height:100%;min-height:500px}@media(max-width:950px){.scene-rendered .scene-visual #stoma-viewport{height:500px;min-height:0}}@media(max-width:500px){.scene-rendered .scene-visual #stoma-viewport{height:430px}}
.model-label[hidden]{display:none}
.scene-film{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:2rem 0;padding:1.6rem;background:#1a2326;color:#eee8db;border:1px solid #bfa46940;border-radius:20px}.scene-film h3{font-size:1.5rem;line-height:1.45;margin:.6rem 0}.scene-film p{line-height:1.8}.scene-film video{display:block;width:100%;max-height:460px;border-radius:14px;background:#111b22}.scene-film .caption{margin-bottom:0}@media(max-width:650px){.scene-film{grid-template-columns:1fr;gap:1rem;padding:1.1rem}}@media print{.scene-film{display:none}}

#scene-mobile-playback{display:none}.voice-status{font-size:.875rem;line-height:1.65;color:#c9d0ce;margin:8px 0 0;min-height:1.65em}.stoma-studio .animation-controls{padding:0}.scene-playback audio[hidden]{display:none}
@media(max-width:950px){#scene-mobile-playback{display:block;padding:12px 14px;background:#111b1f;border-top:1px solid #d3b57633}#scene-mobile-playback .scene-playback{display:flex;flex-direction:column}#scene-mobile-playback .animation-controls{order:0;margin:0;max-width:500px;width:100%;align-self:center}#scene-mobile-playback .voice-status{order:1;text-align:center;margin:8px 0 0}#scene-mobile-playback .scene-timeline{order:2;padding:10px 0 0;max-width:500px;width:100%;align-self:center}#scene-mobile-playback .scene-timeline label{font-size:.875rem;margin-bottom:0}.stoma-studio .animation-controls button{font-size:.94rem;min-height:48px}.scene-rendered .scene-visual #stoma-viewport,.scene-visual #stoma-viewport{height:min(500px,55svh)}}
@media(max-width:500px){.scene-rendered .scene-visual #stoma-viewport,.scene-visual #stoma-viewport{height:min(425px,52svh)}}