/* HV cream matte glass (v78, 15 Oct 2026). Harsh: "use the #FFF0E1 background color for all pages, including screener as
   well as the desk page ... We use the matte glass for panels and cards", with a reference of frosted matte panels on a
   warm cream scene; he chose "cream & soft glows" & "all light glass" (black only for buttons & pills).
   - The scene: #FFF0E1 with a few large, very soft glows (ember top right, white light on the left, peach low down),
     fixed to the window, so the panels move over them as you scroll. The same on every Desk page.
   - Panels: translucent warm-white matte glass (a faint grain, a blur, a bright rim, a soft shadow, 24px corners).
   - Cards inside them: a lighter glass with the same rim, so there are two clear layers. No dark panels anywhere.
   - Buttons & chosen pills: black with white words, fully round. Ember stays for small accents (labels, the latest
     figure in a chart), Harbour blue for links & chart series.
   Loaded after every other sheet of a Desk page except the top bar's (hv-bar.css), so it wins on surfaces. Since v78 no
   page carries the old "light" scene class or the dark glass (hv-deep.css); the type those pages had is kept below. */

/* ---------- 1. the glass, as variables (the older names too, so the Desk & Company File rules in hv-glass.css take it) ---------- */
html body .hvd.hvd{
 --mg-ink:#1E1A17;--mg-ink-2:#4F453E;
 --mg-line:rgba(110,70,40,.12);
 --mg-panel:var(--grain-w),linear-gradient(160deg,rgba(255,254,252,.78),rgba(255,252,249,.64) 50%,rgba(255,253,251,.72));
 --mg-blur:blur(26px) saturate(150%);
 --mg-rim:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 1px rgba(122,72,38,.075);
 --mg-shadow:0 1px 2px rgba(96,52,22,.05),0 18px 40px -26px rgba(96,52,22,.3),0 46px 90px -56px rgba(176,82,38,.32);
 --mg-tile:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.68));
 --mg-tile-rim:inset 0 1px 0 #FFFFFF,inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 1px rgba(122,72,38,.075);
 --mg-tile-shadow:var(--mg-tile-rim),0 10px 24px -18px rgba(96,52,22,.32);
 --mg-solid:rgba(255,252,249,.97);
 --w-panel:var(--mg-panel);--w-blur:var(--mg-blur);--w-rim:var(--mg-rim);--w-shadow:var(--mg-shadow);
 --w-tile:var(--mg-tile);--w-tile-rim:var(--mg-tile-rim);--w-tile-shadow:var(--mg-tile-shadow);--w-line:var(--mg-line);
 --m-light:var(--mg-panel);--m-blur:var(--mg-blur);--m-rim:var(--mg-rim);--m-shadow:var(--mg-shadow);--m-tile:rgba(255,255,255,.72);--m-tile-shadow:var(--mg-tile-shadow);
 /* small words a shade deeper on the glass (as the light scene had them) */
 --muted:#685B52;--ember-ink:#A23F17;--up:#17694C;--down:#A3342A}

