/* Learn, Options Module 7: Vol on news days (web/learn/news.js). Tokens only; class names start with ln-news-. */

.ln-news-top { margin-top: -.2rem; }

/* section 1: the gap between the event expiry and a later one */
.ln-svg path.ln-news-gap { fill: color-mix(in srgb, var(--arcade-accent) 14%, transparent); stroke: none; }
.ln-legend .ln-news-gap { color: color-mix(in srgb, var(--arcade-accent) 30%, transparent); height: .6rem; }

/* section 2: the calendar of session variances */
rect.ln-news-evt { fill: var(--arcade-accent); }
rect.ln-news-day { fill: rgb(var(--line-rgb) / .38); }
line.ln-news-norm { stroke: var(--gold-deep); stroke-width: 1.6; stroke-dasharray: 5 4; }
.ln-legend .ln-news-evt { color: var(--arcade-accent); height: .6rem; }
.ln-legend .ln-news-day { color: rgb(var(--line-rgb) / .45); height: .6rem; }
.ln-legend .ln-news-norm { color: var(--gold-deep); }
.ln-news-method { max-width: 48rem; }
.ln-news-steps { line-height: 1.6; padding-left: 1.3rem; margin: .5rem 0; font-variant-numeric: tabular-nums; }
.ln-news-steps li { margin: .3rem 0; }
.ln-news-steps strong { color: var(--head); }

/* section 3: before and after */
.ln-svg path.ln-news-before { stroke: var(--arcade-dim); stroke-width: 1.6; stroke-dasharray: 4 3; }
.ln-svg path.ln-news-after { stroke: var(--arcade-accent); stroke-width: 2; }
circle.ln-news-before-d { fill: var(--arcade-dim); }
circle.ln-news-after-d { fill: var(--arcade-accent); }
rect.ln-news-down { fill: color-mix(in srgb, var(--arcade-accent) 75%, transparent); }
rect.ln-news-up { fill: rgb(var(--line-rgb) / .4); }
circle.ln-news-pred { fill: var(--gold-deep); stroke: var(--study); stroke-width: 1; }
.ln-legend .ln-news-before { color: var(--arcade-dim); }
.ln-legend .ln-news-after { color: var(--arcade-accent); }
.ln-legend .ln-news-down { color: color-mix(in srgb, var(--arcade-accent) 75%, transparent); height: .6rem; }
.ln-legend .ln-news-up { color: rgb(var(--line-rgb) / .45); height: .6rem; }
.ln-legend .ln-news-pred { color: var(--gold-deep); width: .5rem; height: .5rem; border-radius: 50%; }

/* section 4: the straddle */
.ln-svg path.ln-news-range { fill: color-mix(in srgb, var(--gold-deep) 13%, transparent); stroke: none; }
line.ln-news-ref { stroke: var(--arcade-soft); stroke-width: 1.2; stroke-dasharray: 2 3; }
.ln-legend .ln-news-range { color: color-mix(in srgb, var(--gold-deep) 30%, transparent); height: .6rem; }
.ln-legend .ln-news-midl { color: var(--arcade-muted); }
.ln-news-tablewrap { margin: 1rem 0 .4rem; }
.ln-news-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: .88rem; }
.ln-news-table th, .ln-news-table td { padding: .45rem .6rem; text-align: right; border-bottom: 1px solid rgb(var(--line-rgb) / .1); white-space: nowrap; }
.ln-news-table thead th { font-size: .76rem; font-weight: 600; color: var(--arcade-muted); background: rgb(var(--hl) / .03); }
.ln-news-table tbody th { text-align: left; font-weight: 600; color: var(--head); white-space: normal; }
.ln-news-table td.muted { text-align: left; font-size: .8rem; white-space: normal; }
@media (max-width: 620px) {
  .ln-news-table td.muted, .ln-news-table thead th:last-child { display: none; }
  .ln-news-table th, .ln-news-table td { padding: .4rem .35rem; }
}