/* Daily-change tab: one bar a day, any set of sessions, the straddle premium as a line.
   Everything reads the site's own Metronic tokens (--tw-*), so the tab follows pogosov.com in both themes:
   white cards on the light page, coal cards on the dark one. */
body > .flex.grow, body > .flex.grow > .wrapper { min-width: 0; }

.vol-page.vol-daily {
  /* the section's shared rules (volatility.css) read these; on this tab they are the site's card tokens */
  --vol-ink: var(--tw-gray-900); --vol-muted: var(--tw-gray-600); --vol-line: var(--tw-gray-200);
  --vol-bg: var(--tw-card-background-color); --vol-soft: var(--tw-gray-100); --vol-blue: var(--tw-primary-active);
  --vd-ink-2: var(--tw-gray-700); --vd-control-line: var(--tw-gray-300); --vd-card: var(--tw-card-background-color);
  /* chart marks, validated as one set on the card: every pair stays apart for red-green colour blindness too */
  --vd-up: #16a34a; --vd-down: #be123c; --vd-premium: #6d28d9; --vd-horizon: #0369a1;
  /* signed numbers in text take steps of the same hues that read at text size */
  --vd-up-text: #15803d; --vd-down-text: #be123c;
  --vd-grid: var(--tw-gray-200); --vd-axis: var(--tw-gray-400);
}
.dark .vol-page.vol-daily {
  --vd-up: #19b036; --vd-down: #d02940; --vd-premium: #8b5cf6; --vd-horizon: #0891b2;
  --vd-up-text: #4ade80; --vd-down-text: #f87171;
}
.vol-daily .vol-up { color: var(--vd-up-text); }
.vol-daily .vol-down { color: var(--vd-down-text); }

/* Heading and tabs: the site's tab weight and colours. */
.vol-daily .vol-heading { margin-bottom: 14px; }
.vol-daily .vol-heading h1 { margin-bottom: 6px; }
.vol-daily .vol-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 2px; margin-top: 18px; }
.vol-daily .vol-tabs::-webkit-scrollbar { display: none; }
.vol-daily .vol-tabs a { white-space: nowrap; padding: 10px 13px; font-size: 13px; font-weight: 500; min-height: 40px; color: var(--vd-ink-2); }
.vol-daily .vol-tabs a:hover { color: var(--vol-ink); }
.vol-daily .vol-tabs a.is-active { color: var(--tw-primary); border-color: var(--tw-primary); }
/* Wide screens show every tab, on a second row if needed; phones scroll the row. */
@media (min-width: 901px) { .vol-daily .vol-tabs { flex-wrap: wrap; overflow-x: visible; } }

/* Every block is a site card. */
.vol-daily .vd-controls, .vol-daily .vd-kpi, .vol-daily .vol-panel, .vol-daily .vol-method {
  background: var(--vd-card); border: var(--tw-card-border); border-radius: .75rem; box-shadow: var(--tw-card-box-shadow);
}

/* Controls: the sessions on top, the ticker and the settings below, all in the site's controls. */
.vd-controls { display: flex; flex-direction: column; gap: 14px; padding: 16px 20px 18px; margin: 16px 0; }
.vd-label { display: block; font-size: 12px; font-weight: 500; line-height: 1.35; color: var(--vd-ink-2); }
.vd-hint { font-weight: 400; color: var(--vol-muted); }
.vd-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; }
.vd-sessions { border: 0; padding: 0; margin: 0; min-width: 0; }
.vd-sessions > legend { padding: 0; margin-bottom: 8px; }
.vd-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.vd-chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px 0 10px; border: 1px solid var(--vd-control-line);
           border-radius: .375rem; background: var(--tw-light); color: var(--vd-ink-2); font-size: 12.5px; font-weight: 500; line-height: 1;
           white-space: nowrap; cursor: pointer; user-select: none; text-decoration: none; transition: border-color .12s, background-color .12s, color .12s; }
