/* Future modelling uses the forum's light and dark theme tokens. */
.future-hero { display: flex; gap: 2rem; align-items: flex-start; flex-wrap: wrap; margin-bottom: 1rem; }
.future-hero > div { flex: 1 1 300px; min-width: 0; }
.future-hero h1 { margin: .5rem 0; }
.future-sectors { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.future-thread-list { display: grid; gap: 1rem; margin-bottom: 1rem; }
.future-thread-list h3 { margin: .5rem 0; }
.future-cards { display: grid; gap: 1rem; margin: 1rem 0; min-width: 0; }
.future-card { display: block; min-width: 0; max-width: 100%; padding: 1rem; background: var(--cream-deep); color: var(--ink); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); overflow-wrap: anywhere; }
.fc-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.fc-value { font-size: 1.68rem; font-variant-numeric: tabular-nums; margin: .5rem 0; }
.fc-meta, .fc-note, .fc-date { color: var(--ink-soft); font-size: 0.8925rem; margin: .5rem 0; }
.fc-state { color: var(--ink-soft); }
.fc-table-wrap { overflow-x: auto; max-height: 28rem; }
.nhl-standings { border-collapse: collapse; width: 100%; font-size: 0.8925rem; font-variant-numeric: tabular-nums; }
.nhl-standings td, .nhl-standings th { padding: .45rem; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
.nhl-standings th:nth-child(2), .nhl-standings th[scope=row] { text-align: left; font-weight: 500; }
.nhl-standings thead { position: sticky; top: 0; background: var(--cream-deep); }
.nhl-standings caption { text-align: left; padding: .5rem; }
/* Preserve the vendor demo's 550px layout; narrow cards scroll within the page. */
.tv-ticker-scroll { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; margin-top: .5rem; background: #131722; color-scheme: dark; border-radius: 4px; }
.tv-ticker-scroll:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.tv-ticker-frame { border: 0; display: block; width: 100%; min-width: 550px; height: 282px; background: #131722; color-scheme: dark; }
.tradingview-widget-copyright { font-size: 0.84rem; margin-top: .3rem; }
.chip-future { color: var(--ink); background: var(--pine-soft); }
.future-guide { margin-top: 1.5rem; }
.future-notice { margin: 1rem 0; }
.future-guide summary { cursor: pointer; font-weight: 600; }