.vi-metrics,.vi-insight{display:none}
.saifan-shell[data-view=volatility] .metrics:not(.vi-metrics){display:none}
.saifan-shell[data-view=volatility] .vi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vi-metrics article:first-child strong{background:none!important;padding:0!important;color:#16465d!important;font-size:26px!important}
.vi-metrics strong{font-size:26px!important}.vi-metrics article:last-child strong{font-size:20px!important}
.saifan-shell[data-view=volatility] .workspace .vix-daily-panel,.saifan-shell[data-view=volatility] .workspace .vix-intraday-panel{grid-template-columns:minmax(240px,.43fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:18px}
.saifan-shell[data-view=volatility] .vix-daily-panel>.panel-title,.saifan-shell[data-view=volatility] .vix-intraday-panel>.panel-title{grid-column:2;grid-row:1}
.saifan-shell[data-view=volatility] .vix-daily-panel>.chart,.saifan-shell[data-view=volatility] .vix-intraday-panel>.chart{grid-column:2;grid-row:2}
.saifan-shell[data-view=volatility] .vix-daily-panel>p,.saifan-shell[data-view=volatility] .vix-intraday-panel>p{grid-column:2;grid-row:3}
.saifan-shell[data-view=volatility] .vi-insight{display:flex;flex-direction:column;grid-column:1;grid-row:1/-1;min-height:0;overflow:auto;border-inline-end:1px solid #e1edf2;padding-inline-end:18px;scrollbar-width:thin;text-align:right}
.vi-insight h3{font-size:14px;line-height:1.5;color:#184761;margin:0 0 9px}.vi-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eaf1f5;font-size:11px;line-height:1.5}.vi-row>span{color:#678a9e}.vi-row b{font-weight:600;color:#214d64;text-align:left}.vi-row b[data-tone=good]{color:#078b74}.vi-row b[data-tone=warn]{color:#af7613}
.vi-explanation{background:#edf9fc;border:1px solid #d9eef4;border-radius:7px;padding:10px 12px;margin-top:12px;font-size:11px;line-height:1.7;color:#4e758b}.vi-explanation strong{display:block;color:#17536c;font-size:12px;margin-bottom:4px}.vi-explanation p{margin:0}.vi-caption{color:#8ba4b2;font-size:9px;margin-top:auto;padding-top:9px}.vi-status{font-size:10px;color:#7b95a4;margin:0 0 6px}.vi-insight details{font-size:10px;line-height:1.7;color:#6b8899;margin-top:9px}.vi-insight summary{cursor:pointer;color:#248ca1}.vi-insight details p{margin:6px 0}.vi-spy-link{align-self:flex-start;background:#fff;border:1px solid #c4e3ec;border-radius:6px;color:#087f9d;padding:5px 11px;font:inherit;font-size:11px;cursor:pointer;margin-top:9px}
@media(min-width:1100px) and (max-height:850px){.vi-row{padding:5px 0}.vi-explanation{padding:7px 9px;margin-top:7px}.vi-insight h3{margin-bottom:4px}}
@media(max-width:1099px){.saifan-shell[data-view=volatility] .workspace .vix-daily-panel,.saifan-shell[data-view=volatility] .workspace .vix-intraday-panel{min-height:340px}.saifan-shell[data-view=volatility] .vi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.saifan-shell[data-view=volatility] .workspace .vix-daily-panel,.saifan-shell[data-view=volatility] .workspace .vix-intraday-panel{display:flex;flex-direction:column;min-height:0}.saifan-shell[data-view=volatility] .workspace .chart{height:230px;flex:none}.saifan-shell[data-view=volatility] .vi-insight{border:0;border-top:1px solid #e1edf2;padding:14px 0 0;overflow:visible;order:4}.vi-metrics strong{font-size:22px!important}}
/* Keep interpretation readable within each half-screen, without default panel paragraph styles. */
.vi-insight .vi-status{font-size:10px;line-height:1.5;margin:0 0 4px}
.vi-insight .vi-explanation p,.vi-insight details p{font-size:11px;line-height:1.65;margin:0}
.vi-insight h3{margin-bottom:6px}.vi-insight .vi-row{padding:5px 0}
.vi-insight .vi-explanation{margin-top:7px;padding:8px 10px}
.vi-insight .vi-spy-link{margin-top:6px;padding-block:4px}
.vi-insight details{margin-top:6px}.vi-insight .vi-caption{padding-top:6px;line-height:1.5}
#vi-day,#vi-spike,#vi-range{direction:ltr;unicode-bidi:isolate;text-align:right}