/* news-b.css — the News page as a list and a detail pane (news-b.js; mock docs/mocks/news-b3).
   Scoped to #viewNews.nwb-on. Loaded after news.css. Site tokens only (--text, --text-2, --text-3,
   --accent, --accent-soft, --green, --red); the kind colors follow news.css's --nw-* (light values there
   too). The old two-pane markup (.nw, .nw-note) stays in the page, hidden, for its search and state. */

#viewNews.nwb-on > .nw, #viewNews.nwb-on > .nw-note, #viewNews.nwb-on .nw-asof { display: none !important; }

#viewNews.nwb-on {
  --nwb-line: var(--soft-line, rgba(255, 255, 255, .09));
  --nwb-rule: rgba(255, 255, 255, .06);
  --nwb-sel: color-mix(in srgb, var(--text) 4.5%, transparent);
  --nwb-hover: color-mix(in srgb, var(--text) 2.5%, transparent);
  --nwb-tk: var(--accent-soft, #f2c14e);
  --nwb-up: var(--green-bright, var(--green));
  --nwb-down: var(--red-bright, var(--red));
  --nwb-k-dist: #7dd3fc;
  --nwb-k-analysis: var(--text-2);
  --nwb-k-meeting: #c4b5fd;
  --nwb-k-industry: #fdba74;
  --nwb-k-news: var(--text-2);
  --nwb-pill-up: #7dd3fc;
  --nwb-top: 56px;   /* under the sticky top bar (48px) */
}
body[data-theme="light"] #viewNews.nwb-on {
  --nwb-rule: rgba(15, 23, 42, .08);
  --nwb-sel: rgba(58, 48, 30, .07);
  --nwb-hover: rgba(58, 48, 30, .035);
  --nwb-tk: var(--accent-soft, #7a5500);
  --nwb-up: var(--green);
  --nwb-down: var(--red);
  --nwb-k-dist: #0b4f6c;
  --nwb-k-meeting: #4a2896;
  --nwb-k-industry: #7a3a06;
  --nwb-pill-up: #0b4f6c;
}

#viewNews .nwb { border: 1px solid var(--nwb-line); border-radius: 8px; background: var(--bg); font-family: var(--sans); font-variant-numeric: tabular-nums; color: var(--text); }
#viewNews .nwb button { font:inherit; color: inherit; }
#viewNews .nwb-i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#viewNews .nwb-lock { width: 14px; height: 14px; color: var(--text-3); vertical-align: -2px; }
#viewNews .nwb .up { color: var(--nwb-up); } #viewNews .nwb .down { color: var(--nwb-down); }

/* ── top: tabs, All / Your funds, search ─────────────────────────────────── */
#viewNews .nwb-top { display: flex; align-items: center; gap: 20px; min-height: 56px; padding: 0 16px 0 20px; border-bottom: 1px solid var(--nwb-line); }
#viewNews .nwb-tabs { display: flex; gap: 24px; align-self: stretch; }
#viewNews .nwb-tab { position: relative; display: flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; cursor: pointer; font-size:16px !important; font-weight: 550 !important; color: var(--text-2) !important; }
#viewNews .nwb-tab:hover { color: var(--text) !important; }
#viewNews .nwb-tab.is-on { color: var(--text) !important; }
#viewNews .nwb-tab.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--accent); }
#viewNews .nwb-tab b { font-size:13px; font-weight: 600; color: var(--nwb-tk); border: 1px solid var(--border-accent, rgba(224, 168, 46, .38)); background: var(--accent-bg); border-radius: 9px; padding: 0 7px; line-height: 18px; }
#viewNews .nwb-tab b[hidden] { display: none; }
#viewNews .nwb-seg { margin-left: auto; display: flex; padding: 3px; border: 1px solid var(--nwb-line); border-radius: 18px; }
#viewNews .nwb-seg button { display: flex; align-items: center; gap: 7px; height: 30px; padding: 0 13px; border: 0; border-radius: 15px; background: none; cursor: pointer; font-size:14px; font-weight: 550; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-seg button:hover { color: var(--text); }
#viewNews .nwb-seg button.is-on { color: var(--text); background: var(--accent-bg); box-shadow: inset 0 0 0 1px var(--border-accent, rgba(224, 168, 46, .38)); }
#viewNews .nwb-seg small { font-size:13px; font-weight: 500; color: var(--text-2); }
#viewNews .nwb-search { display: flex; align-items: center; gap: 8px; width: 280px; height: 36px; padding: 0 12px; border: 1px solid var(--nwb-line); border-radius: 18px; color: var(--text-3); }
#viewNews .nwb-search:focus-within { border-color: var(--accent); }
#viewNews .nwb-search input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0 !important; outline: 0; background: none !important; box-shadow: none !important; color: var(--text); font:400 14px/1 var(--sans); }
#viewNews .nwb-search input::placeholder { color: var(--text-3); opacity: 1; }

/* ── split: list 60%, detail 40% ─────────────────────────────────────────── */
#viewNews .nwb-split { display: grid; grid-template-columns: minmax(0, 1fr) clamp(400px, 36%, 520px); align-items: start; }
#viewNews .nwb-list { min-width: 0; border-right: 1px solid var(--nwb-line); }
#viewNews .nwb-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-height: 54px; padding: 9px 16px 9px 20px; border-bottom: 1px solid var(--nwb-line); }
#viewNews .nwb-bar:empty { display: none; }   /* loading or no answer: no counts of nothing */
#viewNews .nwb-chip { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border: 1px solid var(--nwb-line); border-radius: 16px; background: none; font-size:14px; font-weight: 500; color: var(--text-2); white-space: nowrap; cursor: pointer; }
#viewNews .nwb-chip:hover { color: var(--text); border-color: var(--border-hover); }
#viewNews .nwb-chip.is-on { color: var(--text); background: var(--accent-bg); border-color: var(--border-accent, rgba(224, 168, 46, .38)); }
#viewNews .nwb-chip select { appearance: none; -webkit-appearance: none; border: 0; outline: 0; box-shadow: none; background: none; padding: 0 16px 0 0; font:550 14px/1 var(--sans); color: var(--text); cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: right 4px center, right 0 center; background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; }
#viewNews .nwb-chip select option { color: #111; background: #fff; }
#viewNews .nwb-chip:focus-within { border-color: var(--accent); }
#viewNews .nwb-bar__r { margin-left: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; font-size:14px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-bar__r b { color: var(--text); font-weight: 650; }
#viewNews .nwb-bar__r .is-hot b { color: var(--nwb-tk); }
#viewNews .nwb-asof { display: inline-flex; gap: 12px; }
#viewNews .nwb-asof .nw-asof__new { display: inline-flex; align-items: center; gap: 6px; color: var(--nwb-tk); font-weight: 600; }
#viewNews .nwb-asof .nw-asof__new i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
#viewNews .nwb-count { margin: 0; padding: 8px 16px 8px 20px; border-bottom: 1px solid var(--nwb-rule); font-size:13.5px; color: var(--text-2); }
#viewNews .nwb-count:empty { display: none; }

/* row grid: kind + ticker | what happened | fund now | status */
#viewNews .nwb-colhead, #viewNews .nwb-row { display: grid; grid-template-columns: 104px minmax(0, 1fr) 138px 126px; column-gap: 16px; }
#viewNews .nwb-colhead { padding: 9px 16px 9px 20px; border-bottom: 1px solid var(--nwb-line); background: var(--nw-head, var(--bg-raised)); font:600 13px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-2); }
#viewNews .nwb-grp { display: flex; align-items: baseline; gap: 10px; padding: 14px 16px 7px 20px; border-bottom: 1px solid var(--nwb-rule); }
#viewNews .nwb-grp h3 { margin: 0; font-size:15px; font-weight: 650; color: var(--text); }
#viewNews .nwb-grp span { font-size:13.5px; color: var(--text-2); }
#viewNews .nwb-row { position: relative; width: 100%; grid-template-rows: auto auto auto; row-gap: 3px; align-items: center; padding: 12px 16px 12px 20px; border: 0; border-bottom: 1px solid var(--nwb-rule); background: none; text-align: left; cursor: pointer; }
#viewNews .nwb-row:hover { background: var(--nwb-hover); }
#viewNews .nwb-row.is-sel { background: var(--nwb-sel); }
#viewNews .nwb-row.is-sel::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--accent); }
#viewNews .nwb-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
#viewNews .nwb-row > * { min-width: 0; }
#viewNews .nwb-kind { font-size:14px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); }
#viewNews .nwb-k-dist { color: var(--nwb-k-dist); } #viewNews .nwb-k-analysis { color: var(--nwb-k-analysis); }
#viewNews .nwb-k-meeting { color: var(--nwb-k-meeting); } #viewNews .nwb-k-industry { color: var(--nwb-k-industry); }
#viewNews .nwb-k-news { color: var(--nwb-k-news); } #viewNews .nwb-k-other { color: var(--nw-other, var(--text-2)); }
#viewNews .nwb-k-rights { color: var(--nw-rights); } #viewNews .nwb-k-tender { color: var(--nw-tender); } #viewNews .nwb-k-merger { color: var(--nw-merger); }
#viewNews .nwb-k-liquidation { color: var(--nw-liquidation); } #viewNews .nwb-k-conversion { color: var(--nw-conversion); } #viewNews .nwb-k-delisting { color: var(--nw-delisting); }
#viewNews .nwb-tk { font:700 21px/26px var(--mono); letter-spacing: -.01em; color: var(--nwb-tk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-tk.is-none { color: var(--text-3); font-size:16px; font-weight: 600; }
#viewNews .nwb-meta { display: flex; align-items: center; gap: 5px; font-size:14px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-nm { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#viewNews .nwb-sx { flex: none; display: inline-flex; align-items: center; gap: 5px; }
#viewNews .nwb-sum { font-size:16px; font-weight: 550; line-height: 26px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-facts { display: flex; flex-wrap: wrap; gap: 2px 16px; font-size:14px; white-space: nowrap; overflow: hidden; }   /* a fact that does not fit goes to a second line, never cut */
#viewNews .nwb-facts span { flex: none; }
#viewNews .nwb-facts span:last-child { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-facts i { font-style: normal; color: var(--text-2); margin-right: 6px; }
#viewNews .nwb-facts b { font-weight: 550; color: var(--text); }
#viewNews .nwb-ctx { display: flex; justify-content: space-between; gap: 8px; font-size:14px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-ctx b { font-weight: 550; color: var(--text); }
#viewNews .nwb-date { display: flex; align-items: center; gap: 6px; font-size:14px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-newdot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex: none; }
#viewNews .nwb-st { display: flex; align-items: center; }
#viewNews .nwb-pill { display: inline-flex; align-items: center; font-size:13px; font-weight: 650; line-height: 20px; padding: 0 8px; border-radius: 6px; border: 1px solid var(--border-hover); color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-pill--open { color: var(--nwb-tk); border-color: var(--border-accent, rgba(224, 168, 46, .45)); background: var(--accent-bg); }
#viewNews .nwb-pill--up { color: var(--nwb-pill-up); border-color: color-mix(in srgb, var(--nwb-pill-up) 45%, transparent); background: color-mix(in srgb, var(--nwb-pill-up) 9%, transparent); }
#viewNews .nwb-pill--done { color: var(--text-2); }
#viewNews .nwb-own { display: flex; align-items: center; gap: 7px; font-size:14px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-own::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex: none; }
#viewNews .nwb-left { font-size:14px; line-height: 1.3; color: var(--text-2); }   /* "dissolution date in 244 days" takes a second line, never cut */
#viewNews .nwb-left.is-hot { color: var(--nwb-tk); font-weight: 550; }
#viewNews .nwb-state { padding: 8px 8px 16px; }
#viewNews .nwb-older { display: block; width: calc(100% - 40px); margin: 14px 20px; padding: 9px 12px; border: 1px dashed var(--nwb-line); border-radius: 8px; background: none; cursor: pointer; font-size:14px; color: var(--text-2); }
#viewNews .nwb-older:hover { color: var(--text); border-color: var(--border-hover); }

