/* Session Story panel — styles copied from lionstrata.com (assets/lionstrata.css).
   Color variables are prefixed --story-* so they can't collide with the host site's own variables (e.g. --line). */
:root{--story-line:rgba(182,198,218,.16);--story-blue2:#91c8ff;--story-soft:rgba(220,227,235,.44);--story-cyan:#62e5dc}
.story-window,.roadmap-card,.coach-card,.recap-card{border:1px solid rgba(183,199,219,.18);border-radius:20px;background:linear-gradient(145deg,#0b0e13,#060708);box-shadow:0 28px 100px rgba(0,0,0,.32)}
.story-window{padding:22px}
.story-head,.preview-head,.recap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--story-line)}
.story-head span,.preview-head span,.recap-head span{display:block;color:var(--story-blue2);font-size:9px;letter-spacing:.12em}
.story-head strong,.preview-head strong,.recap-head strong{display:block;margin-top:6px;font-size:15px}
.story-head>b,.preview-head>b,.recap-head>b{border:1px solid rgba(88,166,255,.24);border-radius:999px;padding:6px 8px;color:#a9d2ff;font-size:8px;letter-spacing:.09em}
.story-track{position:relative;padding:16px 0 2px}
.story-track:before{content:"";position:absolute;left:74px;top:16px;bottom:12px;width:1px;background:rgba(88,166,255,.24)}
.story-item{display:grid;grid-template-columns:59px 10px minmax(0,1fr);gap:10px;padding:10px 0;position:relative}
.story-item time{color:rgba(223,230,239,.42);font-size:9px;padding-top:4px;text-align:right}
.story-dot{width:8px;height:8px;border:2px solid #79baff;border-radius:99px;background:#08101a;margin-top:3px;z-index:1}
.story-body{border:1px solid var(--story-line);border-radius:11px;padding:12px 13px;background:rgba(255,255,255,.012)}
.story-body>span{color:var(--story-blue2);font-size:8px;letter-spacing:.11em}
.story-body>strong{display:block;margin-top:5px;font-size:12px;line-height:1.45}
.story-body p{margin:5px 0 0;color:var(--story-soft);font-size:10px;line-height:1.55}
.is-live .story-dot{border-color:var(--story-cyan)}
.is-live .story-body>span,.is-coach .story-body>span{color:var(--story-cyan)}
.is-close .story-dot{border-color:#a8e9e4}
.mini-chart{margin-top:9px;border-radius:8px;background:#040609;padding:7px}
.mini-chart svg{display:block;width:100%;height:72px}
.mini-chart .grid{stroke:rgba(195,209,225,.1);stroke-width:1}
.mini-chart .price{fill:none;stroke:#62e5dc;stroke-width:2}
.mini-chart .level{stroke:#58a6ff;stroke-width:1}
.mini-chart i{display:block;margin-top:5px;color:rgba(218,227,237,.33);font-style:normal;font-size:7px;letter-spacing:.08em}
.story-close{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:7px}
.story-close strong{font-size:17px}
.story-close b{color:var(--story-cyan);font-size:10px}
.story-assessment{margin-top:10px;border-top:1px solid var(--story-line);padding-top:14px}
.story-assessment span,.principle span,.recap-note span{color:var(--story-blue2);font-size:8px;letter-spacing:.11em}
.story-assessment strong,.principle strong{display:block;margin-top:7px;font-size:13px;line-height:1.5}
.story-assessment p,.principle p,.recap-note p{margin:7px 0 0;color:var(--story-soft);font-size:10px;line-height:1.6}
@media (max-width:720px){.story-track:before{left:58px}}
@media (max-width:720px){.story-item{grid-template-columns:44px 9px 1fr}}
.mini-session{margin-top:9px;border-radius:8px;background:#040609;padding:8px 8px 7px}
.mini-session-bar{position:relative;display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden}
.mini-session-bar i{display:block;height:100%}
.ms-asia{flex:540;background:#80703f}
.ms-london{flex:330;background:#80703f}
.ms-data{flex:60;background:#80703f}
.ms-open{flex:15;background:#80703f}
.ms-prime{flex:105;background:#3d7f63}
.ms-late{flex:30;background:#80703f}
.ms-lunch{flex:90;background:#7e4540}
.ms-noon{flex:90;background:#80703f}
.ms-power{flex:60;background:#3d7f63}
.ms-close{flex:60;background:#7e4540}
.mini-session-bar .ms-now{position:absolute;top:-3px;bottom:-3px;left:66.7%;width:2px;margin-left:-1px;background:#e8eef5;border-radius:1px}
.mini-session em{display:block;margin-top:6px;color:rgba(223,230,239,.62);font-style:normal;font-size:9px;letter-spacing:.03em}
.mini-session em strong{color:#7cc4ff;font-weight:700}
.mini-fills .f-entry{fill:#6dafff;stroke:#060708;stroke-width:1.5}
.mini-fills .f-add{fill:#b5564d;stroke:#060708;stroke-width:1.5}
.mini-fills .f-exit{fill:none;stroke:#9db8d8;stroke-width:2}
.mini-fills .price{stroke:rgba(98,229,220,.7)}
.mini-fills i .f-red{color:#e0a39c;font-weight:700}
.story-close b.grade-c{color:#d8c28a}
.mini-session-bar.is-thick{height:12px;border-radius:5px}
.mini-session-bar.is-thick .ms-data,.mini-session-bar.is-thick .ms-open,.mini-session-bar.is-thick .ms-late,.mini-session-bar.is-thick .ms-noon{background:#f0b44c}
.mini-session-bar.is-thick .ms-prime,.mini-session-bar.is-thick .ms-power{background:#3ddc97}
.mini-session-bar.is-thick .ms-lunch,.mini-session-bar.is-thick .ms-close{background:#e2554a}
.mini-session-bar.is-thick .ms-data{flex:60}
.mini-session-bar.is-thick .ms-open{flex:15}
.mini-session-bar.is-thick .ms-prime{flex:105}
.mini-session-bar.is-thick .ms-late{flex:30}
.mini-session-bar.is-thick .ms-lunch{flex:90}
.mini-session-bar.is-thick .ms-noon{flex:90}
.mini-session-bar.is-thick .ms-power{flex:60}
.mini-session-bar.is-thick .ms-close{flex:60}
.mini-session-bar.is-thick .ms-now{top:-4px;bottom:-4px;width:2px;background:#fff;box-shadow:0 0 0 2px rgba(4,6,9,.75)}
.mini-session-bar .ms-now[hidden]{display:none}
.mini-session-bar.is-thick{overflow:visible}
.mini-session-bar.is-thick i:first-child{border-radius:5px 0 0 5px}
.mini-session-bar.is-thick i:nth-last-child(2){border-radius:0 5px 5px 0}
.mini-session-times{display:flex;justify-content:space-between;margin-top:6px;color:rgba(223,230,239,.7);font-size:8px;letter-spacing:.04em}
.mini-session em .ms-live{display:inline-block;margin-right:5px;padding:1px 5px;border-radius:999px;background:#e2554a;color:#fff;font-size:7px;letter-spacing:.1em;vertical-align:1px}
.mini-session em strong.is-best{color:#3ddc97}
.mini-session em strong.is-caution{color:#f0b44c}
.mini-session em strong.is-avoid{color:#ff7a6e}
.mini-session em .ms-count{color:#7cc4ff;font-weight:800;font-variant-numeric:tabular-nums}
.mini-session em .ms-count.is-soon{color:#f0c56b}
.mini-session-bar.is-thick i.t-best{background:#3ddc97}
.mini-session-bar.is-thick i.t-caution{background:#f0b44c}
.mini-session-bar.is-thick i.t-avoid{background:#e2554a}
.mini-session-bar i[hidden]{display:none}
/* the window the market is in right now stays bright; the others dim (only while the New York day is live) */
.mini-session-bar.is-thick.has-now i{opacity:.35}.mini-session-bar.is-thick.has-now i.is-now{opacity:1}
/* whole-day hero bar: best-window marks at their true positions under the bar */
.mini-session-times.is-abs{position:relative;display:block;height:12px}
.mini-session-times.is-abs span{position:absolute;top:0;white-space:nowrap}
.mini-session-times.is-abs #hero-day-start{left:0}
.mini-session-times.is-abs .ms-mark{color:#3ddc97}
.mini-session-times.is-abs #hero-day-start[hidden]{display:none}