/* ---------- 2. the scene: cream & soft glows, fixed to the window, under the footer too ---------- */
html body:has(>.hvd){background:#FFF0E1}
html body .hvd.hvd{background:transparent;isolation:auto}
html body .hvd.hvd::before{display:none}
html body .hvd.hvd::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(52% 58% at 100% 0%,rgba(231,106,64,.3),rgba(231,106,64,0) 72%),
 radial-gradient(46% 52% at 12% 30%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),
 radial-gradient(56% 50% at 0% 100%,rgba(255,153,102,.26),rgba(255,153,102,0) 72%),
 radial-gradient(40% 44% at 82% 84%,rgba(231,106,64,.13),rgba(231,106,64,0) 70%),
 #FFF0E1}
/* phones: the same glows, sized for a tall, narrow window */
@media(max-width:760px){html body .hvd.hvd::after{background:
 radial-gradient(90% 40% at 100% 0%,rgba(231,106,64,.28),rgba(231,106,64,0) 72%),
 radial-gradient(80% 36% at 0% 34%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),
 radial-gradient(100% 38% at 0% 100%,rgba(255,153,102,.24),rgba(255,153,102,0) 72%),
 #FFF0E1}}
/* the footer: a band of the same glass */
html body:has(>.hvd)>footer{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.38));-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(122,72,38,.06)}

/* ---------- 3. the shell: top bar, search, open tabs & Menu ---------- */
/* the bar: whiter glass than the panels; no blur of its own, so the Menu & the search list can blur the page under them */
html body .hvd.hvd .hvd-bar{border:0;border-radius:22px;color:var(--mg-ink);background:var(--grain-w),linear-gradient(160deg,rgba(255,255,255,.84),rgba(255,253,250,.74) 50%,rgba(255,255,255,.8));box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
html body .hvd.hvd .hvd-logo{color:var(--mg-ink)}
html body .hvd.hvd .hvd-logo i{background:#1E1A17;color:#FFFFFF}
html body .hvd.hvd .hvd-mkt{color:var(--mg-ink-2)}
html body .hvd.hvd .hvd-mkt .n{color:var(--mg-ink)}
html body .hvd.hvd .hvd-av{background:#1E1A17;color:#FFFFFF;box-shadow:0 0 0 2px #FFFFFF,0 6px 14px -8px rgba(30,26,23,.6)}
/* Menu: a black pill (black on hover too); its sheet & the search list: near-solid glass over the page */
html body .hvd.hvd .hvd-menu summary{background:#1E1A17!important;border-color:#1E1A17!important;color:#FFFFFF!important;border-radius:999px}
html body .hvd.hvd .hvd-menu summary:hover,html body .hvd.hvd .hvd-menu[open] summary{background:#000000!important;border-color:#000000!important;color:#FFFFFF!important}
html body .hvd.hvd .hvd-mdd,html body .hvd.hvd .hvd-cmd .sug{border:0;border-radius:20px;background:var(--grain-w),linear-gradient(160deg,rgba(255,253,250,.97),rgba(255,250,245,.95));box-shadow:var(--mg-rim),0 30px 60px -24px rgba(96,52,22,.42);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body .hvd.hvd .hvd-mg a{color:var(--mg-ink)}
html body .hvd.hvd .hvd-mg a.on{background:rgba(30,26,23,.06);border-radius:10px}
/* visitors: Sign in as a link, Start free as the black pill */
html body .hvd.hvd .hvd-in{color:var(--mg-ink)}
html body .hvd.hvd .hvd-start{background:#1E1A17;color:#FFFFFF;box-shadow:0 10px 22px -12px rgba(30,26,23,.6)}
html body .hvd.hvd .hvd-start:hover{background:#000000;color:#FFFFFF}
/* visitors on a laptop or tablet: Sign in & Start free need the room, so the market line makes way below 1180px (the
   Menu ran past the bar's right edge at 1024px) */
@media(min-width:761px) and (max-width:1180px){html body .hvd.hvd .hvd-bar:has(>.hvd-in) .hvd-mkt{display:none}}
/* the open tabs: glass tiles, the open one whiter with an ember edge */
html body .hvd.hvd nav.hvd-tabs{background:transparent;border:0}
html body .hvd.hvd nav a.hvd-tab{border:0;border-radius:14px;background:var(--mg-tile);box-shadow:var(--mg-tile-shadow)}
html body .hvd.hvd nav a.hvd-tab:not(.on),html body .hvd.hvd nav a.hvd-tab:not(.on) b{color:var(--mg-ink)}
html body .hvd.hvd nav a.hvd-tab.on{background:#FFFFFF;box-shadow:inset 0 -3px 0 var(--ember),var(--mg-tile-shadow)}
html body .hvd.hvd .hvd-tab .t{color:var(--muted)}
html body .hvd.hvd .hvd-tab.on .t{color:var(--ember-ink)}

/* ---------- 4. panels: matte glass, on every page ---------- */
html body .hvd.hvd :is(
 .gx.sx2>.glx,
 main.cf.rr2>.rr-filters,main.cf.rr2>.table-scroll,
 main.cf>.card,
 main.cf.sx>.sx-hero,.sx-board>.sx-col,main.cf.sx>.sx-map,
 main.cf.wl .wl-add,main.cf.wl .wl-alerts,main.cf.wl .wl-card,main.cf.wl .wl-empty,
 main.vcp>.vc-hero,main.vcp>.vs,main.vcp>.vc-ov,main.vcp>.vc,
 .cf2>.fgrid>.panel,.cf2>.lite-lock
){position:relative;border:0!important;border-radius:24px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
/* the edge catches the light: a 1px ring, bright at the top left, fading, a little light again at the bottom right */
html body .hvd.hvd :is(
 .gx.sx2>.glx,main.cf.rr2>.table-scroll,main.cf>.card,main.cf.sx>.sx-hero,.sx-board>.sx-col,
 main.cf.wl .wl-card,main.cf.wl .wl-add,main.cf.wl .wl-alerts,main.cf.wl .wl-empty,main.vcp>.vc-hero,main.vcp>.vs,main.vcp>.vc-ov,main.vcp>.vc
)::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(150deg,rgba(255,255,255,1),rgba(255,255,255,.4) 24%,rgba(255,255,255,0) 52%,rgba(255,255,255,.2) 80%,rgba(255,255,255,.75));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* heads inside panels: no white band of their own, a hairline under them */
html body .hvd.hvd main.cf .card>:is(.title,h2:first-child),html body .hvd.hvd .sx-col>header{background:transparent;border-bottom:1px solid var(--mg-line)}
html body .hvd.hvd .sx-col>header{border-radius:24px 24px 0 0}

/* ---------- 5. cards inside the panels: lighter glass ---------- */
html body .hvd.hvd :is(
 .cc-grid>.cc>.cc-a,.cc-grid>.cc.cc-lock,
 .sx-cards>.sx-gc,
 main.cf.mk .kpis,main.cf .card>.table-scroll,main.cf .card>.empty,
 main.cf .card.rr-day ul.results>li,main.cf>ul.results>li,
 main.vcp .vs-g,main.vcp .vc-what,main.vcp .vc-top,
 .cf2 .lite-lock .panel
){border:0!important;border-radius:16px;background:var(--mg-tile);box-shadow:var(--mg-tile-shadow)}
html body .hvd.hvd .cc-grid>.cc>.cc-a:hover{background:#FFFFFF}
html body .hvd.hvd main.cf.mk .kpis>.kpi{background:transparent}
/* the watchlist card's three figures: a light tile with hairlines between them */
html body .hvd.hvd main.cf.wl .wl-stats{gap:0;border:0;border-radius:16px;background:var(--mg-tile);box-shadow:var(--mg-tile-shadow);overflow:hidden}
html body .hvd.hvd main.cf.wl .wl-stats>div{background:transparent}
html body .hvd.hvd main.cf.wl .wl-stats>div+div{box-shadow:inset 1px 0 0 var(--mg-line)}
/* charts drawn on their own plot: a near-white plate inside the card, so the lines stay crisp */
html body .hvd.hvd :is(.cc-cv,.sx-cv,.cf-kline-plot){background:rgba(255,255,255,.66);border-color:transparent}

/* ---------- 6. buttons & pills: black with white words, fully round ---------- */
html body .hvd.hvd :is(
 .dsk a.go,.dsk .hz a.go2,.dsk .gx a.go,.dk-lock a.dk-lock-go,
 .gx form.ssearch>button,.gx .srow>button.go,.gx form.cc-sort>button,
 .tl-o>a.tl-b,.lite-acts>a.lite-cta,
 main.cf.rr2 form.rr-filters>button,form.search.rp-search>button,form.sx-find>button,form.mk-pick>button,
 .wl-add-row>button,button.wl-primary,form.vmp-f>button,
 .mnx a.mnx-btn:not(.mnx-btn-g),.fsu-form>button.btn,
 .cf2 form.addform>button,.cf2 .dls>a.dl1,.dsk .hv-wc-acts>a.hv-wc-go,a.wl-primary
){background:#1E1A17!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;box-shadow:0 10px 22px -12px rgba(30,26,23,.6)!important;text-shadow:none;text-decoration:none!important}
html body .hvd.hvd a.wl-primary.wl-upgo{padding:9px 16px}
html body .hvd.hvd :is(
 .dsk a.go,.dsk .hz a.go2,.dsk .gx a.go,.dk-lock a.dk-lock-go,
 .gx form.ssearch>button,.gx .srow>button.go,.gx form.cc-sort>button,
 .tl-o>a.tl-b,.lite-acts>a.lite-cta,
 main.cf.rr2 form.rr-filters>button,form.search.rp-search>button,form.sx-find>button,form.mk-pick>button,
 .wl-add-row>button,button.wl-primary,form.vmp-f>button,
 .mnx a.mnx-btn:not(.mnx-btn-g),.fsu-form>button.btn,
 .cf2 form.addform>button,.cf2 .dls>a.dl1,.dsk .hv-wc-acts>a.hv-wc-go,a.wl-primary
):hover{background:#000000!important;color:#FFFFFF!important}
html body .hvd.hvd :is(.dsk a.go,.dsk a.go2)::after{color:#FFFFFF!important}
/* second buttons: a glass pill with ink words */
html body .hvd.hvd :is(
 .cf2-hero .btn-x,.cf2-hero .wl-watch button,.gx .scount>a.go,main.cf a.csv,
 button.wl-secondary,button.wl-remove,.vc-share,.mnx a.mnx-btn-g,.cf2 .dls>a:not(.dl1)
){background:rgba(255,255,255,.7)!important;color:#1E1A17!important;border:0!important;border-radius:999px!important;box-shadow:var(--mg-tile-rim),0 6px 14px -10px rgba(96,52,22,.32)!important}
html body .hvd.hvd :is(
 .cf2-hero .btn-x,.cf2-hero .wl-watch button,.gx .scount>a.go,main.cf a.csv,
 button.wl-secondary,button.wl-remove,.vc-share,.mnx a.mnx-btn-g,.cf2 .dls>a:not(.dl1)
):hover{background:#FFFFFF!important}
html body .hvd.hvd .cf2-hero .wl-watch button.on{background:rgba(231,106,64,.12)!important;color:var(--ember-ink)!important;box-shadow:inset 0 0 0 1px rgba(231,106,64,.35)!important}
/* switches & pill rows: the chosen one black, the others plain ink on the glass */
html body .hvd.hvd :is(.dsk .tog,.cf2-hero .seg,nav.cc-vt,.dsk .mvseg){background:rgba(30,26,23,.05);border:0;border-radius:999px;box-shadow:inset 0 1px 2px rgba(30,26,23,.1)}
html body .hvd.hvd :is(.dsk .tog button,.cf2-hero .seg>*,nav.cc-vt>a,.dsk .mvseg>button){border-radius:999px;border:0}
html body .hvd.hvd :is(
 .dsk .tog button.on,.cf2-hero .seg .on,nav.cc-vt>a[aria-current],nav.cc-vt>a.on,.dsk .mvseg>button[aria-pressed="true"],
 .dsk .flt button.on,.cf2 .tabs a.on,.cf2 .cf-kline-ranges button.on,.cf2 .crange .seg button.on,
 .gx .scards a.scard.on,.rr-pills>a.on,nav.sx-seg>a[aria-current],nav.sx-seg>a.on,.mk-chips>a.on,.hs-bar>button[aria-pressed="true"],
 .cf.cf2 nav.cf2-idx a[aria-current]
){background:#1E1A17!important;color:#FFFFFF!important;border-color:#1E1A17!important;box-shadow:0 6px 14px -8px rgba(30,26,23,.55)!important}
html body .hvd.hvd .gx .scards a.scard.on *{color:#FFFFFF}
html body .hvd.hvd :is(.hs-bar>button,.mk-chips>a,.cf2 .tabs a,.cf2 .cf-kline-ranges button){border-radius:999px}
/* the pills that are not chosen: a light glass pill */
html body .hvd.hvd :is(.gx .scards a.scard:not(.on),.rr-pills>a:not(.on),.mk-chips>a:not(.on),.hs-bar>button:not([aria-pressed="true"]),.sx-flt>button){background:rgba(255,255,255,.66);color:var(--mg-ink);border:0;border-radius:999px;box-shadow:var(--mg-tile-rim)}
/* fields: white pills */
html body .hvd.hvd :is(form.sx-find>input,form.search.rp-search>input,.wl-add-row>input,.fsu-form>input.fsu-in,.gx form.ssearch){border-radius:999px}
html body .hvd.hvd :is(form.sx-find>input,form.search.rp-search>input,.wl-add-row>input,.fsu-form>input.fsu-in){background:rgba(255,255,255,.9);border:0;box-shadow:inset 0 1px 2px rgba(30,26,23,.1),0 0 0 1px rgba(30,26,23,.12)}
html body .hvd.hvd :is(label>select,.hs-tbar>select,label.sx-sort>select,label.mvind>select){background-color:rgba(255,255,255,.85);border:0;border-radius:12px;box-shadow:0 0 0 1px rgba(30,26,23,.12)}

/* ---------- 7. tables on the glass: clear rows, heads that stay solid where they stick ---------- */
html body .hvd.hvd main.cf :is(.table-scroll) table{background:transparent}
html body .hvd.hvd main.cf .table-scroll thead th{background:var(--mg-solid)}
html body .hvd.hvd main.cf .table-scroll tbody tr:hover>*{background:rgba(255,255,255,.5)}

/* ---------- 7b. words on the glass: deep enough to read (AA) at small sizes. Gains & losses, the labels in ember & a
   few muted lines used cream-page colours made for white paper; the glass is a touch warmer, so they go one shade
   deeper. (:not(#hv) lifts a rule over the many page rules that set these colours, without !important; cards that carry an up
   or down class for their edge keep their own words.) ---------- */
html body .hvd.hvd .up:not(:has(:is(div,p,ul,ol,li,h2,h3,h4,figure,table,details,section,article,header))):not(#hv){color:#17694C}
html body .hvd.hvd :is(.dn,.down):not(:has(:is(div,p,ul,ol,li,h2,h3,h4,figure,table,details,section,article,header))):not(#hv){color:#A3342A}
html body .hvd.hvd .sx-tag2.ok:not(#hv){color:#17694C}
html body .hvd.hvd .sx-tag2.risk:not(#hv){color:#A3342A}
html body .hvd.hvd :is(.eyebrow,.gx .q,.dsk .q):not(#hv){color:#A23F17}
html body .hvd.hvd :is(.dsk .vm-ya,.dsk .vm-left>summary b,.cf .na,.vs-ch,.vs-k,.vc-foot,.cf.cf2 :is(.rgroup h3,h3.cmp-h,h3.pt,h3.th,.cf-kline-bar .kl-t)>span,.cf.cf2 .q8p figcaption .pm):not(#hv){color:#685B52}
html body .hvd.hvd :is(.dsk .hv-wc-k,.sx-all,.mnx .mnx-all,.mnx .mnx-back a,.mnx .mnx-q):not(#hv){color:#A23F17}
/* Market Scans: the "losing strength" orange one shade deeper, so its scores read at 14px on the glass */
html body .hvd.hvd main.cf.sx{--s2:#A84D0E}
/* the brief's index: its label in ember ink, its section links in a deeper brown */
html body.hv-brief-page .hvd.hvd .hvbr-toc-kicker:not(#hv){color:#A23F17}
html body.hv-brief-page .hvd.hvd .hvbr-toc-link:not(#hv){color:#5E5249}
/* Market Pulse's sort direction: a glass pill with ink words (it was a pink chip) */
html body .hvd.hvd .hs-tbar>button.hs-dir{background:rgba(255,255,255,.7);color:#1E1A17;border:0;border-radius:999px;box-shadow:var(--mg-tile-rim),0 6px 14px -10px rgba(96,52,22,.32)}
/* the count in a chosen screen's pill: white on the black pill (it was ember) */
html body .hvd.hvd .gx.sx2 .spills .scard.on em{background:rgba(255,255,255,.18);color:#FFFFFF}

/* ---------- 8. the Desk ---------- */
/* the greeting sits straight on the cream: ink words */
html body .hvd.hvd .dsk .mast h1,html body .hvd.hvd .dsk .mast .hv-asof{color:var(--mg-ink)}
html body .hvd.hvd .dsk .mast .d{color:var(--ember-ink)}
html body .hvd.hvd .dsk .mast .hv-asof-dot{background:#2F7D4F}
/* the What changed rail's filters: words, the chosen one a black pill */
html body .hvd.hvd .dsk .flt button{border-radius:999px;padding:4px 10px}
/* the free & visitor welcome card: glass, not a framed paper box */
html body .hvd.hvd .dsk section.hv-wc{border:0;border-radius:24px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}

/* ---------- 8b. the other pages' own pieces ---------- */
/* Market Pulse: the day's verdict line, a light tile with its ember edge */
html body .hvd.hvd main.cf.mk .mk-verdict{background:var(--mg-tile);border-top:0;border-right:0;border-bottom:0;border-radius:16px;box-shadow:var(--mg-tile-shadow)}
/* Market Scans: the switches' frames as light glass tracks, How it works & an industry's companies as glass panels */
html body .hvd.hvd main.cf.sx nav.sx-seg{background:rgba(255,255,255,.55);border:0;box-shadow:var(--mg-tile-rim)}
html body .hvd.hvd main.cf.sx>details.sx-how,html body .hvd.hvd main.cf.sx>section.sx-col.sx-mem{position:relative;border:0;border-radius:24px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
/* Market Scans: the cycle's side labels ("Getting stronger", "Losing strength") ran a few units past the drawing & were cut */
html body .hvd.hvd main.cf.sx svg.sx-cyc{overflow:visible}
/* the Valuation map: the list of sectors (or of a sector's companies) in one glass panel */
html body .hvd.hvd .vmp>.vm{position:relative;margin-top:18px;padding:6px 24px 10px;border:0;border-radius:24px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body .hvd.hvd .vmp>.vm>.vm-r:last-child{border-bottom:0}
/* tablets: the sector page's five columns fit inside the panel (they ran 14-40px past the screen from 761 to about 880px) */
@media(min-width:761px) and (max-width:900px){html body .hvd.hvd .vmp>.vm{padding-left:14px;padding-right:14px}html body .hvd.hvd .vmp :is(.vm-h,.vm-r).vm-c{grid-template-columns:minmax(140px,1.4fr) minmax(70px,.55fr) minmax(110px,1.2fr) minmax(110px,1.2fr) minmax(120px,.95fr);gap:8px 12px}}
@media(max-width:760px){html body .hvd.hvd .vmp>.vm{padding:4px 14px 8px;border-radius:20px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--grain-w),linear-gradient(160deg,rgba(255,254,252,.86),rgba(255,252,249,.76) 50%,rgba(255,253,251,.8))}}
/* the Company File: the index that stays on screen, a denser glass so its words stay clear over the page */
html body .hvd.hvd .cf.cf2>nav.cf2-idx{border:0;border-radius:18px;background:var(--grain-w),linear-gradient(160deg,rgba(255,253,250,.9),rgba(255,251,247,.84));box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body .hvd.hvd .cf.cf2>nav.cf2-idx a:not([aria-current]){color:var(--mg-ink)}
html body .hvd.hvd .cf.cf2>nav.cf2-idx a:not([aria-current]):hover{background:rgba(30,26,23,.06)}
/* small pop-up notes (the ratio questions, the Desk's "i" notes): white glass, a soft shadow */
html body .hvd.hvd :is(.cf2 .qx .pop,.dsk .dq-pop){border:0;border-radius:16px;background:var(--grain-w),linear-gradient(160deg,rgba(255,255,255,.98),rgba(255,252,249,.96));box-shadow:var(--mg-tile-rim),0 24px 48px -20px rgba(96,52,22,.42)}
/* the Daily Brief inside the Desk: the reading switch bar, the snapshot & the start box in glass; the snapshot's head light */
html body.hv-brief-page .hvd.hvd .brief-reading-tools{padding:8px 10px 8px 20px;background:var(--grain-w),linear-gradient(160deg,rgba(255,253,250,.9),rgba(255,251,247,.84));border:0;border-radius:18px;box-shadow:var(--mg-rim),0 12px 26px -18px rgba(96,52,22,.32);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body.hv-brief-page .hvd.hvd .brief-reading-tools>div{background:rgba(30,26,23,.05);border-radius:999px;box-shadow:inset 0 1px 2px rgba(30,26,23,.1)}
html body.hv-brief-page .hvd.hvd .brief-reading-tools button{border-radius:999px}
html body.hv-brief-page .hvd.hvd .brief-reading-tools button[aria-pressed=true]{background:#1E1A17;color:#FFFFFF}
html body.hv-brief-page .hvd.hvd :is(.hvbr-data-panel,.hvbr-start){border:0;border-radius:20px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body.hv-brief-page .hvd.hvd .hvbr-data-panel .secline{background:transparent;color:var(--mg-ink);border-bottom:1px solid var(--mg-line)}
html body.hv-brief-page .hvd.hvd .hvbr-data-panel table.snap thead th{background:rgba(30,26,23,.04)}
html body.hv-brief-page .hvd.hvd .hvbr-data-panel table.snap td{background:transparent}
html body.hv-brief-page .hvd.hvd .hvbr-data-panel table.snap tbody tr:nth-child(even) td{background:rgba(255,255,255,.45)}
html body.hv-brief-page .hvd.hvd .hvbr-start-link{border-top-color:var(--mg-line)}
/* each story is a glass panel, so the long reads sit on the glass, not straight on the scene */
html body.hv-brief-page .hvd.hvd .hvbr-story-card{margin:0 0 18px;padding:22px 28px 26px;border:0;border-radius:24px;background:var(--mg-panel);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body.hv-brief-page .hvd.hvd .hvbr-story-card h3.story{margin-top:4px}
@media(max-width:820px){html body.hv-brief-page .hvd.hvd .bx-desk .brief-body.hvbr-body{padding-left:0;padding-right:0}}
@media(max-width:760px){html body.hv-brief-page .hvd.hvd .hvbr-story-card{padding:16px 16px 20px;border-radius:20px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--grain-w),linear-gradient(160deg,rgba(255,254,252,.86),rgba(255,252,249,.76) 50%,rgba(255,253,251,.8))}}

/* the subscribe dialog (visitors): the same glass, its button the black pill */
html body:has(>.hvd) .hvsd{border:0;border-radius:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='2 0 0 0 -.5 2 0 0 0 -.5 2 0 0 0 -.5 0 0 0 0 .035'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,rgba(255,253,250,.98),rgba(255,248,241,.96));box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 1px rgba(122,72,38,.08),0 40px 80px -30px rgba(96,52,22,.5)}
html body:has(>.hvd) .hvsd::backdrop{background:rgba(30,26,23,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body:has(>.hvd) .hvsd h2{color:#1E1A17}
html body:has(>.hvd) .hvsd-k{color:#A23F17}
html body:has(>.hvd) .hvsd-f input{border:0;border-radius:999px;box-shadow:inset 0 1px 2px rgba(30,26,23,.1),0 0 0 1px rgba(30,26,23,.16)}
html body:has(>.hvd) .hvsd-f input:focus{outline:2px solid #1D4A70}
html body:has(>.hvd) :is(.hvsd-go,.hvsd-done){border-radius:999px;background:#1E1A17;color:#FFFFFF}
html body:has(>.hvd) :is(.hvsd-go,.hvsd-done):hover{background:#000000}
html body:has(>.hvd) .hvsd-in{border:0;border-radius:999px;background:rgba(255,255,255,.75);color:#1E1A17;box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 1px rgba(30,26,23,.14)}
html body:has(>.hvd) .hvsd-in:hover{background:#1E1A17;color:#FFFFFF}
html body:has(>.hvd) .hvsd-alt{border-top-color:rgba(110,70,40,.12)}
@media(max-width:560px){html body:has(>.hvd) .hvsd{border-radius:24px 24px 0 0}}

/* ---------- 8c. layout touches the dark glass pages had (hv-deep.css's tail), kept for the same pages ---------- */
/* the free Desk's account card as wide as the panels under it (the cream card kept 5px free for its offset shadow) */
html body .hvd.hvd .dsk section.hv-wc{margin-right:0}
/* the Big moves stories: glass tiles */
html body .hvd.hvd .dsk .bst{border-color:transparent;background:var(--mg-tile);box-shadow:var(--mg-tile-shadow)}
/* the Results Room's "Announced" column on one line (v67) */
html body .hvd.hvd .rr2 table.rr td.rr-when{white-space:nowrap;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
/* the Results Room's four views: on phones the pills wrap so all four show, no sideways scroll (v67) */
@media(max-width:600px){html body .hvd.hvd main.cf.rr2 .rr-screens.rr-pills{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0;-webkit-mask-image:none;mask-image:none}}
/* the same 12px page edge on phones as the Desk, the Company File & the Screener (v61 for the dark pages), now on every
   page built this way (Market Scans, Market Pulse, Corporate Actions & the Watchlist had 24px), so the panels do not jump
   in & out when you switch tabs */
@media(max-width:760px){html body .hvd.hvd main.cf:not(.cf2){padding-left:12px;padding-right:12px}html body .hvd.hvd main.cf:not(.cf2) .sc-presets{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}
/* the Company File's tables: the company column is solid only while the table scrolls sideways under it */
html body .hvd.hvd .cf2 .tscroll{container-type:scroll-state}
@container not scroll-state(scrollable:inline){
 html body .hvd.hvd .cf2 .tscroll .ft tbody th,html body .hvd.hvd .cf2 .tscroll .ft thead th:first-child{background:transparent;box-shadow:none}
 html body .hvd.hvd .cf2 .tscroll .ft tr.latest th{background:rgba(231,106,64,.07)}
}

/* ---------- 9. the Margin Note: the cover & the bands in light glass (they were navy, blue & peach) ---------- */
html body .hvd.hvd .mnx :is(.mnx-feat,.mnx-band,.mnx-author,.mnx-prem){background:var(--mg-panel)!important;border:0;color:var(--mg-ink);box-shadow:var(--mg-rim),var(--mg-shadow);-webkit-backdrop-filter:var(--mg-blur);backdrop-filter:var(--mg-blur)}
html body .hvd.hvd .mnx .mnx-prem{background:radial-gradient(70% 120% at 100% 0%,rgba(231,106,64,.16),rgba(231,106,64,0) 70%),var(--mg-panel)!important}
html body .hvd.hvd .mnx :is(.mnx-feat,.mnx-band,.mnx-author,.mnx-prem)::before,html body .hvd.hvd .mnx :is(.mnx-feat,.mnx-band,.mnx-author,.mnx-prem)::after{display:none}
html body .hvd.hvd .mnx :is(.mnx-card,.mnx-rail-box,.mnx-pn-a,.fsu){border:0;background:var(--mg-tile);box-shadow:var(--mg-tile-shadow)}
html body .hvd.hvd .mnx .mnx-body{background:rgba(255,255,255,.82)!important;border-radius:24px;box-shadow:var(--mg-rim),var(--mg-shadow)!important}
html body .hvd.hvd .mnx :is(.mnx-av,.mnx-pill-m){background:#1E1A17;color:#FFFFFF}
/* the cover's words in ink now that it is light */
html body .hvd.hvd .mnx .mnx-feat{color:var(--mg-ink-2)}
html body .hvd.hvd .mnx .mnx-feat .mnx-feat-t{color:var(--mg-ink)}
html body .hvd.hvd .mnx .mnx-feat:hover .mnx-feat-t{text-decoration-color:rgba(30,26,23,.3)}
html body .hvd.hvd .mnx .mnx-feat .mnx-feat-sf{color:var(--mg-ink-2)}
html body .hvd.hvd .mnx .mnx-feat .mnx-q{border-color:rgba(231,106,64,.3);background:rgba(231,106,64,.1);color:var(--ember-ink)}
html body .hvd.hvd .mnx .mnx-feat .mnx-date{color:var(--muted)}
html body .hvd.hvd .mnx .mnx-feat .mnx-pill-t{border-color:rgba(29,74,112,.3);background:rgba(29,74,112,.06);color:var(--harbour)}
html body .hvd.hvd .mnx .mnx-feat .mnx-pill-m{background:#1E1A17;color:#FFFFFF}
html body .hvd.hvd .mnx .mnx-feat .mnx-feat-f{border-top-color:var(--mg-line);color:var(--muted)}
html body .hvd.hvd .mnx .mnx-feat .mnx-feat-f .mnx-go{color:var(--ember-ink)}
/* the bands' hairlines & the sign-up box */
html body .hvd.hvd .mnx .mnx-band .fsu{border:0}

/* ---------- 10. phones: the long panels keep their fill without the live blur (it looks the same over the soft glows &
   scrolls faster); slightly smaller corners ---------- */
@media(max-width:760px){
 html body .hvd.hvd :is(.gx.sx2>.glx,main.cf.rr2>.table-scroll,main.cf>.card,main.cf.sx>.sx-hero,.sx-board>.sx-col,main.cf.wl .wl-card,main.vcp>.vc,main.vcp>.vs,.mnx .mnx-feat,.mnx .mnx-band,.mnx .mnx-prem){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--grain-w),linear-gradient(160deg,rgba(255,254,252,.86),rgba(255,252,249,.76) 50%,rgba(255,253,251,.8))}
 html body .hvd.hvd :is(.gx.sx2>.glx,main.cf.rr2>.table-scroll,main.cf>.card,main.cf.sx>.sx-hero,.sx-board>.sx-col,main.cf.wl .wl-card,main.cf.wl .wl-add,main.cf.wl .wl-alerts,main.vcp>.vc-hero,main.vcp>.vs,main.vcp>.vc-ov,main.vcp>.vc){border-radius:20px}
 html body:has(>.hvd)>footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.54))}
}
/* no blur available, or the reader asks for less transparency: the same panels, nearly solid */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 html body .hvd.hvd{--mg-panel:var(--grain-w),rgba(255,251,247,.9);--w-panel:var(--grain-w),rgba(255,251,247,.9)}
}
@media (prefers-reduced-transparency:reduce){
 html body .hvd.hvd{--mg-panel:#FFFBF7;--w-panel:#FFFBF7;--mg-tile:#FFFFFF;--w-tile:#FFFFFF}
 html body .hvd.hvd::after{background:#FFF0E1}
}
@media print{html body .hvd.hvd::after{display:none}html body:has(>.hvd){background:#FFFFFF}}

/* ---------- 11. the type the Desk & the shell had in the light scene (v59, v60, v66; hv-glass.css), now on every page.
   Same weight as before (two classes), loaded later, so they win where they won before. ---------- */
html .hvd.hvd .dsk .sx-h,html .hvd.hvd .dsk .sx-s small,html .hvd.hvd .dsk .sx-na>b,html .hvd.hvd .dsk .sx-na em,html .hvd.hvd .dsk .idk,html .hvd.hvd .dsk .bmhint,html .hvd.hvd .dsk table.bmt thead th:not(.bg){color:var(--muted)}
html .hvd.hvd .dsk .tk-k{color:var(--ember-ink)}
html .hvd.hvd .dsk .sx-c>b.up,html .hvd.hvd .dsk .idl b.up,html .hvd.hvd .dsk table.bmt .up,html .hvd.hvd .dsk .hz-ind .irow.sel .ch.up{color:var(--up)}
html .hvd.hvd .dsk .sx-c>b.dn,html .hvd.hvd .dsk .idl b.dn,html .hvd.hvd .dsk table.bmt .dn,html .hvd.hvd .dsk .hz-ind .irow.sel .ch.dn{color:var(--down)}
html .hvd.hvd .hvd-tabhint{padding:5px 12px;border-radius:999px;color:#5E5249;background:rgba(255,255,255,.66);-webkit-backdrop-filter:var(--w-blur);backdrop-filter:var(--w-blur);box-shadow:var(--w-tile-rim)}
html .hvd.hvd nav a.hvd-tab{-webkit-backdrop-filter:var(--w-blur);backdrop-filter:var(--w-blur)}
html .hvd.hvd .dsk .q,html .hvd.hvd .cf2-hero .eyebrow{background:linear-gradient(rgba(231,106,64,.1),rgba(231,106,64,.1)),rgba(255,255,255,.72)!important}
html .hvd.hvd .cf2-sec .idx{background:linear-gradient(rgba(231,106,64,.11),rgba(231,106,64,.11)),rgba(255,255,255,.72)}
html .hvd.hvd .dsk :is(h1,h2,h3,h4){font-weight:500}
html .hvd.hvd .hvd-logo{font-size:16px;font-weight:500;letter-spacing:.01em}
html .hvd.hvd .hvd-menu summary{font-size:13.5px;font-weight:500}
html .hvd.hvd .hvd-mkt{font-size:13px}
html .hvd.hvd .hvd-mkt .n{font-weight:500}
html .hvd.hvd nav a.hvd-tab{font-size:13.5px}
html .hvd.hvd nav a.hvd-tab b{font-weight:500}
html .hvd.hvd nav a.hvd-tab .t{font-size:11px;font-weight:500;letter-spacing:.06em}
html .hvd.hvd .hvd-tabhint{font-size:12px}
html .hvd.hvd .hvd-mg p{letter-spacing:.12em}
html .hvd.hvd .dsk .mast .d{font-size:13px;font-weight:500;letter-spacing:.04em}
html .hvd.hvd .dsk .mast h1{font-size:28.5px;font-weight:400;letter-spacing:-.02em;line-height:1.15}
html .hvd.hvd .dsk .mast .hv-asof{font-size:13.5px;font-weight:400}
html .hvd.hvd .dsk .tk-k{font-size:11.5px;font-weight:600;letter-spacing:.14em}
html .hvd.hvd .dsk .tk-h{font-size:18.5px;font-weight:500;line-height:1.45;letter-spacing:-.01em}
html .hvd.hvd .dsk .tk-go{font-size:13.5px;font-weight:500}
html .hvd.hvd .dsk .q{font-size:11px!important;font-weight:600!important;letter-spacing:.14em;padding:4px 11px}
html .hvd.hvd .dsk h2,html .hvd.hvd .dsk .h2{font-size:20.5px;font-weight:500;letter-spacing:-.015em}
html .hvd.hvd .dsk h3{font-size:16px;font-weight:600;letter-spacing:-.01em}
html .hvd.hvd .dsk .ilede{font-size:15px;line-height:1.55}
html .hvd.hvd .dsk :is(.sx-h,.vm-h) span,html .hvd.hvd .dsk .mvd-k{font-size:11px;font-weight:600;letter-spacing:.12em}
html .hvd.hvd .dsk .ctl,html .hvd.hvd .dsk .ctl span{font-size:13.5px}
html .hvd.hvd .dsk .tog button{font-size:13px;font-weight:500}
html .hvd.hvd .dsk .mvall summary{font-size:14px;font-weight:600}
html .hvd.hvd .dsk :is(a.go,a.go2){font-size:14px!important;font-weight:600!important}
html .hvd.hvd .dsk .more2,html .hvd.hvd .dsk .vm-more{font-size:13.5px;font-weight:500}
html .hvd.hvd .dsk .sch b,html .hvd.hvd .dsk .tgn{font-size:14.5px;font-weight:600}
html .hvd.hvd .dsk .irow,html .hvd.hvd .dsk .irow .nm{font-size:14px}
html .hvd.hvd .dsk .irow .n{font-size:13.5px;font-weight:500}
html .hvd.hvd .dsk .et b.n,html .hvd.hvd .dsk .front b{font-weight:400}
html .hvd.hvd .dsk .rail .hd h3{font-size:17.5px;font-weight:500}
html .hvd.hvd .dsk .rail .flt button{font-size:13px}
html .hvd.hvd .dsk .rail .day{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
html .hvd.hvd .dsk .rail .it .ty2{font-size:12.5px}
html .hvd.hvd .dsk .rail .it h4{font-size:14.5px;font-weight:550;line-height:1.4}
html .hvd.hvd .dsk .rail .it p{font-size:13.5px;line-height:1.5}
/* phones */
@media(max-width:760px){
 html .hvd.hvd .dsk .mast .d{font-size:12.5px;font-weight:500;letter-spacing:.04em}
 html .hvd.hvd .dsk .mast h1{font-size:21px;font-weight:400;line-height:1.2;letter-spacing:-.02em}
 html .hvd.hvd .dsk .mast .hv-asof{font-size:12.5px;font-weight:400}
 html .hvd.hvd .dsk .tk-k{font-size:10.5px;font-weight:600;letter-spacing:.12em}
 html .hvd.hvd .dsk .tk-h{font-size:16px;font-weight:500;line-height:1.42}
 html .hvd.hvd .dsk .tk-go{font-size:13px;font-weight:500}
 html .hvd.hvd .dsk .q{font-size:10.5px!important;font-weight:600!important;letter-spacing:.12em;padding:4px 10px}
 html .hvd.hvd .dsk h2{font-size:17.5px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
 html .hvd.hvd .dsk .ilede{font-size:14.5px;line-height:1.5}
 html .hvd.hvd .dsk h3{font-size:15.5px;font-weight:600}
 html .hvd.hvd .dsk .mvh{font-size:14px}
 html .hvd.hvd .dsk .rail .it h4{font-size:13.5px}
 html .hvd.hvd .dsk .sch b{font-size:14.5px;font-weight:600}
 html .hvd.hvd .dsk .h2{font-size:16px;font-weight:500}
 html .hvd.hvd .dsk .cc .t b{font-size:14px;font-weight:600}
 html .hvd.hvd .dsk .tgn{font-size:14px;font-weight:600}
 html .hvd.hvd .dsk .mvd-k{font-size:10.5px;font-weight:600;letter-spacing:.12em}
 html .hvd.hvd .dsk .mvall summary{font-size:13.5px;font-weight:600}
 html .hvd.hvd .dsk .sx-s b{font-size:14px}
 html .hvd.hvd .dsk .mast{padding-bottom:4px}
 html .hvd.hvd .dsk .tk{margin-top:4px}
}