/* ── detail pane ─────────────────────────────────────────────────────────── */
#viewNews .nwb-detail { position: sticky; top: var(--nwb-top); max-height: calc(100vh - var(--nwb-top) - 68px); overflow: auto; overscroll-behavior: contain; min-width: 0; padding: 18px 24px 20px; display: flex; flex-direction: column; gap: 16px; outline: 0; scrollbar-width: thin; }
#viewNews .nwb-dh { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#viewNews .nwb-kind--lg { font-size:15px; }
#viewNews .nwb-back { display: none; align-items: center; gap: 6px; height: 34px; padding: 0 12px 0 8px; border: 1px solid var(--nwb-line); border-radius: 17px; background: none; cursor: pointer; font-size:14px; color: var(--text); }
#viewNews .nwb-go { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 16px; border: 0; border-radius: 999px; cursor: pointer; white-space: nowrap;
  background: #e0a82e; color: #1a1304 !important; font-size:14px !important; font-weight: 650 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .16); }
#viewNews .nwb-go:hover { filter: brightness(1.07); }
#viewNews .nwb-go:focus-visible, #viewNews .nwb-back:focus-visible, #viewNews .nwb-chip:focus-visible, #viewNews .nwb-seg button:focus-visible, #viewNews .nwb-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#viewNews .nwb-fundline { display: flex; align-items: baseline; gap: 12px; min-width: 0; margin-top: -4px; }
#viewNews .nwb-fundline .nwb-tk { font-size:28px; line-height: 32px; flex: none; }
#viewNews .nwb-fundline__nm { font-size:16px; line-height: 1.3; color: var(--text-2); min-width: 0; }   /* a long name wraps, never cut */
#viewNews .nwb-fundline .nwb-own { margin-left: auto; }
#viewNews .nwb-dtitle { margin: -6px 0 0; font-size:19px; font-weight: 650; line-height: 1.3; letter-spacing: -.01em; overflow-wrap: anywhere; }
#viewNews .nwb-dtitle a { color: var(--text); text-decoration: none; }
#viewNews .nwb-dtitle a:hover { text-decoration: underline; text-underline-offset: 3px; }
#viewNews .nwb-dmeta { margin: -8px 0 0; font-size:14px; color: var(--text-2); }
#viewNews .nwb-dmeta b { font-weight: 600; color: var(--text); }
#viewNews .nwb-sec h4 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 8px; font-size:15px; font-weight: 650; color: var(--text); white-space: nowrap; }
#viewNews .nwb-sec h4 small { min-width: 0; font-size:13px; font-weight: 400; color: var(--text-2); text-align: right; white-space: normal; }
#viewNews .nwb-note { margin: 0; font-size:14px; color: var(--text-2); }

/* key dates */
#viewNews .nwb-tl { position: relative; display: grid; }
#viewNews .nwb-tl.has-now { margin-top: 18px; }
#viewNews .nwb-tl__track { position: absolute; left: 7px; top: 6px; height: 2px; background: var(--surface-4, #383b42); }
#viewNews .nwb-tl__done { position: absolute; left: 7px; top: 6px; height: 2px; background: var(--accent); }
#viewNews .nwb-tl__n { position: relative; padding: 20px 6px 0 0; font-size:13.5px; color: var(--text-2); min-width: 0; }
#viewNews .nwb-tl__n::before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; box-sizing: border-box; border-radius: 50%; background: var(--bg); border: 2px solid var(--surface-4, #383b42); }
#viewNews .nwb-tl__n.is-past::before { background: var(--accent); border-color: var(--accent); }
#viewNews .nwb-tl__n.is-now::before { background: var(--bg); border-color: var(--accent-soft); box-shadow: 0 0 0 4px var(--accent-bg); }
#viewNews .nwb-tl__n b { display: block; margin-top: 2px; font-size:14px; font-weight: 550; color: var(--text); }
#viewNews .nwb-tl__today { position: absolute; top: -4px; height: 22px; border-left: 1px dashed var(--text-3); }
#viewNews .nwb-tl__today span { position: absolute; top: -18px; left: -18px; font-size:13px; color: var(--text-2); white-space: nowrap; }

/* key facts / terms */
#viewNews .nwb-terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; border-top: 1px solid var(--nwb-rule); }
#viewNews .nwb-kv { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 7px 0 8px; border-bottom: 1px solid var(--nwb-rule); }
#viewNews .nwb-kv__k { font-size:13.5px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-kv__v { font-size:16px; font-weight: 550; color: var(--text); }   /* "CHI, CHW, CSQ, CCD, CGO, CHY, CPZ" wraps, never cut */

/* what the fund did since */
#viewNews .nwb-stats, #viewNews .nwb-pos { display: flex; flex-wrap: wrap; gap: 8px; }   /* a figure too wide for its share moves down a line, never cut */
#viewNews .nwb-stats > div, #viewNews .nwb-pos > div { flex: 1 0 auto; }
#viewNews .nwb-stats { margin-bottom: 8px; }
#viewNews .nwb-stats div, #viewNews .nwb-pos div { min-width: 0; font-size:13.5px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-stats b, #viewNews .nwb-pos b { display: block; margin-top: 2px; font-size:16px; font-weight: 650; color: var(--text); }
#viewNews .nwb-stats b.up, #viewNews .nwb-pos b.up { color: var(--nwb-up); } #viewNews .nwb-stats b.down { color: var(--nwb-down); }
#viewNews .nwb-pos { padding: 10px 14px; border: 1px solid var(--nwb-line); border-radius: 8px; }
#viewNews .nwb-two { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; }
#viewNews .nwb-two.is-one { grid-template-columns: minmax(0, 1fr); }
#viewNews .nwb-chwrap { min-width: 0; }
#viewNews .nwb-ch { display: block; max-width: 100%; height: auto; overflow: visible; }
#viewNews .nwb-ch__line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
#viewNews .nwb-ch__area { fill: var(--accent-bg); stroke: none; }
#viewNews .nwb-ch__grid { stroke: var(--nwb-rule); vector-effect: non-scaling-stroke; }
#viewNews .nwb-ch__mk { stroke: var(--text-3); stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
#viewNews .nwb-ch__mk.is-strong { stroke: var(--accent); }
#viewNews .nwb-ch__dot { fill: var(--bg); stroke: var(--text-2); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
#viewNews .nwb-ch__dot.is-strong { stroke: var(--accent-soft); }
#viewNews .nwb-ch__end { fill: var(--accent); stroke: var(--bg); stroke-width: 2; vector-effect: non-scaling-stroke; }
#viewNews .nwb-ch__lbl { fill: var(--text-2); font:400 13px var(--sans); }
#viewNews .nwb-ch__lbl.is-strong { fill: var(--nwb-tk); }
#viewNews .nwb-barwrap { overflow: hidden; }
#viewNews .nwb-bars { display: block; overflow: visible; }
#viewNews rect.nwb-pb { fill: var(--surface-4, #3a3b41); }
#viewNews rect.nwb-pb.is-hi { fill: var(--nwb-k-dist); }
#viewNews .nwb-pb__lbl { fill: var(--text-2); font:400 13px var(--sans); }
#viewNews .nwb-pb__lbl.is-hi { fill: var(--nwb-k-dist); }

/* sources */
#viewNews .nwb-src { display: flex; flex-direction: column; border-top: 1px solid var(--nwb-rule); }
#viewNews .nwb-src a { display: grid; grid-template-columns: minmax(0, 128px) minmax(0, 1fr) auto 16px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--nwb-rule); color: var(--text); text-decoration: none; font-size:14px; }
#viewNews .nwb-src a:hover .nwb-src__h { text-decoration: underline; text-underline-offset: 3px; }
#viewNews .nwb-src a:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
#viewNews .nwb-src__s { display: flex; align-items: center; gap: 5px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-src__h { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#viewNews .nwb-src__d { color: var(--text-2); text-align: right; white-space: nowrap; }
#viewNews .nwb-src .nwb-i { width: 15px; height: 15px; color: var(--text-3); }
#viewNews .nwb-find { display: inline-block; margin-top: 8px; font-size:13.5px; color: var(--text-2); text-decoration: underline; text-underline-offset: 3px; }
#viewNews .nwb-find:hover { color: var(--text); }

