.story-launch{margin-top:25px;display:block;background:none;border:0;border-bottom:1px solid #8eacb8;padding:0 0 8px;color:#e1d5bd;font:500 1rem system-ui;cursor:pointer;text-align:left}.story-launch small{display:block;color:#99b1bd;font-size:.875rem;margin-top:8px;font-weight:400}
.story-open{overflow:hidden}.story-open>header,.story-open>main,.story-open>footer{visibility:hidden}.story-open .scene-shell{visibility:visible}
#caloc-story[hidden]{display:none}#caloc-story{position:fixed;inset:0;z-index:100;background:#06151e;color:#edf1f3;display:grid;grid-template-rows:auto 1fr auto;padding:26px 5%;overflow:auto}
.story-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #34505c;padding-bottom:20px}.story-head span{font-family:Georgia,serif;font-size:1.5rem;letter-spacing:.1em}.story-head button,.story-controls button,.story-chapters button{background:transparent;border:1px solid #42606e;padding:11px 16px;color:#e7e9e7;font:400 .9rem system-ui;cursor:pointer}.story-head button:hover,.story-controls button:hover{background:#183542}
.story-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1500px;width:100%;margin:auto;padding:45px 0}.story-narrative{max-width:680px;position:relative;z-index:2}#story-kicker{font-size:.875rem;letter-spacing:.12em;color:#d1b27a;margin-bottom:25px}#story-title{font:400 clamp(2.4rem,5vw,5.6rem)/1.06 Georgia,serif;letter-spacing:-.04em;min-height:2.15em}#story-text{font-size:1rem;color:#bdd0da;line-height:1.85;max-width:630px;margin-top:25px}.story-chapters{display:flex;gap:9px;margin-top:28px}.story-chapters button{min-width:45px;color:#c3d1d7}.story-chapters button[aria-current=step]{background:#d1b27a;color:#06151e;border-color:#d1b27a}
#story-stage{min-width:0}#story-stage .scene-shell{border:0;background:none;box-shadow:none}#story-stage .scene-top{border:0;justify-content:flex-end}#story-stage .scene-top>span{display:none}#story-stage #advisory-scene{height:clamp(300px,45vh,650px)}#story-stage .scene-bottom{display:none}
.story-controls{border-top:1px solid #34505c;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.story-audio{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.story-audio label{font-weight:400;color:#a4bac6;font-size:.875rem}.story-audio select{background:#0c2530;color:#dae3e8;max-width:230px;font-size:.875rem;margin:7px 0 0;padding:8px;border-color:#42606e}.story-navigation{display:flex;gap:10px}.story-navigation #story-next{background:#d1b27a;color:#06151e;border-color:#d1b27a}.story-navigation button:disabled{opacity:.4;cursor:default}#story-status{font-size:.875rem;color:#a4bac6;margin:12px 0 0;flex-basis:100%}
@media(max-width:900px){#caloc-story{padding:20px 6%}.story-main{grid-template-columns:1fr;gap:0;padding:30px 0}.story-narrative{max-width:none}#story-title{font-size:clamp(2.4rem,7vw,4rem);min-height:0}#story-text{max-width:none}#story-stage #advisory-scene{height:260px}.story-controls{gap:15px}.story-chapters{margin-top:20px}}
@media(max-width:550px){.story-head span{font-size:1rem}.story-head button{padding:9px 11px}#story-title{font-size:2.55rem}#story-text{font-size:.95rem;line-height:1.7}.story-main{padding-top:25px}.story-audio,.story-navigation{width:100%}.story-audio button{padding:10px}.story-audio label{width:100%}.story-audio select{max-width:none}#story-stage #advisory-scene{height:215px}.story-navigation button{flex:1;font-size:.875rem}.story-controls{padding-bottom:16px}}