.vd-chip small { font-size: 11px; font-weight: 400; color: var(--vol-muted); font-variant-numeric: tabular-nums; }
.vd-chip input { width: 14px; height: 14px; margin: 0; accent-color: var(--tw-primary); cursor: pointer; }
.vd-chip-link { padding-left: 12px; }
.vd-chip:hover { border-color: var(--tw-gray-400); color: var(--vol-ink); }
.vd-chip.is-on, .vd-chip:has(input:checked) { border-color: var(--tw-primary); background: var(--tw-primary-light); color: var(--vol-ink); }
.vd-chip.is-on small, .vd-chip:has(input:checked) small { color: var(--vd-ink-2); }
.vd-chip:focus-visible, .vd-chip:has(input:focus-visible) { outline: 2px solid var(--tw-primary); outline-offset: 2px; }
/* which morning the pre-market belongs to: a row under the sessions, shown while the pre-market is chosen */
.vd-pm-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 10px; }
.vd-pm-row[hidden] { display: none; }
.vd-pm-row .vd-label { margin: 0; }
.vd-pm-row .vd-hint { font-size: 11px; line-height: 1.35; color: var(--vol-muted); }
.vd-pm-day .vd-seg-item span { height: 28px; font-weight: 500; }

.vd-custom-window { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 12px; }
.vd-custom-window > label { display: flex; flex-direction: column; gap: 6px; }
.vd-custom-window .input { width: 122px; font-variant-numeric: tabular-nums; }
.vd-custom-presets { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.vd-custom-presets-list { display: flex; flex-wrap: wrap; gap: 6px; }
.vd-custom-preset { font-variant-numeric: tabular-nums; }
.vd-custom-window > .vd-hint { align-self: center; max-width: 360px; font-size: 11.5px; line-height: 1.45; }
.vd-range-error { flex-basis: 100%; color: var(--vd-down-text); font-size: 12px; }
.vd-range-error[hidden] { display: none; }

/* even columns; the ticker group and the longest select take two */
.vd-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); align-items: end; gap: 12px 14px;
             padding-top: 14px; border-top: 1px solid var(--vol-line); }
.vd-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; }
.vd-field .select { width: 100%; }
.vd-field-ticker.is-wide, .vd-field-wide { grid-column: span 2; }
.vd-field-ticker > legend { padding: 0; margin-bottom: 6px; }
/* The ticker is one click: a segmented group for the ETFs and one for the stocks. */
.vd-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.vd-seg-group { display: inline-flex; border: 1px solid var(--vd-control-line); border-radius: .375rem; background: var(--tw-light); overflow: hidden; }
.vd-seg-item { position: relative; display: inline-flex; }
.vd-seg-item input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.vd-seg-item span { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .01em;
                    color: var(--vd-ink-2); transition: background-color .12s, color .12s; }