/* ── narrower: the Fund now column folds into the pane ───────────────────── */
@media (max-width: 1260px) {
  #viewNews .nwb-colhead, #viewNews .nwb-row { grid-template-columns: 106px minmax(0, 1fr) 124px; }   /* "Rights offering" and "Mon, May 22, 2023" whole */
  #viewNews .nwb-colhead span:nth-child(3), #viewNews .nwb-row .nwb-ctx { display: none; }
  #viewNews .nwb-search { width: 220px; }
  #viewNews .nwb-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }   /* the narrower pane: "Releases on record" whole */
}
/* ── phones and small tablets: one column; the pane slides over ─────────── */
@media (max-width: 900px) {
  #viewNews .nwb { border-radius: 0; border-left: 0; border-right: 0; }
  #viewNews .nwb-top { flex-wrap: wrap; gap: 8px 12px; padding: 8px 12px; }
  #viewNews .nwb-tabs { flex: 1 1 100%; min-height: 40px; gap: 20px; }
  #viewNews .nwb-seg { margin-left: 0; }
  #viewNews .nwb-search { flex: 1 1 160px; width: auto; }
  #viewNews .nwb-split { grid-template-columns: minmax(0, 1fr); }
  #viewNews .nwb-list { border-right: 0; }
  #viewNews .nwb-bar { padding: 8px 12px; }
  #viewNews .nwb-bar__r { margin-left: 0; justify-content: flex-start; white-space: normal; }
  #viewNews .nwb-colhead { display: none; }
  #viewNews .nwb-grp { padding: 12px 12px 6px; }
  #viewNews .nwb-row { grid-template-columns: minmax(0, 1fr) auto; padding: 11px 12px; row-gap: 4px; }
  #viewNews .nwb-row > .nwb-kind { grid-column: 1; grid-row: 1; }
  #viewNews .nwb-row > .nwb-date { grid-column: 2; grid-row: 1; justify-self: end; }
  #viewNews .nwb-row > .nwb-tk { grid-column: 1; grid-row: 2; }
  #viewNews .nwb-row > .nwb-st { grid-column: 2; grid-row: 2; justify-self: end; }
  #viewNews .nwb-row > .nwb-meta { grid-column: 1 / -1; grid-row: 3; }
  #viewNews .nwb-row > .nwb-sum { grid-column: 1 / -1; grid-row: 4; white-space: normal; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  #viewNews .nwb-row > .nwb-facts { grid-column: 1 / -1; grid-row: 5; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
  #viewNews .nwb-row > .nwb-facts span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  #viewNews .nwb-row > .nwb-own { grid-column: 1; grid-row: 6; }
  #viewNews .nwb-row > .nwb-left { grid-column: 2; grid-row: 6; justify-self: end; }
  #viewNews .nwb-row > span:empty { display: none; }
  #viewNews .nwb-detail { position: fixed; inset: 0; z-index: 900; max-height: none; padding: 14px 16px 28px; background: var(--bg); transform: translateX(102%); transition: transform .22s ease; visibility: hidden; }
  #viewNews .nwb.is-open .nwb-detail { transform: none; visibility: visible; }
  #viewNews .nwb-back { display: inline-flex; }
  #viewNews .nwb-dh { position: sticky; top: -14px; z-index: 2; margin: -14px -16px 0; padding: 14px 16px 10px; background: var(--bg); border-bottom: 1px solid var(--nwb-rule); }   /* Back stays in reach */
  #viewNews .nwb-row > .nwb-tk.is-none { display: none; }
  #viewNews .nwb-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #viewNews .nwb-stats, #viewNews .nwb-pos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #viewNews .nwb-two { grid-template-columns: minmax(0, 1fr); }
  #viewNews .nwb-src a { grid-template-columns: minmax(0, 1fr) auto 16px; }
  #viewNews .nwb-src__s { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { #viewNews .nwb-detail { transition: none; } }
/* Large / X-large text zoom the view (app.js applyTextSize), and 100vh and the sticky offset with it: the pane
   keeps to the screen, clear of the status bar, at every text size — and at the page's foot, where the list ends
   and pushes it up, its top stays under the top bar (68px = the status bar and the view's bottom padding). */
@media (min-width: 901px) {
  body[data-text-size="large"] #viewNews.nwb-on { --nwb-top: 50px; }
  body[data-text-size="large"] #viewNews .nwb-detail { max-height: calc((100vh - 130px) / 1.12); }
  body[data-text-size="xlarge"] #viewNews.nwb-on { --nwb-top: 44.8px; }
  body[data-text-size="xlarge"] #viewNews .nwb-detail { max-height: calc((100vh - 134px) / 1.25); }
}

/* ── finish, Sep 30: fewer flat greys ────────────────────────────────────────
   One color per kind, used the same way everywhere: a small dot and the kind word, a faint tint of it on the
   hovered and the selected row (with a 3px bar in it), and a faint wash of it at the top of the detail pane.
   Tickers stay bold amber; headlines are the brightest text; outlet and date sit back in --text-2. Light mode:
   a white panel with a soft shadow on the warm page, dark text, deep-gold lines. --nwb-k-* are this file's
   own (the Calendar keeps news.css's --nw-*). A browser without :has() keeps the neutral hover. */
#viewNews.nwb-on {
  --nwb-k-dist: #7dd3fc;         /* sky */
  --nwb-k-analysis: #a5b4fc;     /* indigo */
  --nwb-k-meeting: #d8b4fe;      /* purple */
  --nwb-k-rights: #5eead4;       /* teal */
  --nwb-k-tender: #86efac;       /* green */
  --nwb-k-merger: #f9a8d4;       /* pink */
  --nwb-k-liquidation: #ff8f8f;  /* red */
  --nwb-k-conversion: #c7d2fe;
  --nwb-k-delisting: #ffb088;
  --nwb-k-industry: #fdba74;     /* orange */
  --nwb-k-news: #a9bdd4;         /* steel blue */
  --nwb-k-other: var(--text-2);
  --nwb-head-bg: var(--nw-head, var(--bg-raised));
  --nwb-panel: var(--bg);
  --nwb-hl: var(--text);
  --nwb-gold: var(--accent);
  --nwb-tint-hover: 5%;
  --nwb-tint-sel: 9%;
  --nwb-tint-wash: 5%;
}
body[data-theme="light"] #viewNews.nwb-on {
  --nwb-k-dist: #075985;
  --nwb-k-analysis: #3730a3;
  --nwb-k-meeting: #6b21a8;
  --nwb-k-rights: #115e59;
  --nwb-k-tender: #166534;
  --nwb-k-merger: #9d174d;
  --nwb-k-liquidation: #b91c1c;
  --nwb-k-conversion: #4a2896;
  --nwb-k-delisting: #9a3412;
  --nwb-k-industry: #8f4700;
  --nwb-k-news: #334e6c;
  --nwb-line: rgba(58, 48, 30, .12);
  --nwb-rule: rgba(58, 48, 30, .08);
  --nwb-head-bg: #faf8f4;
  --nwb-panel: #fff;
  --nwb-hl: #16181d;
  --nwb-gold: #a87408;
  --nwb-tint-hover: 4%;
  --nwb-tint-sel: 7%;
  --nwb-tint-wash: 4%;
}
#viewNews .nwb-k-dist { --nwb-kc: var(--nwb-k-dist); } #viewNews .nwb-k-analysis { --nwb-kc: var(--nwb-k-analysis); }
#viewNews .nwb-k-meeting { --nwb-kc: var(--nwb-k-meeting); } #viewNews .nwb-k-rights { --nwb-kc: var(--nwb-k-rights); }
#viewNews .nwb-k-tender { --nwb-kc: var(--nwb-k-tender); } #viewNews .nwb-k-merger { --nwb-kc: var(--nwb-k-merger); }
#viewNews .nwb-k-liquidation { --nwb-kc: var(--nwb-k-liquidation); } #viewNews .nwb-k-conversion { --nwb-kc: var(--nwb-k-conversion); }
#viewNews .nwb-k-delisting { --nwb-kc: var(--nwb-k-delisting); } #viewNews .nwb-k-industry { --nwb-kc: var(--nwb-k-industry); }
#viewNews .nwb-k-news { --nwb-kc: var(--nwb-k-news); } #viewNews .nwb-k-other { --nwb-kc: var(--nwb-k-other); }
#viewNews .nwb-kind[class*="nwb-k-"] { color: var(--nwb-kc); }
#viewNews .nwb-kind::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
#viewNews .nwb-dh .nwb-kind::before { width: 8px; height: 8px; margin-right: 8px; }
/* the row and the pane carry the kind of what they show */
#viewNews .nwb-row:has(> .nwb-k-dist), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-dist) { --nwb-kc: var(--nwb-k-dist); }
#viewNews .nwb-row:has(> .nwb-k-analysis), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-analysis) { --nwb-kc: var(--nwb-k-analysis); }
#viewNews .nwb-row:has(> .nwb-k-meeting), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-meeting) { --nwb-kc: var(--nwb-k-meeting); }
#viewNews .nwb-row:has(> .nwb-k-rights), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-rights) { --nwb-kc: var(--nwb-k-rights); }
#viewNews .nwb-row:has(> .nwb-k-tender), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-tender) { --nwb-kc: var(--nwb-k-tender); }
#viewNews .nwb-row:has(> .nwb-k-merger), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-merger) { --nwb-kc: var(--nwb-k-merger); }
#viewNews .nwb-row:has(> .nwb-k-liquidation), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-liquidation) { --nwb-kc: var(--nwb-k-liquidation); }
#viewNews .nwb-row:has(> .nwb-k-conversion), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-conversion) { --nwb-kc: var(--nwb-k-conversion); }
#viewNews .nwb-row:has(> .nwb-k-delisting), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-delisting) { --nwb-kc: var(--nwb-k-delisting); }
#viewNews .nwb-row:has(> .nwb-k-industry), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-industry) { --nwb-kc: var(--nwb-k-industry); }
#viewNews .nwb-row:has(> .nwb-k-news), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-news) { --nwb-kc: var(--nwb-k-news); }
#viewNews .nwb-row:has(> .nwb-k-other), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-other) { --nwb-kc: var(--nwb-k-other); }
#viewNews .nwb-row:has(> .nwb-kind):hover { background: color-mix(in srgb, var(--nwb-kc) var(--nwb-tint-hover), transparent); }
#viewNews .nwb-row.is-sel:has(> .nwb-kind), #viewNews .nwb-row.is-sel:has(> .nwb-kind):hover { background: color-mix(in srgb, var(--nwb-kc) var(--nwb-tint-sel), transparent); }
#viewNews .nwb-row.is-sel:has(> .nwb-kind)::before { background: var(--nwb-kc); }
#viewNews .nwb-detail:has(> .nwb-dh .nwb-kind) { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--nwb-kc) var(--nwb-tint-wash), transparent), transparent 240px); background-repeat: no-repeat; }

/* the kind column takes the dot; the row's words by rank */
#viewNews .nwb-colhead, #viewNews .nwb-row { grid-template-columns: 114px minmax(0, 1fr) 138px 126px; }
#viewNews .nwb-kind { font-size:13.5px; }
#viewNews .nwb-kind--lg { font-size:15px; }
#viewNews .nwb-sum { font-size:17px; font-weight: 600; color: var(--nwb-hl); }
#viewNews .nwb-meta, #viewNews .nwb-date { font-size:13.5px; }
#viewNews .nwb-facts b, #viewNews .nwb-ctx b { font-weight: 600; }
#viewNews .nwb-grp { padding-top: 16px; }
#viewNews .nwb-grp h3 { font-size:15.5px; letter-spacing: -.005em; }
#viewNews .nwb-colhead { background: var(--nwb-head-bg); }
#viewNews .nwb-dtitle a { color: var(--nwb-hl); }
/* the pane is one surface: Your position loses its box for the rules the key facts use */
#viewNews .nwb-pos { padding: 8px 0; border: 0; border-radius: 0; border-top: 1px solid var(--nwb-rule); border-bottom: 1px solid var(--nwb-rule); }
#viewNews .nwb-tl__done, #viewNews .nwb-tl__n.is-past::before { background: var(--nwb-gold); }
#viewNews .nwb-tl__n.is-past::before { border-color: var(--nwb-gold); }
#viewNews .nwb-ch__line { stroke: var(--nwb-gold); }
#viewNews .nwb-ch__end { fill: var(--nwb-gold); }

