/* Structure's visual layer is deliberately scoped away from /levels. */
.st-page {
  --lv-bg:#101112; --lv-bg-top:#101112; --lv-panel:#17191b;
  --lv-panel-strong:#1e2123; --lv-line:#303335; --lv-text:#eeeef0;
  --lv-muted:#a2a6aa; --lv-accent:#bfa472; --lv-accent-2:#dfc495;
  --st-pos:#60cfb5; --st-neg:#f58c91; --st-grid:#282b2e; --st-blue:#9abcf3;
  background:var(--lv-bg); font-size:14px;
}
html[data-theme="white"] .st-page {
  --lv-bg:#fafafa; --lv-panel:#f0f2f2; --lv-panel-strong:#e8ebeb;
  --lv-line:#d5d9d9; --lv-text:#202527; --lv-muted:#5e6569;
  --lv-accent:#7b602e; --lv-accent-2:#775b25;
  --st-pos:#147b65; --st-neg:#bd4051; --st-grid:#e2e5e5; --st-blue:#3967af;
  color-scheme:light;
}
html[data-theme] .st-page { background:var(--lv-bg); }
html[data-theme] .st-page .lv-top { background:var(--lv-bg); }
html[data-theme] .st-page .lv-top__nav,html[data-theme] .st-page .lv-symbols { background:none; }
.st-page *, .st-page *::before, .st-page *::after { letter-spacing:0; }
.st-page .lv-top { background:var(--lv-bg); border-bottom:1px solid var(--lv-line); padding:12px 28px; min-height:64px; box-shadow:none; }
.st-page .lv-top__brand { color:var(--lv-text); font-size:18px; }
.st-page .lv-top__nav { border:0; background:none; padding:0; }
.st-page .lv-top__navlink { font-size:12px; }
.st-page .lv-top__link,.st-page .lv-theme-btn { border-radius:4px; background:none; }
.st-page .lv-main { max-width:1680px; padding:24px 32px 40px; display:flex; flex-direction:column; }
.st-page .lv-crumb { display:none; }
.st-page .lv-page-heading { order:0; padding:0 0 18px; gap:16px; }
.st-page .lv-page-heading > div { flex:1 1 220px; }
.st-page .lv-page-eyebrow { font-size:10px; color:var(--lv-muted); }
.st-page .lv-h1 { font:500 36px/1.15 Georgia,serif; margin:5px 0 0; }
.st-page .lv-h1::after { display:none; }
.st-title-dot { color:var(--lv-accent-2); }
.st-page .lv-page-switch { border:0; border-radius:0; background:none; padding:0; gap:12px; }
.st-page .lv-page-switch a { min-height:36px; padding:8px 0; border-radius:0; font-size:12px; }
.st-page .lv-page-switch a[aria-current] { background:none; color:var(--lv-accent-2); border-bottom:1px solid var(--lv-accent-2); }
.st-page .lv-workspace-tools { order:1; margin:16px 0 10px; gap:12px; }
.st-controls { order:1; display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px; padding:16px 0; }
.st-controls .lv-workspace-tools { flex:1 1 500px; margin:0; }
.st-controls .lv-data-settings { flex:0 1 auto; padding:0; }
.st-page .lv-workspace-tools .lv-symbols { margin-right:6px; }
.st-page .lv-symbol-trigger { border-radius:5px; background:var(--lv-panel); }
.st-page .lv-btn { border-radius:4px; background:none; font-size:11px; }
.st-page .lv-data-settings { order:2; margin:0; padding:0 0 16px; border:0; border-radius:0; background:none; gap:18px; }
.st-page .lv-data-settings label { display:flex; align-items:center; gap:10px; flex:0 1 auto; font-size:11px; }
.st-page .lv-data-settings select { width:auto; min-height:34px; padding:5px 28px 5px 10px; border-radius:4px; font-size:12px; background:var(--lv-panel); color-scheme:dark; }
html[data-theme="white"] .st-page select { color-scheme:light; }
.st-page .lv-statsbar { order:3; margin:0; padding:0; border-top:1px solid var(--lv-line); border-bottom:1px solid var(--lv-line); border-radius:0; display:flex; gap:0; align-items:center; }
.st-page .lv-statsbar__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(108px,1fr)); gap:0; width:100%; }
.st-page .lv-stat { border:0; border-radius:0; background:none; padding:15px 18px; gap:3px; border-right:1px solid var(--lv-line); }
.st-page .lv-stat:first-child { padding-left:0; }
.st-page .lv-stat:last-child { border-right:0; }
.st-page .lv-stat__k { color:var(--lv-muted); font-size:10px; }
.st-page .lv-stat__v { font-size:22px; font-weight:550; line-height:1.35; }
.st-page .lv-stat__v--call,.st-page .is-pos { color:var(--st-pos); }
.st-page .lv-stat__v--put,.st-page .is-neg { color:var(--st-neg); }
.st-page .lv-stat__v--spot,.st-page .lv-stat__v--flip { color:var(--lv-accent-2); }
.st-page .lv-stat__s { font-size:10px; }
.st-page .lv-statsbar__actions { padding-left:16px; margin:0; }
.st-page .lv-statsbar__copy { border-radius:4px; font-size:10px; min-height:34px; }
.st-page .lv-tabs { order:4; margin:0; padding:0; gap:26px; border:0; border-bottom:1px solid var(--lv-line); border-radius:0; scrollbar-width:thin; flex-wrap:nowrap; overflow-x:auto; }
.st-page .lv-tabs button { flex:0 0 auto; }
.st-page .lv-tabs [role="tab"] { min-height:52px; border:0; border-bottom:2px solid transparent; border-radius:0; padding:16px 0 14px; font-size:12px; background:none; color:var(--lv-muted); }
.st-page .lv-tabs [aria-selected="true"] { border-bottom-color:var(--lv-accent-2); background:none; color:var(--lv-text); }
.st-page .lv-tabpane { order:5; min-width:0; }
.st-page .lv-status { order:4; border-radius:4px; background:var(--lv-panel); font-size:13px; }
.st-page [data-lv-anchor],.st-page .lv-context-fold,.st-page [data-lv-support] { order:6; }
.st-page [data-lv-anchor] { margin:22px 0 0; color:var(--lv-muted); font-size:11px; }
.st-page .lv-context-fold { padding:12px 0; margin:0; border:0; border-bottom:1px solid var(--lv-line); border-radius:0; }
.st-page .lv-context-fold summary { font-size:12px; color:var(--lv-muted); }
.st-page .lv-learn,.st-page .lv-legal { order:7; font-size:11px; color:var(--lv-muted); }
.st-page .lv-learn { margin-top:20px; }
.st-source { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding:14px 0; color:var(--lv-muted); font-size:11px; border-bottom:1px solid var(--lv-line); }
.st-source b { font-weight:500; color:var(--lv-text); }
.st-source .st-source-state { margin-right:auto; color:var(--lv-accent-2); }
.st-source-state::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:8px; }
.st-analysis { display:grid; grid-template-columns:minmax(0,1fr) 280px; border-bottom:1px solid var(--lv-line); }
.st-exposure { min-width:0; padding:26px 28px 20px 0; }
.st-chart-head { display:flex; justify-content:space-between; gap:14px; align-items:center; flex-wrap:wrap; }
.st-eyebrow { font-size:10px; color:var(--lv-muted); margin:0 0 5px; text-transform:uppercase; }
.st-page .st-overview h2 { font:500 22px/1.3 Georgia,serif; color:var(--lv-text); margin:0; }
.st-chart-tools { display:flex; gap:10px; align-items:center; }
.st-select select { height:34px; max-width:140px; border:1px solid var(--lv-line); border-radius:4px; color:var(--lv-text); background:var(--lv-panel); padding:0 8px; font:500 11px/1 system-ui,sans-serif; }
.st-segment { display:flex; border:1px solid var(--lv-line); border-radius:4px; padding:2px; }
.st-segment button { width:48px; height:28px; border:0; border-radius:2px; color:var(--lv-muted); background:none; font:500 11px/1 system-ui,sans-serif; cursor:pointer; }
.st-segment button[aria-pressed="true"] { color:var(--lv-text); background:var(--lv-panel-strong); }
.st-chart-meta { display:flex; flex-wrap:wrap; gap:6px 20px; justify-content:space-between; margin:16px 0 4px; color:var(--lv-muted); font-size:10px; }
.st-key { display:inline-block; width:6px; height:6px; border-radius:50%; margin:0 5px 1px 10px; }
.st-key--pos { background:var(--st-pos); }.st-key--neg { background:var(--st-neg); }
.st-plot { position:relative; height:310px; width:100%; }
.st-plot canvas { width:100%; height:100%; display:block; touch-action:pan-y; outline-offset:2px; }
.st-tooltip { position:absolute; z-index:2; pointer-events:none; padding:9px 12px; font-size:11px; border:1px solid var(--lv-line); border-radius:4px; color:var(--lv-text); background:var(--lv-panel); box-shadow:0 4px 12px #0002; max-width:200px; font-variant-numeric:tabular-nums; }
.st-chart-foot { min-height:26px; display:flex; justify-content:space-between; gap:14px; color:var(--lv-muted); font-size:10px; }
.st-chart-foot [data-st-hover] { color:var(--lv-text); }
.st-distribution { padding-top:14px; border-top:1px solid var(--lv-line); }
.st-distribution-head { display:flex; justify-content:space-between; font-size:11px; color:var(--lv-muted); gap:12px; }
.st-distribution-head b { color:var(--lv-text); font-weight:500; }
.st-balance { display:flex; gap:3px; height:4px; margin:10px 0 6px; overflow:hidden; }
.st-balance i { display:block; background:var(--st-pos); }.st-balance i:last-child { background:var(--st-neg); }
.st-distribution-note { display:flex; justify-content:space-between; gap:10px; font-size:10px; color:var(--lv-muted); }
.st-rail { padding:26px 0 20px 24px; border-left:1px solid var(--lv-line); min-width:0; }
.st-rail-heading { margin-bottom:20px; }
.st-rank { display:block; width:100%; color:var(--lv-text); border:0; border-radius:0; background:none; padding:10px 0; text-align:left; cursor:pointer; }
.st-rank:hover,.st-rank:focus-visible { background:var(--lv-panel); }
.st-rank-line { display:flex; justify-content:space-between; font:500 13px/1.4 system-ui,sans-serif; font-variant-numeric:tabular-nums; gap:8px; }
.st-rank-line small { color:var(--lv-muted); font-size:10px; }
.st-rank-track { display:block; height:3px; background:var(--st-grid); margin-top:8px; }
.st-rank-track i { display:block; height:100%; background:var(--st-pos); }.st-rank.is-negative .st-rank-track i { background:var(--st-neg); }
.st-footnote { font-size:10px; line-height:1.6; color:var(--lv-muted); margin:10px 0 20px; }
.st-levels { border-top:1px solid var(--lv-line); padding-top:12px; }
.st-level { display:flex; justify-content:space-between; align-items:center; padding:6px 0; gap:10px; font-size:11px; color:var(--lv-muted); }
.st-level b { font-weight:500; color:var(--lv-text); font-variant-numeric:tabular-nums; }
.st-greeks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--lv-line); }
.st-greek { padding:20px 22px; border-right:1px solid var(--lv-line); min-width:0; }.st-greek:first-child { padding-left:0; }.st-greek:last-child { border-right:0; }
.st-greek-label { display:flex; justify-content:space-between; gap:5px; color:var(--lv-muted); font-size:11px; }
.st-greek-label span { font-size:15px; color:var(--lv-accent-2); }
.st-greek b { display:block; margin:8px 0 4px; font:500 24px/1.2 Georgia,serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.st-greek small { color:var(--lv-muted); font-size:10px; }
.st-data-detail { margin-top:14px; font-size:11px; color:var(--lv-muted); }
.st-data-detail summary { cursor:pointer; min-height:34px; padding:8px 0; }
.st-data-detail p { max-width:820px; line-height:1.7; }
.st-table-scroll { max-height:300px; overflow:auto; }
.st-table-scroll table { width:100%; border-collapse:collapse; text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.st-table-scroll th,.st-table-scroll td { padding:8px; border-bottom:1px solid var(--lv-line); }.st-table-scroll th { color:var(--lv-text); font-weight:500; }
.st-table-scroll th:first-child,.st-table-scroll td:first-child { text-align:left; }
.st-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.st-page :focus-visible { outline:2px solid var(--lv-accent-2); outline-offset:3px; }
.st-page .lv-band { gap:0 32px; }
html[data-theme] .st-page .lv-band > section,html[data-theme] .st-page .lv-session-reading,html[data-theme] .st-page .lv-regime,html[data-theme] .st-page .lv-ghf { border:0 !important; border-bottom:1px solid var(--lv-line) !important; border-radius:0; background:none !important; box-shadow:none; padding:24px 0; }
.st-page .lv-group__title,.st-page .lv-pfwrap > h2 { color:var(--lv-text); font-size:20px; }
.st-page .lv-group__sub,.st-page .lv-pf__note { color:var(--lv-muted); font-size:11px; }
.st-page .lv-pf__bar { border-radius:2px; }
.st-page .lv-divide { margin:24px 0 0; }
html[data-theme] .st-page .lv-demo { background:#29312e; border-color:#43584d; color:#b8d9c6; font-size:10px; padding:5px; }
@media(min-width:1600px) { .st-plot { height:360px; }.st-analysis { grid-template-columns:minmax(0,1fr) 310px; } }
@media(max-width:1000px) {
  .st-page .lv-main { padding:20px; }.st-page .lv-top { padding:10px 20px; }
  .st-page .lv-top__navlink span { display:none; }.st-page .lv-statsbar__actions { display:none; }
  .st-analysis { grid-template-columns:minmax(0,1fr) 225px; }.st-exposure { padding-right:20px; }.st-rail { padding-left:20px; }
  .st-page .lv-stat { padding:12px; }.st-page .lv-stat__v { font-size:18px; }
}
@media(max-width:700px) {
  .st-page .lv-main { padding:16px; }.st-page .lv-top { padding:10px 16px; gap:8px; }.st-page .lv-top__nav { display:none; }
  .st-page .lv-top__brand { font-size:16px; }.st-page .lv-top__mid { display:none; }
  .st-page .lv-page-heading { flex-wrap:nowrap; gap:8px; }.st-page .lv-page-heading > div { flex:1; }
  .st-page .lv-h1 { font-size:30px; }.st-page .lv-page-eyebrow { font-size:9px; }
  .st-page .lv-page-switch { width:auto; flex-direction:column; gap:0; }.st-page .lv-page-switch a { font-size:10px; min-height:28px; padding:4px; white-space:nowrap; }
  .st-page .lv-workspace-tools { margin:12px 0; gap:8px; }.st-page .lv-workspace-tools .lv-symbols { width:auto; margin-right:auto; }
  .st-controls { gap:8px; padding:12px 0; }.st-controls .lv-workspace-tools { margin:0; flex-basis:100%; }.st-controls .lv-data-settings { flex:1 1 100%; padding:0; }
  .st-page .lv-workspace-tools > a { font-size:10px; padding:6px; }.st-page .gex-chart-tz { margin-left:0; }
  .st-page .lv-data-settings { gap:8px; }.st-page .lv-data-settings label { flex:1 1 130px; flex-direction:column; align-items:stretch; gap:5px; }.st-page .lv-data-settings select { width:100%; }
  .st-page .lv-statsbar__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.st-page .lv-stat { padding:10px; }.st-page .lv-stat:nth-child(3n) { border-right:0; }.st-page .lv-stat:first-child { padding-left:10px; }
  .st-page .lv-stat__v { font-size:18px; }.st-page .lv-tabs { gap:22px; }.st-page .lv-tabs [role="tab"] { font-size:11px; min-height:48px; }
  .st-source { gap:7px 14px; font-size:10px; }.st-source-state { width:100%; }
  .st-analysis { grid-template-columns:minmax(0,1fr); }.st-exposure { padding:20px 0; }.st-chart-head { gap:12px; }.st-chart-tools { width:100%; justify-content:space-between; }
  .st-page .st-overview h2 { font-size:22px; }.st-plot { height:290px; }
  .st-rail { border-left:0; border-top:1px solid var(--lv-line); padding:20px 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 22px; }
  .st-rail-heading { grid-column:1/-1; margin-bottom:12px; }.st-ranks { grid-column:1; }.st-levels { grid-column:2; grid-row:2; border:0; padding-top:3px; }.st-footnote { grid-column:1/-1; margin:10px 0 0; }
  .st-greeks { grid-template-columns:repeat(3,minmax(0,1fr)); }.st-greek { padding:16px 12px; }.st-greek:first-child { padding-left:12px; }.st-greek:nth-child(3) { border-right:0; }.st-greek b { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .st-page * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Detail views share the overview's scale, data colours and quiet separators. */
.st-viewhead { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:26px 0 22px; border-bottom:1px solid var(--lv-line); }
.st-viewhead h2 { margin:0; font:500 28px/1.25 Georgia,serif; color:var(--lv-text); }
.st-viewhead > p { max-width:420px; margin:0; text-align:right; color:var(--lv-muted); font-size:10px; overflow-wrap:anywhere; }
.st-viewhead ~ .lv-bandwrap > .lv-divide,.st-viewhead ~ .lv-regime > .lv-divide,.st-viewhead ~ .lv-regime > h2,.st-viewhead ~ .lv-regime > .lv-group__sub { display:none; }
.st-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.st-panel-heading h3 { margin:0; color:var(--lv-text); font:500 22px/1.3 Georgia,serif; }
.st-spot-label { display:flex; flex-direction:column; align-items:end; color:var(--lv-muted); font-size:11px; }
.st-spot-label b { color:var(--lv-accent-2); font-size:24px; font-weight:500; font-variant-numeric:tabular-nums; }
.st-price-map { padding:4px 0 12px; }
.st-price-row { display:grid; grid-template-columns:110px minmax(0,1fr) 110px; align-items:center; gap:26px; min-height:64px; --mark:var(--lv-accent-2); }
.st-price-row.is-positive { --mark:var(--st-pos); }.st-price-row.is-negative { --mark:var(--st-neg); }
.st-price-row > span { color:var(--lv-muted); font-size:12px; }
.st-price-row > strong { color:var(--mark); text-align:right; font-size:18px; font-weight:500; font-variant-numeric:tabular-nums; }
.st-price-row strong small { display:block; font-size:10px; color:var(--lv-muted); }
.st-price-track { height:1px; position:relative; background:var(--lv-line); }
.st-price-anchor { position:absolute; height:64px; top:-32px; border-left:1px dashed var(--lv-muted); }
.st-price-span { height:4px; top:-2px; position:absolute; background:var(--mark); opacity:.5; }
.st-price-point { position:absolute; top:-5px; width:10px; height:10px; border-radius:50%; background:var(--mark); transform:translateX(-50%); outline:4px solid var(--lv-bg); }
.st-wall-pair { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:10px 0; }
.st-wall-weight > span { display:block; color:var(--lv-muted); font-size:11px; }
.st-wall-weight > strong { display:block; color:var(--st-pos); font:500 34px/1.4 Georgia,serif; margin:8px 0 14px; overflow-wrap:anywhere; }
.st-wall-weight.is-negative > strong { color:var(--st-neg); }
.st-wall-weight strong small { font:400 14px/1 system-ui; margin-left:3px; }
.st-weight-track { height:5px; background:var(--st-grid); }
.st-weight-track i { display:block; height:100%; background:var(--st-pos); }.st-wall-weight.is-negative i { background:var(--st-neg); }
.st-page [data-lv-wallmix] .lv-mx__row { display:grid; grid-template-columns:1fr; gap:10px; margin:20px 0; }
.st-page [data-lv-wallmix] .lv-mx__k,.st-page [data-lv-wallmix] .lv-mx__v { text-align:left; font-size:11px; }
.st-page [data-lv-wallmix] .lv-mx__track { width:100%; height:8px; border-radius:0; }
.st-page .lv-mx__seg--call { background:var(--st-pos); }.st-page .lv-mx__seg--put { background:var(--st-neg); }
.st-page .lv-session-reading { display:grid; grid-template-columns:1fr 1fr; gap:8px 40px; }
.st-page .lv-session-reading > h2 { font:500 24px/1.3 Georgia,serif; margin:0; text-transform:none; }
.st-page .lv-session-reading > .lv-workspace-eyebrow { grid-column:1/-1; margin:0; font-size:10px; }
.st-page .lv-session-reading [data-lv-session-summary] { grid-column:2; grid-row:2/5; font-size:12px; }
.st-page .lv-session-reading p { font-size:11px; }.st-page .lv-session-caveat { border:0; padding:0; margin:0; }
.st-page .lv-session-reading > a { font-size:11px; align-self:end; }
.st-detail-plot { height:330px; width:100%; }
.st-page [data-lv-terrain] { grid-column:1/-1; }
.st-detail-plot canvas { display:block; width:100%; height:100%; touch-action:pan-y; }
.st-plot-read { color:var(--lv-muted); font-size:11px; min-height:20px; margin:10px 0; font-variant-numeric:tabular-nums; }
.st-lines-legend { display:flex; flex-wrap:wrap; gap:16px; align-items:center; font-size:11px; margin:0 0 8px; }
.st-lines-legend span::before { content:""; display:inline-block; width:15px; border-top:2px solid currentColor; margin:0 6px 3px 0; }
.st-lines-legend .st-net::before { border-top-style:dashed; }.st-lines-legend small { margin-left:auto; color:var(--lv-muted); }
.st-call { color:var(--st-pos); }.st-put { color:var(--st-neg); }.st-net { color:var(--lv-accent-2); }
.st-table-heading { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--lv-line); padding:20px 0 12px; }
.st-table-heading h4 { font:500 18px/1.3 Georgia,serif; color:var(--lv-text); margin:0; }
.st-strike-ledger { max-height:360px; }
.st-strike-ledger th { position:sticky; top:0; z-index:1; background:var(--lv-bg); }
.st-strike-ledger tbody th { position:static; padding:0 8px; font-weight:500; }
.st-strike-ledger button { border:0; padding:10px 0; background:none; color:var(--lv-text); font:inherit; cursor:pointer; }
.st-strike-ledger tr:hover { background:var(--lv-panel); }
.st-surface-scroll { overflow:auto; max-height:440px; }
.st-surface table { width:100%; border-collapse:separate; border-spacing:3px; font-variant-numeric:tabular-nums; }
.st-surface th { font-size:11px; font-weight:500; color:var(--lv-muted); padding:8px; text-align:center; white-space:nowrap; }
.st-surface th small { display:block; font-size:9px; color:var(--lv-muted); margin-top:3px; }
.st-surface tbody th { text-align:right; width:90px; }
.st-surface thead th { position:sticky; top:0; background:var(--lv-bg); z-index:1; }
.st-surface-key { display:flex; gap:8px; align-items:center; color:var(--lv-muted); font-size:10px; }
.st-surface-key i { width:70px; height:5px; background:linear-gradient(90deg,var(--st-neg),var(--lv-panel),var(--st-pos)); }
.st-heat-cell { width:100%; min-width:80px; min-height:32px; border:1px solid transparent; border-radius:2px; padding:6px; color:var(--lv-text); font:500 10px/1 system-ui; cursor:crosshair; }
.st-heat-cell:hover,.st-heat-cell:focus-visible { border-color:var(--lv-accent-2); }
.st-heat-cell.is-missing { background:var(--lv-panel); color:var(--lv-muted); }
.st-history-empty { padding:20px 0; border-bottom:1px solid var(--lv-line); }
.st-history-empty h3 { font:500 18px/1.3 Georgia,serif; margin:0 0 8px; }.st-history-empty p { margin:0; color:var(--lv-muted); font-size:11px; }
.st-page .lv-regime__grid { grid-template-columns:1.2fr 1fr 1fr; gap:0 28px; align-items:stretch; }
html[data-theme] .st-page .lv-regime__grid > * { border:0; border-radius:0; background:none; box-shadow:none; padding:24px 0; border-bottom:1px solid var(--lv-line); }
.st-page .lv-regime__grid > .lv-netg { grid-column:1/-1; grid-row:1; display:grid; grid-template-columns:1fr 1fr; padding-top:0; }
html[data-theme] .st-page .lv-netg__item { border:0; border-radius:0; background:none; padding:0; box-shadow:none; }
.st-page .lv-netg__val { font:500 32px/1.3 Georgia,serif; color:var(--lv-text); }
.st-page .lv-netg__label,.st-page .lv-netg__sub { font-size:11px; color:var(--lv-muted); }
.st-page .lv-regime__grid > .lv-quad { grid-column:1; grid-row:2/4; padding-right:26px; border-right:1px solid var(--lv-line); }
.st-page .lv-regime__grid > .lv-fear { grid-column:2; grid-row:2; }
.st-page .lv-regime__grid > .lv-hedge { grid-column:3; grid-row:2; }
.st-page .lv-regime__grid > .lv-flow { grid-column:2/4; grid-row:3; }
.st-page .lv-regime__grid > .lv-greeks { grid-column:1/-1; grid-row:4; }
.st-page .lv-regime__title { color:var(--lv-text); font:500 17px/1.4 Georgia,serif; text-transform:none; margin-bottom:18px; }
.st-page .lv-quad__grid { gap:3px; margin:12px 0 18px; }
html[data-theme] .st-page .lv-quad__cell { min-height:90px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid var(--lv-line); border-radius:0; background:var(--lv-panel); color:var(--lv-muted); font-size:12px; }
html[data-theme] .st-page .lv-quad__cell--on { color:var(--st-pos); border-color:var(--st-pos); background:color-mix(in srgb,var(--st-pos) 9%,var(--lv-bg)); }
html[data-theme] .st-page .lv-quad__cell--short.lv-quad__cell--on { color:var(--st-neg); border-color:var(--st-neg); background:color-mix(in srgb,var(--st-neg) 9%,var(--lv-bg)); }
.st-page .lv-quad__name { font:500 23px/1.3 Georgia,serif; margin-top:18px; }
.st-page .lv-quad__text,.st-page .lv-fear__note { font-size:11px; line-height:1.7; color:var(--lv-muted); }
.st-page .lv-hedge__val { font:500 48px/1.3 Georgia,serif; color:var(--lv-accent-2); margin:8px 0 18px; }.st-page .lv-hedge__val span { font:400 14px system-ui; color:var(--lv-muted); }
.st-page .lv-fear-comp { padding:10px 0; gap:18px;min-width:0; }.st-page .lv-fear-comp__track { display:block;min-width:0;height:4px; border-radius:0; background:var(--st-grid); }.st-page .lv-fear-comp__bar { height:4px;max-width:100%;border-radius:0; }
html[data-theme] .st-page .lv-fear-comp__bar--pos { background:var(--st-pos); }html[data-theme] .st-page .lv-fear-comp__bar--neg { background:var(--st-neg); }html[data-theme] .st-page .lv-fear-comp__bar--gold { background:var(--lv-accent-2); }
.st-page .lv-flow__line { font-size:12px; }.st-page .lv-fear-comp__label,.st-page .lv-fear-comp__meta { font-size:11px; }
.st-page .lv-ghf__panel,.st-page .lv-ghf__stage,.st-page .lv-ghf__head { border-radius:0; background:var(--lv-bg); box-shadow:none; }
.st-page .lv-ghf__head { border:0; border-bottom:1px solid var(--lv-line); padding:0 0 16px; gap:14px; }
.st-page .lv-ghf__head button,.st-page .lv-ghf__head select { border-radius:3px; font-size:11px; min-height:32px; background:var(--lv-panel); color:var(--lv-muted); }
.st-page .lv-ghf__head button[aria-pressed="true"] { background:var(--lv-panel-strong); color:var(--lv-text); border-color:var(--lv-accent-2); }
.st-page .lv-ghf__foot { border-top:1px solid var(--lv-line); font-size:11px; background:none; }
.st-page .lv-ghf__stage,.st-page .lv-ghf__bars,.st-page .lv-ghf__pxs { background:#101112; color:#eeeef0; }
.st-page .lv-ghf__heat { border-radius:0; }
.st-page .lv-ghf__legnum { color:#eeeef0; }
.st-page .lv-ghf__legmid { color:#b9bec4; background:#101112; }
@media(max-width:700px) {
  .st-page .lv-ghf__stage { grid-template-columns:minmax(0,1fr) 42px;gap:10px;padding:10px; }
  .st-page .lv-ghf__heat { grid-column:1;grid-row:1;aspect-ratio:1;min-height:240px; }
  .st-page .lv-ghf__legend { grid-column:2;grid-row:1;flex-direction:column;min-width:0; }
  .st-page .lv-ghf__legcanvas { width:14px;flex:1 1 0;min-height:0; }
  .st-page .lv-ghf__bars { grid-column:1/-1;grid-row:2;height:180px; }
  .st-page .lv-ghf__barcanvas { height:150px;flex:none; }
  .st-page .lv-ghf__scrub { flex-wrap:wrap;gap:10px;padding:12px 0; }
  .st-page .lv-ghf__scrub input[type="range"] { min-width:0;width:80px; }
  .st-page .lv-ghf__scrub .lv-ghf__val { width:100%;text-align:right; }
}
@media(max-width:900px) {
  .st-page .lv-regime__grid { grid-template-columns:1fr 1fr; gap:0 24px; }
  .st-page .lv-regime__grid > .lv-quad { grid-column:1;grid-row:2/4; }
  .st-page .lv-regime__grid > .lv-fear { grid-column:2;grid-row:2; }
  .st-page .lv-regime__grid > .lv-hedge { grid-column:2;grid-row:3; }
  .st-page .lv-regime__grid > .lv-flow { grid-column:1/-1;grid-row:4; }
  .st-page .lv-regime__grid > .lv-greeks { grid-row:5; }
  .st-viewhead { align-items:start;flex-direction:column;gap:8px; }.st-viewhead > p { text-align:left; }
}
@media(max-width:600px) {
  .st-viewhead { padding:20px 0; }.st-viewhead h2 { font-size:25px; }.st-panel-heading { gap:12px;flex-wrap:wrap; }.st-panel-heading h3 { font-size:21px; }
  .st-price-row { grid-template-columns:70px minmax(0,1fr) 76px;gap:12px;min-height:66px; }.st-price-row > span { font-size:10px; }.st-price-row strong { font-size:14px; }
  .st-wall-pair { gap:20px; }.st-wall-weight > strong { font-size:28px; }.st-spot-label b { font-size:22px; }
  .st-page .lv-session-reading { display:block; }.st-page .lv-session-reading > h2 { margin:10px 0 18px; }
  .st-page .lv-regime__grid { display:flex;flex-direction:column; }.st-page .lv-regime__grid > .lv-quad { border-right:0; padding-right:0; }
  .st-page .lv-netg__val { font-size:25px; }.st-page .lv-fear-comp { grid-template-columns:100px minmax(0,1fr) 100px; gap:8px; }
  .st-page .lv-fear-comp__label,.st-page .lv-fear-comp__meta { font-size:10px; }
  .st-page .lv-regime__grid > .lv-netg { gap:16px; }.st-detail-plot { height:280px; }
  .st-surface-key { width:100%; }.st-lines-legend small { width:100%; margin:0; }.st-strike-ledger td,.st-strike-ledger th { font-size:10px; }
  .st-page .lv-ghf__head { flex-wrap:wrap; }.st-page .lv-ghf__greeks { flex-wrap:wrap; }
}