/* MTP_HOME_C_V1 — homepage on one grid (Justin 2026-10-26 screenshot). Layers on MTP_HOME_B_V1: needs html.mtp-b-home.
   Every row (fold, Markets row, Deep Dive) uses the same four columns and gutter, so their edges line up.
   Selectors start with X = html.mtp-c-home.mtp-b-home.mtp-a-home:root so they win over A and B. */
html.mtp-c-home{--c-g:24px;--c-cols:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(300px,1fr)}

/* leaderboard above the fold */
.mtpC-top{display:flex;justify-content:center;padding:24px 0 0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpC-top .mtp-ad-horizontal,html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpC-top .mtp-ad-top{margin:0 auto !important}
.mtpC-top{flex-direction:column;align-items:center}
.mtpC-top:empty{display:none}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-ad-horizontal{display:none !important}

/* Page frame: Justin 14:00 chose this morning's frame again (the 1,600 px frame of 12:18 and the 13:11 "move everything out"
   are removed); the homepage rows keep their shared grid inside it. */
/* Justin 14:12: the gray menu row and the black footer box run exactly as wide as the page content (the Brief / Wire
   and Deep Dive edges): 24 px in from the window, at most 1,392 px. Phones keep them full width. */
@media (min-width:821px){html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mainNav,html.mtp-c-home.mtp-b-home.mtp-a-home:root body .mtp-explore,html.mtp-c-home.mtp-b-home.mtp-a-home:root body .mtp-footer{width:calc(100% - 48px) !important;max-width:1392px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important}}
/* Justin 14:44: the red date bar's text and the logo / search / Log In / Sign Up row sit on the same left and right lines as the
   gray menu (24 px in, at most 1,392 px wide); their backgrounds stay full width. */
@media (min-width:821px){html.mtp-c-home.mtp-b-home.mtp-a-home:root body .mtp-top-ribbon-inner{width:calc(100% - 48px) !important;max-width:1392px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box !important}html.mtp-c-home.mtp-b-home.mtp-a-home:root body .header{padding-left:max(24px, calc((100% - 1392px) / 2)) !important;padding-right:max(24px, calc((100% - 1392px) / 2)) !important}}

/* Justin 14:27: one footer bar, not two. c.js copies the copyright line and the Terms link into the right end of the
   "Explore mining stocks" bar (.mtpC-legal) and the separate copyright bar is hidden; one line from 1,440 px, the links wrap
   inside the same bar on narrower screens. Homepage only. */
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore{display:flex !important;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:0;padding:10px 24px !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore > a{margin-right:0 !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore > a,html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore > b{font-size:12px !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore .mtpC-legal{margin-left:auto;display:flex;align-items:center;gap:12px;padding-left:0;color:#8E9298;font:400 12px/1.4 var(--a-sans,Roboto,sans-serif);white-space:nowrap}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore .mtpC-legal a{color:#C9CCD0 !important;text-decoration:none}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore .mtpC-legal a:hover{color:#fff !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #mtpExplore .mtpC-copy{color:#8E9298;font:400 12px/1.4 var(--a-sans,Roboto,sans-serif);white-space:nowrap;padding-right:12px} /* copyright at the far left (Justin 14:48) */
html.mtp-c-home.mtp-b-home.mtp-a-home:root body .mtp-footer{display:none !important}

/* Justin 14:00: Roboto on every MTP page (html.mtp-c-font is set by c.js wherever this block runs: in preview for the
   preview tab, for everyone once live). Leftover Roboto Mono, monospace, Inter, Arial (form controls) and Roboto Condensed
   all become Roboto; figures keep lining up with tabular numerals. */
html.mtp-c-font{--a-cond:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important;--a-mono:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important} /* !important: the A block sets these on html too */
html.mtp-c-font body,html.mtp-c-font body *{font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important}
html.mtp-c-font body :is(td,th,input,button,select,time){font-variant-numeric:tabular-nums}

/* Justin 13:34: one typeface, as on the rest of MTP and on thedeepdive.ca: Roboto. The homepage blocks (A, B, C) used
   Roboto Condensed for headings and labels and Roboto Mono for the Wire, alerts and figures; inside the page body both
   now resolve to Roboto (the header and menu were Roboto already). Figures keep lining up with tabular numerals. */
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content{--a-cond:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--a-mono:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-briefH{font-weight:700 !important;letter-spacing:-.01em !important}

/* fold: Brief (cols 1-2) | Wire (cols 3-4), same height */
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-fold{grid-template-columns:var(--c-cols);column-gap:var(--c-g);row-gap:var(--c-g);padding-top:32px;align-items:stretch}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-left{grid-column:1 / span 2;align-self:start} /* the Wire sizes itself to the Brief, so the Brief must not stretch */
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-auto{display:none !important} /* Justin 14:34: no "Written automatically ..." note under the Brief */

html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-adw{display:none !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol{grid-column:3 / span 2;background:var(--a-ink);color:#fff;padding:24px 24px 10px;display:flex;flex-direction:column;min-width:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol .mtpA-chips,
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol .mtpB-wmore,
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol .mtpA-dot{display:none !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol .mtpA-sec{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:0 0 12px;border:0;border-bottom:1px solid #2C2E31}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol .mtpA-sec h2{margin:0 !important;padding:4px 8px !important;border:0 !important;background:var(--a-red);color:#fff !important;-webkit-text-fill-color:#fff;font:700 12px/1.2 var(--a-cond) !important;letter-spacing:.07em !important;text-transform:uppercase !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol .mtpA-clock{font:700 12px var(--a-cond);letter-spacing:.07em;text-transform:uppercase;color:#C9CCD0;background:none;border:0;padding:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire{border:0 !important;margin:0;scrollbar-width:thin;scrollbar-color:#3A3D41 transparent}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpB-row{border:0;border-bottom:1px solid #222427;background:none;padding:0;margin:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpB-row:last-child{border-bottom:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpB-row:hover{background:#1A1B1D}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpA-empty{color:#C9CCD0;padding:12px 0}
.mtpC-l{display:grid;grid-template-columns:46px 86px minmax(0,1fr);gap:10px;align-items:baseline;padding:8px 4px;font:500 13px/1.35 var(--a-mono);text-transform:uppercase;color:#fff}
.mtpC-l .t{color:#8E9298;font-variant-numeric:tabular-nums;white-space:nowrap}
html.mtp-c-home .mtpC-l .tk{color:#fff !important;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
html.mtp-c-home .mtpC-l .h{color:#fff !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none}
html.mtp-c-home .mtpC-l a.tk:hover,html.mtp-c-home .mtpC-l a.h:hover{color:#FF8A8E !important}
html.mtp-c-home .mtpC-l a:focus-visible{outline:2px solid #FF8A8E;outline-offset:2px}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l > *{font:500 13px/1.35 var(--a-mono) !important;letter-spacing:0 !important} /* older Wire styles set .h to 15.5px Roboto */
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l .tk{font-weight:700 !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpB-row.hi .mtpC-l .h{font-weight:700 !important}

/* highlights panel over the Wire list (Justin 13:21) */
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol{position:relative}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol.mtpC-hlopen #mtpB-wire{visibility:hidden}
.mtpC-hl{position:absolute;z-index:3;display:flex;flex-direction:column;background:var(--a-ink,#111214);color:#fff;min-height:0}
.mtpC-hl[hidden]{display:none}
.mtpC-hl-in{flex:1 1 auto;min-height:0;overflow:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#3A3D41 transparent}
.mtpC-hl-meta{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--a-mono);text-transform:uppercase;color:#8E9298}
.mtpC-hl-meta .tk{color:#fff;font-weight:700}
.mtpC-hl-meta .g:empty{display:none}
.mtpC-hl-meta .g{margin-left:auto;font:700 11px/1 var(--a-cond);letter-spacing:.07em;color:#FF8A8E;border:1px solid #5A2427;padding:3px 6px}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtpC-hl .mtpC-hl-h{margin:10px 0 14px !important;padding:0 !important;border:0 !important;background:none !important;color:#fff !important;-webkit-text-fill-color:#fff;font:700 17px/1.3 var(--a-cond) !important;letter-spacing:.02em !important;text-transform:uppercase !important;outline:none}
.mtpC-hl-k{font:700 12px/1.2 var(--a-cond);letter-spacing:.07em;text-transform:uppercase;color:#C9CCD0;margin:0 0 8px}
.mtpC-hl ul{list-style:none;margin:0;padding:0}
.mtpC-hl li{position:relative;padding:0 0 0 16px;margin:0 0 9px;font:400 14px/1.45 var(--a-sans,Roboto,system-ui,sans-serif);color:#E6E7E9}
.mtpC-hl li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;background:var(--a-red,#D7262E)}
.mtpC-hl-lead,.mtpC-hl-wait{margin:0;font:400 14px/1.5 var(--a-sans,Roboto,system-ui,sans-serif);color:#C9CCD0}
.mtpC-hl-note{margin:12px 0 0;font:400 11.5px/1.4 var(--a-sans,Roboto,system-ui,sans-serif);color:#8E9298}
.mtpC-hl-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #2C2E31;padding:12px 0 6px}
html.mtp-c-home .mtpC-hl-back{appearance:none;background:none;border:0;padding:0 2px;min-height:36px;cursor:pointer;color:#C9CCD0;font:700 13px/1 var(--a-cond);letter-spacing:.07em;text-transform:uppercase}
html.mtp-c-home .mtpC-hl-back:hover{color:#fff}
html.mtp-c-home .mtpC-hl-full{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;background:var(--a-red,#D7262E);color:#fff !important;text-decoration:none;font:700 13px/1 var(--a-cond);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
html.mtp-c-home .mtpC-hl-full:hover{background:#B81F26}
html.mtp-c-home .mtpC-hl-back:focus-visible,html.mtp-c-home .mtpC-hl-full:focus-visible{outline:2px solid #FF8A8E;outline-offset:2px}
@media (max-width:820px){html.mtp-c-home .mtpC-hl-back,html.mtp-c-home .mtpC-hl-full{min-height:44px}}
@media (max-width:400px){html.mtp-c-home .mtpC-hl-full{padding:0 10px;font-size:12px}}

/* Market alerts in the Brief: one compact line per alert (ticker, move, AI-shortened headline), label on the left
   (Justin 12:52: "the market alerts needs to be resized ... and the alert shortened as well") */
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-alerts{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:center;margin:0 0 16px}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-alerts > .k{grid-column:1;grid-row:1;align-self:start;line-height:32px;white-space:nowrap;margin:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al{grid-column:2;display:flex;align-items:center;gap:10px;min-width:0;max-width:none;min-height:32px;padding:0 10px;white-space:nowrap}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al b,html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al .mh-pc{flex:none;white-space:nowrap;font:700 12.5px/1 var(--a-mono)}
html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al .h{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1 var(--a-mono);text-transform:uppercase;color:#E6E7E9}
@media (max-width:1439px){html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-alerts{grid-template-columns:minmax(0,1fr)}html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-alerts > .k{grid-row:auto;line-height:1.4}html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al{grid-column:1}} /* narrower Brief: label above the alert so the short headline fits */
@media (max-width:1365px){html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al .h,html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al b,html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al .mh-pc{font-size:12px}html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al{gap:8px;padding:0 8px}}
@media (max-width:600px){html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-brief .mtpB-al{min-height:44px}}

/* Markets (col 1) | Most active (cols 2-3) | half-page ad (col 4); Upcoming events off the homepage */
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row{grid-template-columns:var(--c-cols) !important;column-gap:var(--c-g) !important;row-gap:var(--c-g) !important;align-items:stretch !important;margin-top:32px !important;margin-bottom:0 !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-hl2-strip{grid-column:1 !important;grid-row:1 !important;min-width:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-movers-card{grid-column:2 / span 2 !important;grid-row:1 !important;min-width:0;width:auto !important;max-width:none !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpHomeEvents{display:none !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtpC-hp{grid-column:4 !important;grid-row:1 !important;display:flex;flex-direction:column;align-items:flex-end;min-width:0}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtpC-hp .mtpC-hpslot{margin:0 0 0 auto !important} /* the ad's right edge on the page's right line */
/* "Markets" and "Most active" titles on one line, and their column headers on one line */
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-movers-card .mtp-movers-tabs::before{align-self:flex-start !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-hl2-strip .mtp-section-card:first-child::before{margin-bottom:38px !important}
@media (max-width:820px){html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-hl2-strip .mtp-section-card:first-child::before{margin-bottom:14px !important}}

/* thedeepdive.ca: four equal cards on the same columns; no list or 300x250 under them */
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-dd{padding-top:32px}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-ddgrid{grid-template-columns:var(--c-cols);gap:var(--c-g)}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-ddlow{display:none !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-vid #ytPlayerContainer{padding-bottom:52.5% !important}
html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-vid .hd{font-size:15px;line-height:1.3}

@media (max-width:1365px){html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l > *{font-size:12px !important}} /* narrower Wire box: 12px keeps the AI headlines on one line */
@media (max-width:1179px){
  .mtpC-l{grid-template-columns:42px 72px minmax(0,1fr);gap:8px}
  html.mtp-c-home{--c-cols:minmax(0,1fr) minmax(0,1fr)}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-left{grid-column:1}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol{grid-column:2}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-movers-card{grid-column:2 !important}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtpC-hp{display:none !important}
}
@media (max-width:820px){
  html.mtp-c-home{--c-cols:minmax(0,1fr)}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root .mtpB-wirecol{grid-column:1;padding:20px 16px 10px}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-hl2-strip{grid-row:auto !important}
  html.mtp-c-home.mtp-b-home.mtp-a-home:root body #content .mtp-dash-top-row .mtp-movers-card{grid-column:1 !important;grid-row:auto !important}
  .mtpC-top{padding-top:16px}
}
@media (max-width:600px){
  .mtpC-l{grid-template-columns:36px 62px minmax(0,1fr);gap:7px;font-size:12px;padding:0 2px;align-items:center} /* phones: narrower time and ticker columns, ~3 more headline characters */
  html.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l > *{font-size:12px !important;display:block;line-height:44px !important;min-height:44px} /* one 44px line per release: tap targets and no wrap */
}

/* Justin 14:39: white look for the Brief and the Wire, with the site red around each box. Preview switch: ?mtpw=1 (sticky
   for the tab), ?mtpw=0 back to black. html.mtp-c-white is set by c.js. */
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief,html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol{background:#fff !important;color:#111 !important;box-shadow:inset 0 0 0 2px var(--a-red,#D71920) !important /* inset: no change to box sizes, so the Wire still ends level with the Brief */}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief :is(a,b,.v,.h,.mtpB-kick,.mtpB-alerts,.mtpB-stat,.mtpB-stats){color:#111 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-dek{color:#3A3D41 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief :is(.date,#mtpB-when,.l){color:#5C6066 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .k{color:var(--a-red,#D71920) !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief :is(.d.u,.mh-up){color:#0E8A4F !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief :is(.d.w,.mh-dn,.mh-down){color:#C8151B !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-al{background:#fff !important;border-color:#E3E5E8 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-al:hover{background:#F6F6F7 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-stats{background:#E3E5E8 !important;border-color:#E3E5E8 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-stat{background:#fff !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .tag{color:#fff !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol .mtpA-sec{border-bottom-color:#E3E5E8 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol .mtpA-clock{color:#5C6066 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire{scrollbar-color:#C9CCD0 transparent}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpB-row{border-bottom-color:#ECEDEF !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpB-row:hover{background:#F6F6F7 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l{color:#111 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l :is(.tk,.h){color:#111 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l .t{color:#6B7077 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l :is(a.tk,a.h):hover{color:var(--a-red,#D71920) !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l a:focus-visible{outline-color:var(--a-red,#D71920)}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl{background:#fff !important;color:#111 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-h{color:#111 !important;-webkit-text-fill-color:#111}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl :is(.mtpC-hl-meta .tk){color:#111 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl :is(.mtpC-hl-meta,.mtpC-hl-k,.mtpC-hl-lead,.mtpC-hl-wait){color:#5C6066 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl li{color:#222 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-meta .g{color:var(--a-red,#D71920) !important;border-color:#F2C4C6 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-foot{border-top-color:#E3E5E8 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-back{color:#3A3D41 !important}
html.mtp-c-white.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-back:hover{color:var(--a-red,#D71920) !important}

/* Justin 14:45: softer dark boxes instead of black (no red edge). Preview switch: ?mtpw=2 slate #1F2731, ?mtpw=3 graphite
   #2A2E35 (?mtpw=1 white, ?mtpw=0 black). Lines inside become light see-through tints so they suit any dark tone. */
html.mtp-c-soft{--c-soft:#1F2731}
html.mtp-c-soft.mtp-c-soft-g{--c-soft:#2A2E35}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief,html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol{--a-ink:var(--c-soft);background:var(--c-soft) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-stats{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.10) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-stat{background:var(--c-soft) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-brief .mtpB-al{border-color:rgba(255,255,255,.16) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpB-wirecol .mtpA-sec{border-bottom-color:rgba(255,255,255,.10) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpB-row{border-bottom-color:rgba(255,255,255,.07) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpB-row:hover{background:rgba(255,255,255,.05) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-wire .mtpC-l .t{color:#9AA3AD !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl{background:var(--c-soft) !important}
html.mtp-c-soft.mtp-c-home.mtp-b-home.mtp-a-home:root body #content #mtpB-fold .mtpC-hl .mtpC-hl-foot{border-top-color:rgba(255,255,255,.10) !important}

/* Justin 15:02: Wire with full company names instead of tickers, preview only (?mtpn=1). Wider name column; long names end
   in "…" with the full name and ticker on hover. */
html.mtp-c-names.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l{grid-template-columns:46px minmax(0,170px) minmax(0,1fr)} /* short names (15:08): 39 of today's 40 fit in 170 px */
@media (max-width:1365px){html.mtp-c-names.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l{grid-template-columns:42px minmax(0,150px) minmax(0,1fr)}}
@media (max-width:1179px){html.mtp-c-names.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l{grid-template-columns:42px minmax(0,130px) minmax(0,1fr)}}
@media (max-width:600px){html.mtp-c-names.mtp-c-home.mtp-b-home.mtp-a-home:root #mtpB-wire .mtpC-l{grid-template-columns:36px minmax(0,100px) minmax(0,1fr)}}

/* Justin 15:22: fade the homepage in once it is ready (MTP_HOME_C_HEAD_V1 shows placeholder boxes until then) */
@keyframes mtpCfade{from{opacity:0}to{opacity:1}}
html.mtp-c-reveal body #content > *{animation:mtpCfade .2s ease-out}
@media (prefers-reduced-motion:reduce){html.mtp-c-reveal body #content > *{animation:none}}