body[data-theme="light"] #viewNews .nwb { background: var(--nwb-panel); border-color: rgba(58, 48, 30, .10); box-shadow: 0 1px 2px rgba(58, 48, 30, .06), 0 6px 20px rgba(58, 48, 30, .07); }
body[data-theme="light"] #viewNews .nwb-tl__n:not(.is-past)::before { background: var(--nwb-panel); }
body[data-theme="light"] #viewNews .nwb-ch__dot { fill: var(--nwb-panel); }
@media (max-width: 1260px) {
  #viewNews .nwb-colhead, #viewNews .nwb-row { grid-template-columns: 116px minmax(0, 1fr) 124px; }
}
@media (max-width: 900px) {
  #viewNews .nwb-row { grid-template-columns: minmax(0, 1fr) auto; }
  body[data-theme="light"] #viewNews .nwb-detail, body[data-theme="light"] #viewNews .nwb-dh { background-color: var(--nwb-panel); }
  #viewNews .nwb-detail:has(> .nwb-dh .nwb-kind) { background-image: none; }   /* the pane covers the screen; its sticky head stays one color */
}

/* ── Sep 30 (b): Today's header, splits / renames / ticker changes, "What this means for you" ──────────────
   Today: amber word a size up, a thin amber rule under it, and it stays under the top bar while its rows
   scroll (the other days' headings stay as they are). The new kinds share one quiet slate color: they
   change a holding's count or label, not its value. */
#viewNews.nwb-on { --nwb-k-action: #b8c4d3; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-k-action: #475569; }
#viewNews .nwb-k-rsplit, #viewNews .nwb-k-split, #viewNews .nwb-k-rename, #viewNews .nwb-k-tickerchange { --nwb-kc: var(--nwb-k-action); color: var(--nwb-k-action); }
#viewNews .nwb-row:has(> :is(.nwb-k-rsplit, .nwb-k-split, .nwb-k-rename, .nwb-k-tickerchange)),
#viewNews .nwb-detail:has(> .nwb-dh :is(.nwb-k-rsplit, .nwb-k-split, .nwb-k-rename, .nwb-k-tickerchange)) { --nwb-kc: var(--nwb-k-action); }

#viewNews .nwb-day.is-today > .nwb-grp.nwb-grp--today,
#viewNews .nwb-day.is-today.pn > .nwb-grp.nwb-grp--today {
  position: sticky; top: calc(var(--nwb-top) - 8px); z-index: 3;
  background: var(--nwb-panel, var(--bg)); border-bottom: 1px solid color-mix(in srgb, var(--nwb-gold) 55%, transparent);
  box-shadow: inset 3px 0 0 var(--nwb-gold);
}
#viewNews .nwb-grp--today h3 { font-size:17.5px; font-weight: 700; letter-spacing: -.01em; color: var(--nwb-tk); }
#viewNews .nwb-grp--today span { color: var(--text); }
body[data-theme="light"] #viewNews .nwb-grp--today h3 { color: #7a5500; }
body[data-theme="light"] #viewNews .nwb-day.is-today > .nwb-grp.nwb-grp--today { background: var(--nwb-panel); }

/* the row's "Yours" fact and the pane's block for a fund you own */
#viewNews .nwb-facts b.mine { color: var(--nwb-tk); }
#viewNews .nwb-you { padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--nwb-gold) 38%, transparent); border-radius: 6px; background: color-mix(in srgb, var(--nwb-gold) 5%, transparent); }
#viewNews .nwb-you .nwb-kv__s { font-size:13px; line-height: 1.35; color: var(--text-2); }
#viewNews .nwb-you .nwb-kv__v.hot, #viewNews .nwb-you .nwb-kv__v.mine { color: var(--nwb-tk); }
#viewNews .nwb-you__l { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; font-size:14px; line-height: 1.45; color: var(--text-2); }
#viewNews .nwb-you__l b { color: var(--text); font-weight: 650; }
#viewNews .nwb-sym { font:600 13.5px var(--mono); color: var(--nwb-tk); white-space: nowrap; }
#viewNews .nwb-actnote { margin: 8px 0 0; font-size:14px; line-height: 1.45; color: var(--text-2); }
body[data-theme="light"] #viewNews .nwb-you { background: #fdf8ec; border-color: rgba(168, 116, 8, .35); }
body[data-theme="light"] #viewNews .nwb-facts b.mine, body[data-theme="light"] #viewNews .nwb-you .nwb-kv__v.hot, body[data-theme="light"] #viewNews .nwb-you .nwb-kv__v.mine, body[data-theme="light"] #viewNews .nwb-sym { color: #7a5500; }

/* Today panel (today.js): a rights offering open on a fund you own, one line above its news; a button, laid out as the news links */
.tdd .tdd-news.tdd-rights { width: 100%; border: 0; background: none; text-align: left; cursor: pointer; font:inherit; }
.tdd .tdd-news.tdd-rights .tdd-news__t b { color: var(--accent-soft, #f2c14e); font-weight: 650; }
body[data-theme="light"] .tdd .tdd-news.tdd-rights .tdd-news__t b { color: #7a5500; }

/* ── Sep 30 (c): clean — no boxes, one control row, fewer greys, dates that read ──────────────────────────
   Matt: "fix this formatting and all the extra containers and grey text, make the dates stand out too".
   The page sits on the page: no outer box (hairlines only, light mode too); tabs, Type, Hide subscription sites
   share one row (news-b.js puts #nwbBar in .nwb-top), left-aligned after the tabs, with All / Your funds and the
   search at the right; the counts are a quiet line over the list (#nwbSub, Sep 30 d). No column-head
   row (each figure carries its own label). Fund name and outlet in full text color; day headings 17px, bright,
   the date bold, a hairline under; each row's date bold with the time beside it. */
#viewNews .nwb, body[data-theme="light"] #viewNews .nwb { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-panel: var(--bg); }
#viewNews .nwb-top { flex-wrap: wrap; gap: 0 12px; min-height: 56px; padding: 0 0 0 16px; }   /* the tabs line up with the rows' kind words */
#viewNews .nwb-tabs { flex: none; min-height: 56px; margin-right: 12px; }
#viewNews .nwb-top > .nwb-bar { display: contents; }   /* its chips and counts are the row's own items */
#viewNews .nwb-top .nwb-chip { flex: none; height: 32px; padding: 0 13px; font-size:14px; }
#viewNews .nwb-top .nwb-chip:has(> select[data-nwb-type]) > span { display: none; }   /* "All types" says it; the select keeps its label for screen readers */
#viewNews .nwb-top .nwb-chip + .nwb-chip { margin-left: -2px; }
#viewNews .nwb-top .nwb-seg { flex: none; margin-left: auto; padding: 0; border: 0; gap: 2px; }
#viewNews .nwb-top .nwb-search { flex: 0 1 240px; width: auto; min-width: 190px; height: 34px; }
#viewNews .nwb-colhead { display: none !important; }
#viewNews .nwb-count { padding-left: 16px; color: var(--text); }

/* rows: the list's left edge is the page's; fund name and outlet readable */
#viewNews .nwb-grp, #viewNews .nwb-row { padding-left: 16px; }
#viewNews .nwb-meta { color: var(--text); }
#viewNews .nwb-nm { font-weight: 500; }
#viewNews .nwb-nm:empty { display: none; }   /* no fund named: the outlet lines up with the headline */
#viewNews .nwb-sx { color: var(--text-2); }
#viewNews .nwb-own { color: var(--text); }
#viewNews .nwb-ctx > span:first-child, #viewNews .nwb-facts i { color: var(--text-2); }

/* dates */
#viewNews .nwb-grp { align-items: baseline; gap: 12px; padding-top: 22px; padding-bottom: 9px; border-bottom: 1px solid var(--nwb-line); }
#viewNews .nwb-grp h3 { font-size:17px; font-weight: 700; letter-spacing: -.01em; color: var(--text); }
#viewNews .nwb-grp > span { font-size:14px; color: var(--text-2); }
#viewNews .nwb-grp__d { font-size:17px; font-weight: 650; letter-spacing: -.005em; color: var(--text); }
#viewNews .nwb-grp--today h3 { font-size:17px; }
#viewNews .nwb-colhead, #viewNews .nwb-row { grid-template-columns: 112px minmax(0, 1fr) 150px; }   /* "Rights offering" whole; "Wed, Sep 30  9:45 am" on one line; the fund's figures moved under the headline (Sep 30 d) */
#viewNews .nwb-date { flex-wrap: wrap; align-items: baseline; gap: 0 7px; font-size:14px; color: var(--text); }
#viewNews .nwb-date > b { font-weight: 650; color: var(--text); }
#viewNews .nwb-time { font-weight: 400; color: var(--text-2); }
#viewNews .nwb-newdot { align-self: center; }
@media (max-width: 1260px) {
  #viewNews .nwb-colhead, #viewNews .nwb-row { grid-template-columns: 112px minmax(0, 1fr) 150px; }
}
@media (max-width: 900px) {
  #viewNews .nwb-top { gap: 8px 10px; padding: 0 12px 10px; }
  #viewNews .nwb-top .nwb-tabs { flex: 1 1 100%; min-height: 48px; }
  #viewNews .nwb-top .nwb-seg { margin-left: 0; }
  #viewNews .nwb-top .nwb-search { flex: 1 1 160px; }
  #viewNews .nwb-grp, #viewNews .nwb-row { padding-left: 12px; }
  #viewNews .nwb-row { grid-template-columns: minmax(0, 1fr) auto; }
  #viewNews .nwb-date { justify-content: flex-end; }
}

/* ── Sep 30 (d): the kinds in color again, a tidy fund line, the counts on their own line ─────────────────
   Matt: "news looks worse, look how u have the yield there. why is the type of news not in one of the colourful
   containers?" Each kind is a small rounded badge: its color, muted toward --text-2, on a soft tint of it (the
   Calendar's .cal-evtag), in the list, on Special events and in the detail pane's head. The fund's figures are one
   line under the headline in fixed slots (Yield, Pays, Since news, then Discount and its 3-yr average, quieter),
   so every fund row lines up the same way; the headline gets the old "fund now" column's width. The story's own
   facts (amount and dates, terms, topic) keep their line under it. "1 open" is a small pill again; the counts
   ("9 stories this week · …") are one quiet line over the list instead of two cramped lines in the control row. */
#viewNews.nwb-on { --nwb-kind-tint: 15%; --nwb-kind-ink: 80%; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-kind-tint: 11%; --nwb-kind-ink: 88%; }
#viewNews .nwb-kind, #viewNews .nwb-kind[class*="nwb-k-"] {
  justify-self: start; align-self: center; display: inline-block; max-width: 100%; height: 22px; padding: 0 8px; border-radius: 6px;
  font:600 13px/22px var(--sans); letter-spacing: .005em;
  color: color-mix(in srgb, var(--nwb-kc, var(--text-2)) var(--nwb-kind-ink), var(--text-2));
  background: color-mix(in srgb, var(--nwb-kc, var(--text-2)) var(--nwb-kind-tint), transparent);
}
#viewNews .nwb-kind::before, #viewNews .nwb-dh .nwb-kind::before { content: none; }
#viewNews .nwb-kind.nwb-kind--lg { height: 26px; padding: 0 10px; font-size:13.5px; line-height: 26px; }
#viewNews .nwb-dh .nwb-pill { line-height: 24px; }

/* the Special events tab's "1 open": a small amber pill */
#viewNews .nwb-tab b { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border: 0; border-radius: 6px; font-size:13px; font-weight: 650; line-height: 20px; color: var(--nwb-tk); background: color-mix(in srgb, var(--accent) 16%, transparent); }
body[data-theme="light"] #viewNews .nwb-tab b { color: #7a5500; background: color-mix(in srgb, var(--accent) 14%, transparent); }

/* the counts: one quiet line over the list */
#viewNews .nwb-sub { margin: 0; padding: 12px 16px 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 0; min-width: 0; overflow: hidden; font-size:13.5px; line-height: 20px; color: var(--text-2); white-space: nowrap; }
#viewNews .nwb-sub:empty { display: none; }
#viewNews .nwb-sub > span { flex: none; }
#viewNews .nwb-sub > span + span::before { content: "·"; margin: 0 9px; color: var(--text-3); }
#viewNews .nwb-sub:not(:empty) + .nwb-count:empty + .nwb-colhead + .nwb-rows > .nwb-day:first-child > .nwb-grp { padding-top: 12px; }

/* the fund line */
#viewNews .nwb-fund { display: flex; align-items: baseline; min-width: 0; margin-top: 2px; font-size:14px; line-height: 22px; white-space: nowrap; }
#viewNews .nwb-fund > span { flex: none; display: inline-flex; align-items: baseline; gap: 6px; min-width: 0; box-sizing: border-box; padding-right: 12px; }
#viewNews .nwb-fund > .nwb-fund__y { min-width: 92px; }    /* "Yield 13.8%" */
#viewNews .nwb-fund > .nwb-fund__p { min-width: 116px; }   /* "Pays Quarterly" */
#viewNews .nwb-fund > .nwb-fund__s { min-width: 142px; }   /* "Since news −12.8%"; a rare longer figure pushes the rest, never overlaps */
#viewNews .nwb-fund > .nwb-fund__d { flex: 1 1 0; overflow: hidden; padding-right: 0; }
#viewNews .nwb-fund i { font-style: normal; color: var(--text-2); }
#viewNews .nwb-fund b { font-weight: 650; color: var(--text); }
#viewNews .nwb-fund__d b { font-weight: 500; }
#viewNews .nwb-fund__d small { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size:13px; color: var(--text-2); }
#viewNews .nwb-fund__d small::before { content: "·"; margin-right: 6px; color: var(--text-3); }
#viewNews .nwb-facts:empty { display: none; }

@media (min-width: 901px) {
  #viewNews .nwb-row { grid-template-areas: "k m d" "t s st" "o x l"; }
  #viewNews .nwb-row.has-fund { grid-template-areas: "k m d" "t s st" "o f l" ". x ."; }
  #viewNews .nwb-row > .nwb-kind { grid-area: k; } #viewNews .nwb-row > .nwb-meta { grid-area: m; } #viewNews .nwb-row > .nwb-date { grid-area: d; }
  #viewNews .nwb-row > .nwb-tk { grid-area: t; } #viewNews .nwb-row > .nwb-sum { grid-area: s; } #viewNews .nwb-row > .nwb-st { grid-area: st; }
  #viewNews .nwb-row > .nwb-own { grid-area: o; } #viewNews .nwb-row > .nwb-fund { grid-area: f; } #viewNews .nwb-row > .nwb-left { grid-area: l; }
  #viewNews .nwb-row > .nwb-facts { grid-area: x; }
}
@media (max-width: 1260px) and (min-width: 901px) {
  /* a narrower list: Discount and its average take a line of their own under the other three */
  #viewNews .nwb-fund { flex-wrap: wrap; }
  #viewNews .nwb-fund > .nwb-fund__d { flex: 1 1 100%; }
}
@media (max-width: 900px) {
  #viewNews .nwb-row > .nwb-fund { grid-column: 1 / -1; grid-row: 5; flex-wrap: wrap; column-gap: 16px; }
  #viewNews .nwb-row > .nwb-fund > span { min-width: 0; padding-right: 0; }
  #viewNews .nwb-row > .nwb-fund > .nwb-fund__d { flex: 0 1 auto; }
  #viewNews .nwb-row > .nwb-facts { grid-row: 6; }
  #viewNews .nwb-row > .nwb-own, #viewNews .nwb-row > .nwb-left { grid-row: 7; }
  #viewNews .nwb-sub { padding: 10px 12px 0; flex-wrap: wrap; white-space: normal; }
}

/* ── Sep 30 (e): the kind pills in real color (Matt: "gray and white slop in the boxes") ─────────────────────
   Each kind its own clear, mid-tone color (the Risk mix E family), full-strength words on a 20% tint with a thin
   edge of the same color. No kind is grey: News is sky, splits / renames are orchid. */
#viewNews.nwb-on {
  --nwb-k-dist: #72b37a;  --nwb-k-analysis: #6f8fe0;  --nwb-k-meeting: #a58be0;  --nwb-k-rights: #4fb3b0;
  --nwb-k-tender: #d8b056; --nwb-k-merger: #d9739b;   --nwb-k-liquidation: #e0605f; --nwb-k-conversion: #8e8fd8;
  --nwb-k-delisting: #e07a5f; --nwb-k-industry: #dc8c55; --nwb-k-news: #5fb8d6; --nwb-k-action: #cf8fd6; --nwb-k-other: #9aa3b5;
  --nwb-kind-tint: 24%;
}
body[data-theme="light"] #viewNews.nwb-on {
  --nwb-k-dist: #2f7a3b; --nwb-k-analysis: #3450b0; --nwb-k-meeting: #6a45b8; --nwb-k-rights: #16706d;
  --nwb-k-tender: #8a6400; --nwb-k-merger: #a3305f; --nwb-k-liquidation: #b3261e; --nwb-k-conversion: #4a4db0;
  --nwb-k-delisting: #a8431f; --nwb-k-industry: #a4521a; --nwb-k-news: #1f6f8f; --nwb-k-action: #86198f; --nwb-k-other: #5b6475;
  --nwb-kind-tint: 13%;
}
#viewNews .nwb-kind, #viewNews .nwb-kind[class*="nwb-k-"] {
  color: color-mix(in srgb, var(--nwb-kc, var(--nwb-k-other)) 72%, #fff) !important;
  background: color-mix(in srgb, var(--nwb-kc, var(--nwb-k-other)) var(--nwb-kind-tint), transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nwb-kc, var(--nwb-k-other)) 50%, transparent);
  font-weight: 650;
}
body[data-theme="light"] #viewNews .nwb-kind, body[data-theme="light"] #viewNews .nwb-kind[class*="nwb-k-"] { color: var(--nwb-kc, var(--nwb-k-other)) !important; }