.vd-seg-item + .vd-seg-item span { border-left: 1px solid var(--vd-control-line); }
.vd-seg-item:hover span { background: var(--tw-gray-100); color: var(--vol-ink); }
.vd-seg-item input:checked + span { background: var(--tw-primary); color: #fff; }
.vd-seg-item input:focus-visible + span { outline: 2px solid var(--tw-primary); outline-offset: -2px; }
/* Every ticker is drawn in the all-tickers views: the chosen one is only remembered, and a click opens one large. */
.vd-field-ticker.is-all .vd-seg-item input:checked + span { background: var(--tw-primary-light); color: var(--tw-primary-active); }
.vd-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.vd-controls.is-live .vd-actions .btn-primary { display: none; }
.vol-daily .vd-actions .vol-export { margin: 0; padding: 0 12px; text-decoration: none; color: var(--vd-ink-2); }
.vol-daily .vd-actions .vol-export:hover { color: var(--vol-ink); }
.vol-daily .vd-actions .vol-export i { font-size: 15px; color: var(--vol-muted); }

/* The summary of the drawn ticker. */
.vd-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0 0 16px; }
.vd-kpi { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 16px; }
.vd-kpi > span { font-size: 12px; line-height: 1.35; color: var(--vol-muted); }
.vd-kpi > strong { font-size: 20px; font-weight: 600; line-height: 1.25; color: var(--vol-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vd-kpi > small { font-size: 11.5px; line-height: 1.4; color: var(--vol-muted); }
.vd-kpi-pair > strong, .vd-kpi-premium > strong, .vd-kpi-horizon > strong { font-size: 17px; white-space: normal; overflow: visible; }
/* a line key beside a label ties a number to the line it is drawn as; the number itself stays in ink */
.vd-key { display: inline-block; width: 14px; height: 0; margin: 0 6px 0 0; vertical-align: middle; border-top: 2px solid; }
.vd-key.is-premium { border-color: var(--vd-premium); }
.vd-key.is-horizon { border-top-style: dashed; border-color: var(--vd-horizon); }
#daily-sessions th:first-child { width: 24%; }
#daily-sessions .vd-hint { white-space: nowrap; font-size: 11px; }

/* The charts. */
.vol-daily-charts { display: flex; flex-direction: column; gap: 24px; padding: 18px 20px 16px; }
.vol-daily-figure { margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.vol-daily-figure figcaption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; font-size: 12px; }
.vol-daily-figure figcaption > .vol-muted { font-size: 12px; font-variant-numeric: tabular-nums; }
.vol-daily-legend { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.vol-daily-legend strong { font-size: 15px; font-weight: 600; color: var(--vol-ink); margin-right: 4px; }
.vol-daily-unit { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--vd-ink-2); }
/* keys mirror the marks: squares for bars, strokes for lines */
.vol-daily-swatch { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 2px; }
.vol-daily-swatch.is-up { background: var(--vd-up); }
.vol-daily-swatch.is-down { background: var(--vd-down); }
.vol-daily-swatch.is-ground { background: linear-gradient(90deg, color-mix(in srgb, var(--vd-up) 32%, transparent) 50%,
                                                                  color-mix(in srgb, var(--vd-down) 32%, transparent) 50%); }
.vol-daily-swatch.is-premium { width: 16px; height: 0; border-radius: 0; border-top: 2px solid var(--vd-premium); }
.vol-daily-swatch.is-horizon { width: 16px; height: 0; border-radius: 0; border-top: 2px dashed var(--vd-horizon); }
/* several panels: the up / down key is said once, on the first */
.vol-daily-charts:not([data-layout="single"]) .vol-daily-figure + .vol-daily-figure .vol-daily-unit:has(> .is-up, > .is-down) { display: none; }

.vol-daily-plot { position: relative; padding: 0 4px 24px 44px; }
.vol-daily-chart { display: block; width: 100%; height: 160px; overflow: visible; cursor: crosshair; outline: none; }
.vol-daily-chart:focus-visible { outline: 2px solid var(--tw-primary); outline-offset: 5px; border-radius: 2px; }
.vol-daily-yaxis { position: absolute; left: 0; top: 0; width: 38px; height: 160px; pointer-events: none; }
.vol-daily-yaxis span { position: absolute; right: 0; transform: translateY(-50%); white-space: nowrap; font-size: 11px; line-height: 1;
                        font-variant-numeric: tabular-nums; color: var(--vol-muted); }
.vol-daily-xaxis { position: absolute; left: 44px; right: 4px; bottom: 0; height: 16px; pointer-events: none; }
.vol-daily-xaxis span { position: absolute; text-align: center; white-space: nowrap; font-size: 11px; line-height: 16px;
                        font-variant-numeric: tabular-nums; color: var(--vol-muted); }

/* grid and axis are solid hairlines, one step off the card */
.vol-daily-guide, .vol-daily-year { stroke: var(--vd-grid); stroke-width: 1; vector-effect: non-scaling-stroke; }
.vol-daily-zero { stroke: var(--vd-axis); stroke-width: 1; vector-effect: non-scaling-stroke; }
.vol-daily-bars { stroke-width: var(--vd-bar, 1px); vector-effect: non-scaling-stroke; fill: none; transition: opacity .15s; }
.vol-daily-rise { stroke: var(--vd-up); }
.vol-daily-down { stroke: var(--vd-down); }
/* The ground the price covered on the way: the same colour as the day's bar, much paler, drawn behind it. */
.vol-daily-ground { opacity: .28; }
.vol-daily-premium, .vol-daily-horizon, .vd-halo { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.vol-daily-premium { stroke: var(--vd-premium); stroke-width: 2; }
.vol-daily-horizon { stroke: var(--vd-horizon); stroke-width: 2; stroke-dasharray: 5 3; }
/* a ring of the card colour under each line keeps it legible where it crosses the bars */
.vd-halo { stroke: var(--vd-card); stroke-width: 5; opacity: .9; }
/* days beyond the scale: a dot at the edge, drawn as a round cap so it stays round however the plot stretches */
.vd-clip path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.vd-clip-ring { stroke: var(--vd-card); stroke-width: 10px; }
.vol-daily-clipped { stroke: var(--vd-down); stroke-width: 6px; }
.vd-clip.is-up .vol-daily-clipped { stroke: var(--vd-up); }
/* the day under the pointer or the keyboard */
.vd-cursor { stroke: var(--vd-ink-2); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .45; pointer-events: none; visibility: hidden; }
.vd-focus { fill: none; stroke-width: var(--vd-bar-focus, 3px); vector-effect: non-scaling-stroke; pointer-events: none; visibility: hidden; }
.vd-focus.is-up { stroke: var(--vd-up); }
.vd-focus.is-down { stroke: var(--vd-down); }
.vol-daily-plot.is-active .vd-cursor, .vol-daily-plot.is-active .vd-focus { visibility: visible; }
.vol-daily-plot.is-active .vol-daily-bars:not(.vol-daily-ground) { opacity: .6; }

.vol-daily-scale { margin: 0; font-size: 12px; line-height: 1.6; color: var(--vol-muted); }
.vol-daily-scale strong { color: var(--vol-ink); font-weight: 600; }
.vol-daily-scale.vol-down, .vol-daily-scale.vol-down strong { color: var(--vd-down-text); }

/* The tooltip: the value leads, the labels follow. */
.vd-tip { position: absolute; top: 8px; left: 0; z-index: 5; min-width: 176px; max-width: 270px; padding: 10px 12px; pointer-events: none;
          background: var(--vd-card); border: 1px solid var(--vd-control-line); border-radius: .5rem; color: var(--vol-ink);
          font-size: 12px; line-height: 1.45; box-shadow: 0 8px 24px rgba(15, 23, 42, .12); }
.dark .vd-tip { background: var(--tw-coal-100, #15171c); box-shadow: 0 10px 28px rgba(0, 0, 0, .55); }
.vd-tip-date { font-size: 11.5px; color: var(--vol-muted); }
.vd-tip-main { margin-top: 2px; font-size: 18px; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.vd-tip-note { font-size: 11.5px; color: var(--vol-muted); }
.vd-tip-rows { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--vol-line); display: flex; flex-direction: column; gap: 2px; }
.vd-tip-row { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; font-variant-numeric: tabular-nums; }
.vd-tip-row > span { color: var(--vol-muted); }
.vd-tip-row > b { font-weight: 600; color: var(--vol-ink); white-space: nowrap; }
.vd-tip-row .vd-key { margin-right: 5px; vertical-align: .25em; }

/* Tables: the site's table, numbers aligned, the chosen ticker marked by the accent bar the site uses. */
.vol-daily .vol-panel-title { padding: 16px 20px; }
.vol-daily .vol-panel-title h2 { font-size: 15px; font-weight: 600; color: var(--vol-ink); }
.vol-daily .vol-panel-title > span { font-size: 12px; color: var(--vol-muted); }
.vol-daily .vol-panel-note { padding: 0 20px 14px; font-size: 12px; line-height: 1.6; }
.vol-daily .vol-panel .vol-panel-note:last-child { padding-top: 14px; }
.vol-daily-table th a { color: var(--vol-ink); text-decoration: none; }
.vol-daily-table th a:hover { color: var(--tw-primary-active); text-decoration: underline; text-underline-offset: 3px; }
.vol-daily-table .vol-up, .vol-daily-table .vol-down { font-weight: 600; }
.vd-meter { display: inline-block; width: 52px; height: 4px; margin-right: 10px; vertical-align: middle; border-radius: 2px; background: var(--tw-gray-200); overflow: hidden; }
.vd-meter i { display: block; height: 100%; border-radius: 2px; background: var(--tw-gray-500); }
.vol-daily-table tr.is-selected > * { background: var(--tw-primary-light); }
.vol-daily-table tr.is-selected > th:first-child { box-shadow: inset 3px 0 0 var(--tw-primary); }
.vol-daily-table tr.vd-group > th { background: none; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--vol-muted); }
.vol-daily .vol-table .vol-count, .vol-daily-table .vol-up, .vol-daily-table .vol-down { white-space: nowrap; }
@media (min-width: 901px) {
  .vol-daily .vol-table { table-layout: auto; font-size: 13px; }
  .vol-daily .vol-table th, .vol-daily .vol-table td { overflow-wrap: normal; }
  .vol-daily .vol-table th:first-child { width: auto; white-space: nowrap; }
  .vol-daily .vol-table th, .vol-daily .vol-table td { padding: 10px 12px; line-height: 1.35; }
  .vol-daily .vol-table th:first-child { padding-left: 20px; }
  .vol-daily .vol-table th:last-child, .vol-daily .vol-table td:last-child { padding-right: 20px; }
  .vol-daily .vol-table thead th { padding-top: 9px; padding-bottom: 9px; background: var(--tw-gray-100); color: var(--vol-muted); font-size: 11.5px; font-weight: 500; vertical-align: bottom; }
  .vol-daily .vol-table tbody th { font-weight: 600; color: var(--vol-ink); }
  .vol-daily .vol-table td { color: var(--vd-ink-2); }
  .vol-daily .vol-table .vol-count { display: inline; font-size: 13px; font-weight: 600; line-height: inherit; color: var(--vol-ink); }
  .vol-daily .vol-table .vol-pct { font-size: 11.5px; margin-top: 1px; }
  .vol-daily .vol-table tbody tr:not(.vd-group):hover > * { background: var(--tw-gray-100); }
  .vol-daily .vol-table tbody tr.is-selected:hover > * { background: var(--tw-primary-light); }
  .vol-daily-table tr.vd-group > th { padding-top: 14px; padding-bottom: 6px; border-top: 1px solid var(--vol-line); }
  .vol-daily-table tbody:first-of-type tr.vd-group > th { padding-top: 10px; }
}

.vol-daily .vol-method { margin-top: 18px; }
.vol-daily .vol-method summary { display: flex; align-items: center; gap: 10px; padding: 15px 20px; font-size: 13px; font-weight: 600; color: var(--vol-ink); list-style: none; }
.vol-daily .vol-method summary::-webkit-details-marker { display: none; }
.vol-daily .vol-method summary::before { content: ""; width: 6px; height: 6px; margin: 0 2px; border-right: 1.5px solid var(--vol-muted); border-bottom: 1.5px solid var(--vol-muted);
                                          transform: rotate(-45deg); transition: transform .15s; }
.vol-daily .vol-method[open] summary::before { transform: rotate(45deg); }
.vol-daily .vol-method > div { max-width: 1040px; padding: 0 20px 18px; font-size: 12.5px; line-height: 1.7; color: var(--vd-ink-2); }
.vol-daily .vol-method > div p { margin: 9px 0; }
.vol-daily .vol-method strong { color: var(--vol-ink); font-weight: 600; }

/* While the next view loads the old one stays in place, only quieter. */
.vol-daily .vd-kpis, .vol-daily .vol-panel { transition: opacity .2s; }
.vol-daily.is-loading .vd-kpis, .vol-daily.is-loading .vol-panel { opacity: .5; }

.vol-daily-charts[data-layout="single"] .vol-daily-chart,
.vol-daily-charts[data-layout="single"] .vol-daily-yaxis { height: 320px; }
.vol-daily-charts[data-session="custom"] .vol-daily-plot { padding-left: 58px; }
.vol-daily-charts[data-session="custom"] .vol-daily-yaxis { width: 52px; }
.vol-daily-charts[data-session="custom"] .vol-daily-xaxis { left: 58px; }
.vol-daily-charts[data-session="custom"] .vol-daily-chart,
.vol-daily-charts[data-session="custom"] .vol-daily-yaxis { height: 190px; }
.vol-daily-charts[data-session="custom"][data-layout="single"] .vol-daily-chart,
.vol-daily-charts[data-session="custom"][data-layout="single"] .vol-daily-yaxis { height: 370px; }

@media (max-width: 1279px) {
  /* six or five cards two rows of three, seven cards four and three, rather than one card left alone */
  .vd-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vd-kpis:has(> :nth-child(7)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vd-seg-item span { padding: 0 8px; }
  .vol-daily .vd-meter { display: none; }
}
@media (max-width: 900px) {
  /* the section's phone table turns each row into a card of labelled cells */
  .vol-daily .vol-table td { background: var(--tw-gray-100); }
  .vol-daily .vol-table .vol-count { font-size: 15px; }
  .vol-daily-table tr.is-selected { background: var(--tw-primary-light); box-shadow: inset 3px 0 0 var(--tw-primary); }
  .vol-daily-table tr.is-selected > * { background: none; }
  .vol-daily-table tr.is-selected td { background: var(--vd-card); }
  .vol-daily-table tr.is-selected > th:first-child { box-shadow: none; }
  .vol-daily-table tr.vd-group { padding-bottom: 0; }
  .vol-daily-table tr.vd-group > th { padding: 14px 0 0; }
}
@media (max-width: 700px) {
  .vd-controls { padding: 14px; gap: 12px; }
  .vd-head { flex-wrap: wrap; }
  .vd-head .vd-actions { margin-left: auto; }
  /* the sessions two abreast, each clock under its name */
  .vd-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vd-chip { height: auto; min-height: 44px; flex-wrap: wrap; align-content: center; row-gap: 3px; padding: 6px 10px; font-size: 12px; white-space: normal; }
  .vd-chip small { flex-basis: 100%; }
  .vd-chip:has(input) small { padding-left: 22px; }
  /* two columns; a select whose words need the room takes the row */
  .vd-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 12px 10px; }
  .vd-field-ticker, .vd-field-wide, .vd-field:has(select[name="layout"]), .vd-field:has(select[name="basis"]) { grid-column: 1 / -1; }
  .vd-field .select { height: 2.25rem; }
  .vol-daily .vol-table tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vol-daily .vol-table td { line-height: 1.3; }
  .vol-daily .vd-meter { display: none; }
  .vd-seg-item span { height: 34px; padding: 0 10px; }
  .vd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .vd-kpi { padding: 12px; }
  .vd-kpi > strong { font-size: 17px; }
  .vd-kpi-pair > strong, .vd-kpi-premium > strong, .vd-kpi-horizon > strong { font-size: 15px; }
  .vol-daily-charts { padding: 14px 12px 12px; gap: 20px; }
  .vol-daily-plot { padding-left: 38px; }
  .vol-daily-yaxis { width: 33px; }
  .vol-daily-xaxis { left: 38px; }
  .vol-daily-chart, .vol-daily-yaxis { height: 120px; }
  .vol-daily-charts[data-layout="single"] .vol-daily-chart,
  .vol-daily-charts[data-layout="single"] .vol-daily-yaxis { height: 230px; }
  .vol-daily-charts[data-session="custom"] .vol-daily-plot { padding-left: 54px; }
  .vol-daily-charts[data-session="custom"] .vol-daily-yaxis { width: 49px; }
  .vol-daily-charts[data-session="custom"] .vol-daily-xaxis { left: 54px; }
  .vol-daily-charts[data-session="custom"] .vol-daily-chart,
  .vol-daily-charts[data-session="custom"] .vol-daily-yaxis { height: 145px; }
  .vol-daily-charts[data-session="custom"][data-layout="single"] .vol-daily-chart,
  .vol-daily-charts[data-session="custom"][data-layout="single"] .vol-daily-yaxis { height: 270px; }
  .vol-daily-yaxis span, .vol-daily-xaxis span { font-size: 10px; }
  .vd-custom-window > label { flex: 1 1 120px; }
  .vd-custom-window .input { width: 100%; }
  .vd-custom-presets, .vd-custom-window > .vd-hint { flex-basis: 100%; max-width: none; }
  .vol-daily .vol-panel-title { padding: 14px 12px; }
  .vol-daily .vol-panel-note { padding: 0 12px 12px; }
  .vol-daily .vol-method summary { padding: 14px 12px; }
  .vol-daily .vol-method > div { padding: 0 12px 14px; }
}