/* ── Oct 1 (f): Special distribution, its own kind (special-distributions.mjs; IAE's $1.66 special was missed) ────────
   A clear yellow gold, kept apart from Tender offer's tan gold (#d8b056, hue 41°) by sitting nearer yellow (hue 53°)
   and brighter; a deep olive gold on light. */
#viewNews.nwb-on { --nwb-k-special: #e3cf3f; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-k-special: #6f6300; }
#viewNews .nwb-k-special { --nwb-kc: var(--nwb-k-special); }
#viewNews .nwb-row:has(> .nwb-k-special), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-special) { --nwb-kc: var(--nwb-k-special); }

/* ── Oct 1 (g): quieter dates and times (Matt: "the white is off putting… it gets cluttered") ──────────────────
   One line, never wrapping: the time alone under Today / Yesterday, a short "Sep 29" before it in the longer groups.
   Soft grey figures in even widths; the day a step brighter than the time. */
#viewNews .nwb-date { flex-wrap: nowrap !important; justify-content: flex-end; align-items: baseline; gap: 8px; font-size:13px; font-variant-numeric: tabular-nums; letter-spacing: .01em; color: #8e8e95; }
#viewNews .nwb-date > b { font-weight: 600; color: #b4b4ba; }
#viewNews .nwb-time { color: #8e8e95; }
body[data-theme="light"] #viewNews .nwb-date, body[data-theme="light"] #viewNews .nwb-time { color: #6b6a66; }
body[data-theme="light"] #viewNews .nwb-date > b { color: #44423e; }

/* ── Oct 1 (h): dates in gold, not white (Matt: "why are the dates still white, no stand out") ──────────────────
   The day headings carry the date in the site gold; the word (Today, Yesterday, This week) sits in a soft light
   grey beside it, and the count stays quiet. A row's time is a muted gold, a step below the tickers. */
#viewNews .nwb-grp h3, #viewNews .nwb-grp--today h3 { color: #c9c9ce !important; font-weight: 650; }
#viewNews .nwb-grp__d { color: #e0a82e !important; font-weight: 700; }
#viewNews .nwb-grp > span { color: #8e8e95; }
#viewNews .nwb-date > b { color: #d4b26a; }
#viewNews .nwb-date, #viewNews .nwb-time { color: #b39456; }
body[data-theme="light"] #viewNews .nwb-grp h3, body[data-theme="light"] #viewNews .nwb-grp--today h3 { color: #44423e !important; }
body[data-theme="light"] #viewNews .nwb-grp__d { color: #8a6100 !important; }
body[data-theme="light"] #viewNews .nwb-date > b { color: #7a5500; }
body[data-theme="light"] #viewNews .nwb-date, body[data-theme="light"] #viewNews .nwb-time { color: #8a6f3a; }

/* ── Oct 1 (i): Verified terms, Deadlines, the RT note and Payment changes ─────────────────────────────────────────────
   Section heads in the site's amber mono caps (the fund page's .fund-viewbar title). Terms are plain rows on hairlines —
   label, value, and the source as a small gold link (SEC 424B2 · Sep 21) whose tooltip quotes the filing; a term no
   source states reads "Not yet in the filing" in the quiet grey, never a guess. Deadlines count down in the gold.
   Payment changes: each kind its own muted color on a soft tint; a cut is terracotta, not alarm red, and "Check the
   data" wears a dashed edge: it may not be a change at all. */
#viewNews .nwb-sec h4.nwb-cap { font:700 13px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--nwb-tk); align-items: baseline; }
#viewNews .nwb-sec h4.nwb-cap small { font:400 13px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--text-2); }
#viewNews .nwb-you h4 { font:700 13px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--nwb-tk); }
#viewNews .nwb-you h4 small { font:400 13px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--text-2); }
#viewNews .nwb-vt__l { border-top: 1px solid var(--nwb-rule); }
#viewNews .nwb-vt__r { display: grid; grid-template-columns: minmax(0, 140px) minmax(0, 1fr); gap: 1px 14px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--nwb-rule); font-size:14px; line-height: 1.4; }
#viewNews .nwb-vt__r > .nwb-vt__src { grid-column: 2; justify-self: start; }   /* the source on its own small line under the value */
#viewNews .nwb-vt__k { color: var(--text-2); }
#viewNews .nwb-vt__v { color: var(--text); font-weight: 550; overflow-wrap: anywhere; }
#viewNews .nwb-vt__r.is-miss .nwb-vt__v { color: var(--text-3, #8e8e95); font-weight: 400; font-style: italic; }
#viewNews .nwb-vt__r--el .nwb-vt__v { font-weight: 400; }
#viewNews .nwb-vt__src { justify-self: end; font:500 13px/1.4 var(--mono); letter-spacing: .02em; color: #b39456; text-decoration: none; white-space: nowrap; }
#viewNews a.nwb-vt__src:hover { color: var(--nwb-tk); text-decoration: underline; text-underline-offset: 3px; }
#viewNews .nwb-vt__r[title] { cursor: help; }
#viewNews .nwb-dl__l { border-top: 1px solid var(--nwb-rule); }
#viewNews .nwb-dl__r { display: grid; grid-template-columns: minmax(0, 1fr) auto 96px; gap: 12px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--nwb-rule); font-size:14px; }
#viewNews .nwb-dl__k { color: var(--text-2); }
#viewNews .nwb-dl__d { color: var(--text); font-weight: 600; }
#viewNews .nwb-dl__n { text-align: right; color: var(--text-2); }
#viewNews .nwb-dl__r.is-hot .nwb-dl__n { color: var(--nwb-tk); font-weight: 600; }
#viewNews .nwb-dl__b { margin-top: 8px; font-size:13.5px; line-height: 1.45; }
#viewNews .nwb-rt .nwb-you__l { margin-top: 0; }
/* Payment changes: the kind pills */
#viewNews.nwb-on { --nwb-k-praise: #72b37a; --nwb-k-pcut: #c98f6b; --nwb-k-pspecial: var(--nwb-k-special, #e3cf3f); --nwb-k-pextra: #8fb3c9; --nwb-k-pfreq: #8e8fd8; --nwb-k-psuspension: #b0a08a; --nwb-k-pcheck: #9aa3b5; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-k-praise: #2f7a3b; --nwb-k-pcut: #8f4a22; --nwb-k-pspecial: #6f6300; --nwb-k-pextra: #2f5b78; --nwb-k-pfreq: #4a4db0; --nwb-k-psuspension: #6b5b3e; --nwb-k-pcheck: #5b6475; }
#viewNews .nwb-k-praise { --nwb-kc: var(--nwb-k-praise); } #viewNews .nwb-k-pcut { --nwb-kc: var(--nwb-k-pcut); } #viewNews .nwb-k-pspecial { --nwb-kc: var(--nwb-k-pspecial); }
#viewNews .nwb-k-pextra { --nwb-kc: var(--nwb-k-pextra); } #viewNews .nwb-k-pfreq { --nwb-kc: var(--nwb-k-pfreq); } #viewNews .nwb-k-psuspension { --nwb-kc: var(--nwb-k-psuspension); }
#viewNews .nwb-k-pcheck { --nwb-kc: var(--nwb-k-pcheck); }
#viewNews .nwb-kind.nwb-k-pcheck { box-shadow: inset 0 0 0 1px transparent; outline: 1px dashed color-mix(in srgb, var(--nwb-k-pcheck) 70%, transparent); outline-offset: -1px; }
#viewNews .nwb-row:has(> .nwb-k-praise), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-praise) { --nwb-kc: var(--nwb-k-praise); }
#viewNews .nwb-row:has(> .nwb-k-pcut), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-pcut) { --nwb-kc: var(--nwb-k-pcut); }
#viewNews .nwb-row:has(> .nwb-k-pspecial), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-pspecial) { --nwb-kc: var(--nwb-k-pspecial); }
#viewNews .nwb-row:has(> .nwb-k-pextra), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-pextra) { --nwb-kc: var(--nwb-k-pextra); }
#viewNews .nwb-row:has(> .nwb-k-pfreq), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-pfreq) { --nwb-kc: var(--nwb-k-pfreq); }
#viewNews .nwb-row:has(> .nwb-k-psuspension), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-psuspension) { --nwb-kc: var(--nwb-k-psuspension); }
#viewNews .nwb-row:has(> .nwb-k-pcheck), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-pcheck) { --nwb-kc: var(--nwb-k-pcheck); }
#viewNews .nwb-row--pay .nwb-sum { font-variant-numeric: tabular-nums; }
/* recent payments, labelled */
#viewNews .nwb-pl { min-width: 0; border-top: 1px solid var(--nwb-rule); }
#viewNews .nwb-pl__r { display: grid; grid-template-columns: 56px 72px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--nwb-rule); font-size:14px; }
#viewNews .nwb-pl__d { color: var(--text-2); }
#viewNews .nwb-pl__a { color: var(--text); font-weight: 550; text-align: right; }
#viewNews .nwb-pl__w { color: var(--text-2); }
#viewNews .nwb-pl__r.is-hi .nwb-pl__d, #viewNews .nwb-pl__r.is-hi .nwb-pl__a { color: var(--nwb-tk); }
#viewNews .nwb-pw-raise { color: var(--nwb-k-praise); } #viewNews .nwb-pw-cut { color: var(--nwb-k-pcut); } #viewNews .nwb-pw-special { color: var(--nwb-k-pspecial); }
#viewNews .nwb-pw-extra { color: var(--nwb-k-pextra); } #viewNews .nwb-pw-freq { color: var(--nwb-k-pfreq); } #viewNews .nwb-pw-check { color: var(--nwb-k-pcheck); text-decoration: underline dotted; text-underline-offset: 3px; }
@media (max-width: 900px) {
  #viewNews .nwb-vt__r { grid-template-columns: minmax(0, 112px) minmax(0, 1fr); gap: 1px 12px; }
  #viewNews .nwb-tabs { gap: 18px; overflow-x: auto; scrollbar-width: none; }
  #viewNews .nwb-tab { white-space: nowrap; font-size:15px !important; }
}
body[data-theme="light"] #viewNews .nwb-vt__src { color: #7a5500; }
body[data-theme="light"] #viewNews .nwb-sec h4.nwb-cap, body[data-theme="light"] #viewNews .nwb-you h4 { color: #7a5500; }

/* ── Oct 2 (v3): the warm text family, meaningful figures, soft surfaces, real tabs ──────────────────────────────────
   Matt: "what did we talk about with the stupid white and gray text … the cut in some bs brown … green is so light …
   the yield is also grey". The page now uses the approved pages' tones (Portfolio design B, Risk mix set E): headlines
   a soft warm white, values a warm light, labels and meta the neutral sub / mute greys — never the cool blue-greys
   (--text #eef1f7, --text-2 #b4bcca). Figures carry meaning: yield in the gold, a raise a confident green, a cut a clear
   muted red, a special gold. Sections are separated by space and amber mono caps, not hairlines and boxes; the detail
   pane is one soft surface. Docs: docs/mocks/news-v3. */
#viewNews.nwb-on {
  --nv-hl: #ecebe7; --nv-ink: #d9d7d2; --nv-sub: #a8a8ae; --nv-mute: #8e8e95;
  --nv-gold: #e0a82e; --nv-gold2: #f5c451; --nv-gold-bg: rgba(224, 168, 46, .14); --nv-gold-ring: rgba(224, 168, 46, .34);
  --nv-up: #3ddc84; --nv-down: #f0625a; --nv-sp: #f5c451; --nv-sky: #7dd3fc;
  --nv-surf: rgba(255, 255, 255, .03); --nv-surf2: rgba(255, 255, 255, .055); --nv-surf3: rgba(255, 255, 255, .085);
  --nv-line: rgba(255, 255, 255, .06);
  --nwb-up: var(--nv-up); --nwb-down: var(--nv-down);
  --nwb-k-praise: #3ddc84; --nwb-k-pcut: #f0625a; --nwb-k-pspecial: #f5c451; --nwb-k-psuspension: #f0625a;
  --nwb-k-pextra: #7dd3fc; --nwb-k-pfreq: #a5b4fc; --nwb-k-pcheck: #a8a8ae;
}
body[data-theme="light"] #viewNews.nwb-on {
  --nv-hl: #1f2126; --nv-ink: #2b2d32; --nv-sub: #474b55; --nv-mute: #5d616b;
  --nv-gold: #c08a14; --nv-gold2: #7a5500; --nv-gold-bg: rgba(154, 107, 0, .10); --nv-gold-ring: rgba(154, 107, 0, .30);
  --nv-up: #0e6545; --nv-down: #a3302a; --nv-sp: #7a5500; --nv-sky: #075985;
  --nv-surf: rgba(58, 48, 30, .035); --nv-surf2: rgba(58, 48, 30, .06); --nv-surf3: rgba(58, 48, 30, .09);
  --nv-line: rgba(58, 48, 30, .08);
  --nwb-k-praise: #0e6545; --nwb-k-pcut: #a3302a; --nwb-k-pspecial: #7a5500; --nwb-k-psuspension: #a3302a;
  --nwb-k-pextra: #075985; --nwb-k-pfreq: #4338ca; --nwb-k-pcheck: #474b55;
}
#viewNews.nwb-on .nwb { color: var(--nv-ink); }
#viewNews.nwb-on .nwb .up { color: var(--nv-up) !important; }
#viewNews.nwb-on .nwb .down { color: var(--nv-down) !important; }
#viewNews.nwb-on .nwb .sp { color: var(--nv-sp) !important; }
#viewNews.nwb-on .nwb .yv { color: var(--nv-gold2) !important; font-weight: 650 !important; }
#viewNews.nwb-on .nwb .q { color: var(--nv-mute) !important; font-weight: 500 !important; }

/* the kind pills: the kind's own color at full strength on a soft tint of it, no edge (the old 72%-white mix read pale) */
#viewNews.nwb-on .nwb-kind, #viewNews.nwb-on .nwb-kind[class*="nwb-k-"] {
  color: var(--nwb-kc, var(--nwb-k-other)) !important; box-shadow: none !important; outline: 0;
  background: color-mix(in srgb, var(--nwb-kc, var(--nwb-k-other)) 15%, transparent) !important;
  height: 24px; padding: 0 9px; border-radius: 7px; font:650 13px/24px var(--sans); letter-spacing: .01em;
}
#viewNews.nwb-on .nwb-kind.nwb-k-pcheck { outline: 1px dashed color-mix(in srgb, var(--nwb-k-pcheck) 60%, transparent); outline-offset: -1px; }
#viewNews.nwb-on .nwb-kind.nwb-kind--lg { height: 28px; padding: 0 11px; font-size:13.5px; line-height: 28px; }
/* status pills: a tint, no edge */
#viewNews.nwb-on .nwb-pill { height: 24px; padding: 0 9px; border: 0; border-radius: 7px; font:600 13px/24px var(--sans); color: var(--nv-sub); background: var(--nv-surf2); }
#viewNews.nwb-on .nwb-pill--up { color: var(--nv-sky); background: color-mix(in srgb, var(--nv-sky) 13%, transparent); }
#viewNews.nwb-on .nwb-pill--open { color: var(--nv-gold2); background: var(--nv-gold-bg); }
#viewNews.nwb-on .nwb-dh .nwb-pill { height: 28px; line-height: 28px; padding: 0 11px; font-size:13px; }

/* ── the control row: segmented tabs, soft chips, soft search (no outlines) ── */
#viewNews.nwb-on .nwb-top { gap: 10px 12px; min-height: 64px; padding: 10px 0 10px 8px; border-bottom: 0; }
#viewNews.nwb-on .nwb-tabs { align-self: center; min-height: 0; gap: 2px; margin-right: 8px; padding: 4px; border-radius: 12px; background: var(--nv-surf2); }
#viewNews.nwb-on .nwb-tab { height: 40px; padding: 0 18px; border-radius: 9px; font:600 15px/1 var(--sans) !important; color: var(--nv-sub) !important;
  transition: background-color .15s ease, color .15s ease; }
#viewNews.nwb-on .nwb-tab:hover { color: var(--nv-hl) !important; background: var(--nv-surf3); }
#viewNews.nwb-on .nwb-tab.is-on { color: var(--nv-gold2) !important; background: var(--nv-gold-bg); box-shadow: inset 0 0 0 1px var(--nv-gold-ring); }
#viewNews.nwb-on .nwb-tab.is-on::after { content: none; }
#viewNews.nwb-on .nwb-tab b { height: 20px; padding: 0 7px; border-radius: 6px; font-size:13px; color: var(--nv-gold2); background: var(--nv-gold-bg); }
#viewNews.nwb-on .nwb-tab.is-on b { color: #17120a; background: var(--nv-gold); }
body[data-theme="light"] #viewNews.nwb-on .nwb-tab.is-on b { color: #fff; background: #9a6b00; }
#viewNews.nwb-on .nwb-top .nwb-chip, #viewNews.nwb-on .nwb-chip { height: 36px; border: 0; border-radius: 18px; background: var(--nv-surf2); color: var(--nv-sub); }
#viewNews.nwb-on .nwb-chip:hover { background: var(--nv-surf3); color: var(--nv-hl); }
#viewNews.nwb-on .nwb-chip.is-on { color: var(--nv-gold2); background: var(--nv-gold-bg); box-shadow: inset 0 0 0 1px var(--nv-gold-ring); }
#viewNews.nwb-on .nwb-chip select { color: var(--nv-hl); font-weight: 550; }
#viewNews.nwb-on .nwb-chip:focus-within { box-shadow: 0 0 0 2px var(--nv-gold-ring); }
#viewNews.nwb-on .nwb-top .nwb-seg { padding: 4px; gap: 2px; border-radius: 12px; background: var(--nv-surf2); }
#viewNews.nwb-on .nwb-seg button { height: 32px; padding: 0 14px; border-radius: 9px; color: var(--nv-sub); font-weight: 600; }
#viewNews.nwb-on .nwb-seg button:hover { color: var(--nv-hl); background: var(--nv-surf3); }
#viewNews.nwb-on .nwb-seg button.is-on { color: var(--nv-gold2); background: var(--nv-gold-bg); box-shadow: inset 0 0 0 1px var(--nv-gold-ring); }
#viewNews.nwb-on .nwb-seg small { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-top .nwb-search { height: 40px; border: 0; border-radius: 12px; background: var(--nv-surf2); color: var(--nv-mute); }
#viewNews.nwb-on .nwb-search:focus-within { box-shadow: 0 0 0 2px var(--nv-gold-ring); }
#viewNews.nwb-on .nwb-search input { color: var(--nv-hl); }
#viewNews.nwb-on .nwb-search input::placeholder { color: var(--nv-mute); }

/* ── the list: no hairlines between rows; soft hover, a soft selected row with the gold edge ── */
#viewNews.nwb-on .nwb-split { gap: 0 20px; }
#viewNews.nwb-on .nwb-list { border-right: 0; }
#viewNews.nwb-on .nwb-sub { padding: 6px 16px 0; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-sub b, #viewNews.nwb-on .nwb-bar__r b { color: var(--nv-ink); font-weight: 650; }
#viewNews.nwb-on .nwb-sub > span + span::before { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-count { border-bottom: 0; color: var(--nv-sub); }
#viewNews.nwb-on .nwb-grp { border-bottom: 0; padding-bottom: 6px; }
#viewNews.nwb-on .nwb-day.is-today > .nwb-grp.nwb-grp--today { border-bottom: 0; box-shadow: none; }
#viewNews.nwb-on .nwb-row, #viewNews.nwb-on .nwb-row:has(> .nwb-kind) { border-bottom: 0; border-radius: 12px; padding-top: 14px; padding-bottom: 14px; background: none; }
#viewNews.nwb-on .nwb-row + .nwb-row { margin-top: 2px; }
#viewNews.nwb-on .nwb-row:hover, #viewNews.nwb-on .nwb-row:has(> .nwb-kind):hover { background: var(--nv-surf); }
#viewNews.nwb-on .nwb-row.is-sel, #viewNews.nwb-on .nwb-row.is-sel:has(> .nwb-kind), #viewNews.nwb-on .nwb-row.is-sel:has(> .nwb-kind):hover { background: var(--nv-surf2); }
#viewNews.nwb-on .nwb-row.is-sel::before, #viewNews.nwb-on .nwb-row.is-sel:has(> .nwb-kind)::before { top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--nv-gold); }
/* the row's words by rank */
#viewNews.nwb-on .nwb-meta { color: var(--nv-sub); font-size:13.5px; }
#viewNews.nwb-on .nwb-nm { font-weight: 500; color: var(--nv-sub); }
#viewNews.nwb-on .nwb-sx { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-sum { font-size:16.5px; font-weight: 600; letter-spacing: -.005em; color: var(--nv-hl); }
#viewNews.nwb-on .nwb-fund, #viewNews.nwb-on .nwb-facts { font-size:13.5px; }
#viewNews.nwb-on .nwb-fund i, #viewNews.nwb-on .nwb-facts i, #viewNews.nwb-on .nwb-ctx > span:first-child { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-fund b, #viewNews.nwb-on .nwb-facts b { font-weight: 550; color: var(--nv-ink); }
#viewNews.nwb-on .nwb-facts b.mine { color: var(--nv-gold2); }
/* Discount and its 3-yr average sit back (RMS reads them last) */
#viewNews.nwb-on .nwb-fund__d i, #viewNews.nwb-on .nwb-fund__d b, #viewNews.nwb-on .nwb-fund__d small { color: var(--nv-mute); font-weight: 400; }
#viewNews.nwb-on .nwb-fund__d small::before { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-left { color: var(--nv-sub); font-size:13.5px; }
#viewNews.nwb-on .nwb-left.is-hot { color: var(--nv-gold2); font-weight: 600; }
#viewNews.nwb-on .nwb-own { color: var(--nv-sub); font-size:13.5px; }
#viewNews.nwb-on .nwb-own::before { background: var(--nv-gold); }

/* ── Payment changes rows: pill and ticker | the change in figures | a tidy facts line ── */
@media (min-width: 901px) {
  #viewNews.nwb-on .nwb-row.nwb-row--pay { grid-template-areas: "k m d" "t s st" "o f l"; row-gap: 4px; }
  #viewNews.nwb-on .nwb-row--pay > .nwb-pf { grid-area: f; }
}
#viewNews.nwb-on .nwb-row--pay .nwb-sum { overflow: hidden; }
#viewNews .nwb-amt { display: inline-flex; align-items: baseline; gap: 8px; min-width: 0; font:600 18px/26px var(--sans); font-variant-numeric: tabular-nums; letter-spacing: -.01em; white-space: nowrap; color: var(--nv-ink); }
#viewNews .nwb-amt__was { font-weight: 500; color: var(--nv-sub); }
#viewNews .nwb-amt > i { font-style: normal; font-weight: 400; color: var(--nv-mute); }
#viewNews .nwb-amt > b { font-weight: 650; color: var(--nv-hl); }
#viewNews .nwb-amt > small { overflow: hidden; text-overflow: ellipsis; font:400 13.5px/1 var(--sans); letter-spacing: 0; color: var(--nv-mute); }
#viewNews .nwb-amt--lg { font-size:28px; line-height: 34px; gap: 10px; letter-spacing: -.02em; flex-wrap: wrap; white-space: normal; }
#viewNews .nwb-amt--lg > small { font-size:14px; line-height: 1.3; }
#viewNews .nwb-pf { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 18px; min-width: 0; font-size:13.5px; line-height: 22px; white-space: nowrap; }
#viewNews .nwb-pf > span { display: inline-flex; align-items: baseline; gap: 6px; }
#viewNews .nwb-pf i { font-style: normal; color: var(--nv-mute); }
#viewNews .nwb-pf b { font-weight: 550; color: var(--nv-ink); }
#viewNews .nwb-pf em { font-style: normal; color: var(--nv-mute); margin: 0 -1px; }
#viewNews .nwb-pf__rc { padding-left: 18px; box-shadow: inset 1px 0 0 var(--nv-line); }

/* ── the detail pane: one soft surface; header, then sections parted by space and amber caps ── */
#viewNews.nwb-on .nwb-detail { gap: 26px; margin-top: 8px; padding: 22px 24px 26px; border-radius: 16px; background-color: var(--nv-surf); }
#viewNews.nwb-on .nwb-detail:has(> .nwb-dh .nwb-kind) { background-image: none; }
#viewNews.nwb-on .nwb-dh { gap: 8px; }
#viewNews.nwb-on .nwb-dh + .nwb-fundline { margin-top: -10px; }
#viewNews.nwb-on .nwb-fundline { align-items: center; gap: 12px; margin-top: -14px; }
#viewNews.nwb-on .nwb-fundline .nwb-tk { font-size:30px; line-height: 36px; }
#viewNews.nwb-on .nwb-fundline__nm { font-size:15px; font-weight: 500; color: var(--nv-sub); }
#viewNews.nwb-on .nwb-fundline .nwb-own { margin-left: auto; }
#viewNews.nwb-on .nwb-dtitle { margin: -16px 0 0; font-size:20px; font-weight: 650; line-height: 1.32; color: var(--nv-hl); }
#viewNews.nwb-on .nwb-dtitle a { color: var(--nv-hl); }
#viewNews.nwb-on .nwb-dtitle a:hover { text-decoration-color: var(--nv-gold); }
#viewNews.nwb-on .nwb-dtitle--pay { margin-top: -18px; }
#viewNews.nwb-on .nwb-dmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: -18px 0 0; font-size:13.5px; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-dmeta > * + *::before { content: "·"; margin: 0 8px; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-dmeta__src { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; color: var(--nv-gold2); text-decoration: none; }
#viewNews.nwb-on .nwb-dmeta__src:hover { text-decoration: underline; text-underline-offset: 3px; }
#viewNews.nwb-on .nwb-dmeta__src .nwb-i { width: 13px; height: 13px; }
/* every section head: amber mono caps, its note small and quiet beside it */
#viewNews.nwb-on .nwb-detail .nwb-sec > h4 { margin: 0 0 12px; font:700 13px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--nv-gold2); }
#viewNews.nwb-on .nwb-detail .nwb-sec > h4 small { font:400 13px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-note, #viewNews.nwb-on .nwb-actnote { margin-top: 12px; font-size:13.5px; line-height: 1.55; color: var(--nv-sub); }
/* key facts: a clean grid, no rules; the figure over its small label */
#viewNews.nwb-on .nwb-terms { gap: 16px 18px; border-top: 0; }
#viewNews.nwb-on .nwb-kv { gap: 3px; padding: 0; border-bottom: 0; }
#viewNews.nwb-on .nwb-kv__k { font-size:13px; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-kv__v { font-size:17px; font-weight: 600; letter-spacing: -.005em; color: var(--nv-ink); font-variant-numeric: tabular-nums; }
#viewNews.nwb-on .nwb-kv__s { font-size:13px; line-height: 1.35; color: var(--nv-mute); }
/* verified terms and deadlines: label | value rows, parted by space */
#viewNews.nwb-on .nwb-vt__l, #viewNews.nwb-on .nwb-dl__l { border-top: 0; display: grid; gap: 2px; }
#viewNews.nwb-on .nwb-vt__r, #viewNews.nwb-on .nwb-dl__r { padding: 6px 0; border-bottom: 0; font-size:14px; }
#viewNews.nwb-on .nwb-vt__k, #viewNews.nwb-on .nwb-dl__k, #viewNews.nwb-on .nwb-dl__n { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-vt__v, #viewNews.nwb-on .nwb-dl__d { color: var(--nv-ink); font-weight: 550; }
#viewNews.nwb-on .nwb-vt__r.is-miss .nwb-vt__v { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-vt__src { margin-top: 1px; font:600 13px/1.4 var(--sans); letter-spacing: 0; color: var(--nv-gold2); }
#viewNews.nwb-on a.nwb-vt__src:hover { color: var(--nv-gold2); }
#viewNews.nwb-on .nwb-dl__r.is-hot .nwb-dl__n { color: var(--nv-gold2); }
/* key dates */
#viewNews.nwb-on .nwb-tl__n { color: var(--nv-mute); font-size:13px; }
#viewNews.nwb-on .nwb-tl__n b { color: var(--nv-ink); font-size:14px; font-weight: 600; }
#viewNews.nwb-on .nwb-tl__track { background: var(--nv-surf3); }
#viewNews.nwb-on .nwb-tl__n::before { border-color: var(--nv-surf3); background: #111113; }
#viewNews.nwb-on .nwb-tl__today { border-left-color: var(--nv-mute); }
#viewNews.nwb-on .nwb-tl__today span { color: var(--nv-sub); font-size:13px; }
/* what the fund did since: the figures in a row, the line and the bars on a quiet field */
#viewNews.nwb-on .nwb-stats { gap: 14px 18px; margin-bottom: 14px; }
#viewNews.nwb-on .nwb-stats div, #viewNews.nwb-on .nwb-pos div { font-size:13px; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-stats b, #viewNews.nwb-on .nwb-pos b { margin-top: 3px; font-size:18px; font-weight: 600; color: var(--nv-ink); }
#viewNews.nwb-on .nwb-two { gap: 22px; align-items: end; padding: 14px 14px 10px; border-radius: 12px; background: var(--nv-surf); }
#viewNews.nwb-on .nwb-ch__line { stroke: var(--nv-gold); stroke-width: 2; }
#viewNews.nwb-on .nwb-ch__area { fill: color-mix(in srgb, var(--nv-gold) 10%, transparent); }
#viewNews.nwb-on .nwb-ch__grid { stroke: var(--nv-line); stroke-dasharray: 2 4; }
#viewNews.nwb-on .nwb-ch__lbl, #viewNews.nwb-on .nwb-pb__lbl { fill: var(--nv-mute); font-size:13px; }
#viewNews.nwb-on .nwb-ch__lbl.is-strong, #viewNews.nwb-on .nwb-pb__lbl.is-hi { fill: var(--nv-gold2); }
#viewNews.nwb-on .nwb-ch__mk { stroke: var(--nv-mute); }
#viewNews.nwb-on .nwb-ch__mk.is-strong { stroke: var(--nv-gold); }
#viewNews.nwb-on .nwb-ch__dot { fill: #111113; stroke: var(--nv-sub); }
#viewNews.nwb-on .nwb-ch__dot.is-strong { stroke: var(--nv-gold2); }
#viewNews.nwb-on .nwb-ch__end { fill: var(--nv-gold2); stroke: #111113; }
#viewNews.nwb-on .nwb-ch__hb { fill: #1b1b1e; stroke: var(--nv-line); }
#viewNews.nwb-on .nwb-ch__ht { fill: var(--nv-hl); font:500 13px var(--sans); }
#viewNews.nwb-on .nwb-ch__hx { stroke: var(--nv-sub); stroke-dasharray: 2 3; }
#viewNews.nwb-on .nwb-ch__hd { fill: var(--nv-gold2); }
#viewNews.nwb-on rect.nwb-pb { fill: color-mix(in srgb, var(--nv-ink) 22%, transparent); }
#viewNews.nwb-on rect.nwb-pb.is-hi { fill: var(--nv-gold); }
/* your position and the recent payments list: figures on space, no rules */
#viewNews.nwb-on .nwb-pos { gap: 14px 18px; padding: 0; border: 0; }
#viewNews.nwb-on .nwb-pl { border-top: 0; }
#viewNews.nwb-on .nwb-pl__r { padding: 4px 0; border-bottom: 0; font-size:13.5px; }
#viewNews.nwb-on .nwb-pl__d { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-pl__a { color: var(--nv-ink); }
#viewNews.nwb-on .nwb-pl__w { color: var(--nv-mute); }
#viewNews.nwb-on .nwb-pl__r.is-hi .nwb-pl__d, #viewNews.nwb-on .nwb-pl__r.is-hi .nwb-pl__a { color: var(--nv-gold2); font-weight: 650; }
#viewNews.nwb-on .nwb-pw-raise { color: var(--nv-up); } #viewNews.nwb-on .nwb-pw-cut { color: var(--nv-down); } #viewNews.nwb-on .nwb-pw-special { color: var(--nv-sp); }
/* what it means for your shares: a soft gold field, no edge */
#viewNews.nwb-on .nwb-you { padding: 16px 16px 14px; border: 0; border-radius: 12px; background: color-mix(in srgb, var(--nv-gold) 7%, transparent); }
#viewNews.nwb-on .nwb-you__l { color: var(--nv-sub); }
#viewNews.nwb-on .nwb-you__l b { color: var(--nv-ink); }
#viewNews.nwb-on .nwb-you .nwb-kv__v.hot, #viewNews.nwb-on .nwb-you .nwb-kv__v.mine { color: var(--nv-gold2); }
/* sources: proper links — the outlet in gold, the headline, the date; a soft field on hover, no rules */
#viewNews.nwb-on .nwb-src { gap: 2px; border-top: 0; }
#viewNews.nwb-on .nwb-src a { grid-template-columns: minmax(0, 1fr) auto 16px; grid-template-areas: "s d i" "h h i"; gap: 3px 12px; margin: 0 -10px; padding: 9px 10px; border: 0; border-radius: 10px; color: var(--nv-hl); }
#viewNews.nwb-on .nwb-src a:hover { background: var(--nv-surf2); }
#viewNews.nwb-on .nwb-src a:hover .nwb-src__h { text-decoration: none; }
#viewNews.nwb-on .nwb-src__s { grid-area: s; font-size:13px; font-weight: 650; color: var(--nv-gold2); }
#viewNews.nwb-on .nwb-src__h { grid-area: h; font-size:14px; font-weight: 500; line-height: 1.4; color: var(--nv-ink); white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#viewNews.nwb-on .nwb-src__d { grid-area: d; font-size:13px; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-src a > .nwb-i { grid-area: i; align-self: center; color: var(--nv-mute); }
#viewNews.nwb-on .nwb-src a:hover > .nwb-i { color: var(--nv-gold2); }
#viewNews.nwb-on .nwb-find { margin-top: 10px; font-size:13px; color: var(--nv-mute); text-decoration-color: color-mix(in srgb, var(--nv-mute) 50%, transparent); }
#viewNews.nwb-on .nwb-find:hover { color: var(--nv-sub); }
body[data-theme="light"] #viewNews.nwb-on .nwb-tl__n:not(.is-past)::before, body[data-theme="light"] #viewNews.nwb-on .nwb-ch__dot { fill: #fff; background: #fff; }
body[data-theme="light"] #viewNews.nwb-on .nwb-ch__end { stroke: #fff; }
body[data-theme="light"] #viewNews.nwb-on .nwb-ch__hb { fill: #fff; }
@media (max-width: 900px) {
  #viewNews.nwb-on .nwb-top { padding: 8px 12px; }
  #viewNews.nwb-on .nwb-tabs { flex: 1 1 100%; overflow-x: auto; }
  #viewNews.nwb-on .nwb-tab { flex: none; height: 38px; padding: 0 14px; }
  #viewNews.nwb-on .nwb-row { border-radius: 0; }
  #viewNews.nwb-on .nwb-row--pay > .nwb-pf { grid-column: 1 / -1; grid-row: 5; }
  #viewNews.nwb-on .nwb-pf__rc { padding-left: 0; box-shadow: none; }
  #viewNews.nwb-on .nwb-detail { margin: 0; border-radius: 0; background-color: var(--bg); }
  #viewNews.nwb-on .nwb-dh { background: var(--bg); }
}
#viewNews.nwb-on .nwb-pf { flex-direction: column; align-items: flex-start; gap: 2px; }
#viewNews.nwb-on .nwb-pf__l { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 18px; }
#viewNews.nwb-on .nwb-pf__l > span { display: inline-flex; align-items: baseline; gap: 6px; }
#viewNews.nwb-on .nwb-pf__rc { padding-left: 0; box-shadow: none; }
#viewNews.nwb-on .nwb-terms--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#viewNews.nwb-on .nwb-vt__r--el .nwb-vt__v { font-weight: 400; line-height: 1.5; color: var(--nv-sub); }
#viewNews.nwb-on .nwb-detail > .nwb-actnote { margin-top: -14px; }
@media (max-width: 1260px) { #viewNews.nwb-on .nwb-terms--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#viewNews.nwb-on .nwb-two.nwb-panel { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
#viewNews.nwb-on .nwb-pl__r { grid-template-columns: 54px 66px auto; white-space: nowrap; }
#viewNews.nwb-on .nwb-panel .nwb-bars { width: 176px; height: auto; }
#viewNews.nwb-on .nwb-panel { gap: 16px; }

/* Oct 2: a payment move under 5% reads "Adjusted" in a calm slate blue (the counts only call 5%+ a raise or cut) */
#viewNews.nwb-on { --nwb-k-padjust: #8fb0d8; }
body[data-theme="light"] #viewNews.nwb-on { --nwb-k-padjust: #34557d; }
#viewNews .nwb-k-padjust { --nwb-kc: var(--nwb-k-padjust); }
#viewNews .nwb-row:has(> .nwb-k-padjust), #viewNews .nwb-detail:has(> .nwb-dh .nwb-k-padjust) { --nwb-kc: var(--nwb-k-padjust); }