/* The Margin Note in the HV Desk, on cream (v66, 13 Oct 2026). v65 put the notes in the Desk's dark glass; Harsh: "the
   margin notes page is not easy to read. I think it has to be in our color palette, especially the background in
   #fff0e1 ... same like Corporate Intelligence Brief", & "all the panels look the same. There has to be some difference
   in the design incl. the appearance and colour of panels ... so that the customer can distinguish what each panel is
   trying to say". So the notes are a reading page on cream (the Desk shell's cream version, the Modern type), & each
   kind of panel has its own look:
   - the masthead & a note's head: no panel, words straight on the cream, like a paper's front page;
   - the latest note: the cover, a deep navy panel with cream words;
   - Go Premium: a warm peach panel with the ember button (the offer, never a block of orange);
   - the notes themselves: white paper (the cards, the reading column, the contents);
   - Monday's brief & the author: a soft Harbour-blue panel.
   The reading column: white paper, 19px words in ink on a 1.75 line, about 68 characters a line, Harsh's hand-drawn
   underline in brick red as on the brief. Loaded only on /margin-note pages (NOTES_CSS in _notes-desk.js). Every rule
   starts with html body .hvd:not(.env-light) .mnx so the shell's general rules never win over it. */
html body .hvd:not(.env-light) .mnx{
 --nx-ink:#1E1A17;--nx-text:#2B2420;--nx-soft:#4A4039;--nx-muted:#6B5E54;
 --nx-line:rgba(30,26,23,.11);--nx-line2:rgba(30,26,23,.065);
 --nx-ember:#E76A40;--nx-ember-ink:#B8461F;--nx-harbour:#1D4A70;--nx-up:#1E7A5A;--nx-down:#B0392B;
 --nx-paper:#FFFFFF;--nx-tint:#FFF8F1;--nx-navy:#1F3A5F;--nx-deep:#132740;--nx-sky:#E7EFF7;--nx-peach:#FFE9DC;
 --nx-shadow:0 1px 2px rgba(30,26,23,.04),0 14px 30px -20px rgba(30,26,23,.28);
 display:block;max-width:1180px;margin:0 auto;padding:8px 24px 128px;color:var(--nx-text)}
html body .hvd:not(.env-light) .mnx *{box-sizing:border-box}
html body .hvd:not(.env-light) .mnx a{color:inherit;text-decoration:none}
html body .hvd:not(.env-light) .mnx :focus-visible{outline:2px solid var(--nx-ember);outline-offset:3px;border-radius:6px}

/* ---------- the pieces every part shares ---------- */
html body .hvd:not(.env-light) .mnx .mnx-q{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid rgba(231,106,64,.32);border-radius:999px;background:rgba(231,106,64,.07);color:var(--nx-ember-ink);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
html body .hvd:not(.env-light) .mnx .mnx-q svg{flex:none;color:var(--nx-ember)}
html body .hvd:not(.env-light) .mnx .mnx-pill{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--nx-line);border-radius:999px;color:var(--nx-soft);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
html body .hvd:not(.env-light) .mnx .mnx-pill-t{border-color:rgba(29,74,112,.24);color:var(--nx-harbour);background:rgba(29,74,112,.07)}
html body .hvd:not(.env-light) .mnx .mnx-pill-m{border-color:transparent;color:#FFFFFF;background:var(--nx-navy)}
html body .hvd:not(.env-light) .mnx .mnx-date{color:var(--nx-muted);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-go{color:var(--nx-ember-ink);font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-rk{display:block;margin:0 0 10px;color:var(--nx-ember-ink);font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#F08257,#E76A40);color:#1B1410;font-size:15.5px;font-weight:600;line-height:1.2;text-align:center;box-shadow:0 12px 24px -14px rgba(231,106,64,.75),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .15s}
html body .hvd:not(.env-light) .mnx .mnx-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px -14px rgba(231,106,64,.85),inset 0 1px 0 rgba(255,255,255,.4)}
html body .hvd:not(.env-light) .mnx .mnx-btn .hv-trial-sub{color:#3A241A}
html body .hvd:not(.env-light) .mnx .mnx-btn-g{background:#FFFFFF;color:var(--nx-ink);box-shadow:inset 0 0 0 1px var(--nx-line)}
html body .hvd:not(.env-light) .mnx .mnx-btn-g:hover{box-shadow:inset 0 0 0 1px rgba(30,26,23,.24)}
html body .hvd:not(.env-light) .mnx .mnx-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--nx-navy);color:#FFF0E1;font-size:12px;font-weight:600;letter-spacing:.04em}
html body .hvd:not(.env-light) .mnx .mnx-av-lg{width:56px;height:56px;font-size:15px}

/* ---------- the list of notes ---------- */
/* the masthead: straight on the cream, like a paper's front page */
html body .hvd:not(.env-light) .mnx .mnx-head{padding:30px 4px 26px;border-bottom:1px solid var(--nx-line)}
html body .hvd:not(.env-light) .mnx .mnx-head h1{margin:16px 0 12px;max-width:22ch;color:var(--nx-ink);font-size:40px;font-weight:500;line-height:1.12;letter-spacing:-.02em}
html body .hvd:not(.env-light) .mnx .mnx-lede{margin:0;max-width:62ch;color:var(--nx-soft);font-size:17.5px;line-height:1.65}
html body .hvd:not(.env-light) .mnx .mnx-proof{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;color:var(--nx-muted);font-size:13.5px}
html body .hvd:not(.env-light) .mnx .mnx-proof b{color:var(--nx-ink);font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-proof a{color:var(--nx-harbour);text-decoration:underline;text-decoration-color:rgba(29,74,112,.4);text-underline-offset:3px}
/* the latest note: the cover, a deep navy panel with cream words (the card that used to fade out) */
html body .hvd:not(.env-light) .mnx .mnx-feat{position:relative;display:block;margin-top:24px;padding:32px 38px 26px;border-radius:24px;overflow:hidden;color:rgba(255,240,225,.86);background:radial-gradient(90% 120% at 100% 0%,rgba(169,203,238,.22),rgba(169,203,238,0) 55%),linear-gradient(135deg,#25476F 0%,#1F3A5F 45%,#132740 100%);box-shadow:0 1px 2px rgba(19,39,64,.2),0 26px 48px -26px rgba(19,39,64,.6);transition:transform .18s}
html body .hvd:not(.env-light) .mnx .mnx-feat:hover{transform:translateY(-2px)}
html body .hvd:not(.env-light) .mnx .mnx-feat .mnx-q{border-color:rgba(255,154,115,.45);background:rgba(255,154,115,.1);color:#FFC7AF}
html body .hvd:not(.env-light) .mnx .mnx-feat .mnx-date{color:rgba(255,240,225,.72)}
html body .hvd:not(.env-light) .mnx .mnx-feat .mnx-pill-t{border-color:rgba(169,203,238,.4);color:#CFE2F6;background:rgba(169,203,238,.1)}
html body .hvd:not(.env-light) .mnx .mnx-feat .mnx-pill-m{color:#1B1410;background:#FFC7AF}
html body .hvd:not(.env-light) .mnx .mnx-feat-k,html body .hvd:not(.env-light) .mnx .mnx-card-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
html body .hvd:not(.env-light) .mnx .mnx-feat-t{display:block;margin:18px 0 12px;max-width:26ch;color:#FFF6EC;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.012em}
html body .hvd:not(.env-light) .mnx .mnx-feat:hover .mnx-feat-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(255,246,236,.45)}
html body .hvd:not(.env-light) .mnx .mnx-feat-sf{display:block;max-width:66ch;color:rgba(255,240,225,.86);font-size:17px;line-height:1.65}
html body .hvd:not(.env-light) .mnx .mnx-feat-f,html body .hvd:not(.env-light) .mnx .mnx-card-f{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--nx-line2);color:var(--nx-muted);font-size:13px}
html body .hvd:not(.env-light) .mnx .mnx-feat-f{border-top-color:rgba(255,240,225,.16);color:rgba(255,240,225,.75)}
html body .hvd:not(.env-light) .mnx .mnx-feat-f .mnx-go{color:#FFC7AF;font-size:14.5px}
/* earlier notes: white paper cards */
html body .hvd:not(.env-light) .mnx .mnx-list{margin-top:36px}
html body .hvd:not(.env-light) .mnx .mnx-list-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 4px 14px}
html body .hvd:not(.env-light) .mnx .mnx-list-h h2{margin:0;color:var(--nx-ink);font-size:21px;font-weight:500;line-height:1.3}
html body .hvd:not(.env-light) .mnx .mnx-topics{display:flex;flex-wrap:wrap;gap:6px}
html body .hvd:not(.env-light) .mnx .mnx-all{color:var(--nx-ember-ink);font-size:14px;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
html body .hvd:not(.env-light) .mnx .mnx-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 22px 18px;border:1px solid rgba(30,26,23,.07);border-radius:18px;background:var(--nx-paper);box-shadow:var(--nx-shadow);transition:transform .16s,box-shadow .16s}
html body .hvd:not(.env-light) .mnx .mnx-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(30,26,23,.05),0 20px 36px -22px rgba(30,26,23,.34)}
html body .hvd:not(.env-light) .mnx .mnx-card-t{display:block;color:var(--nx-ink);font-size:19px;font-weight:600;line-height:1.35}
html body .hvd:not(.env-light) .mnx .mnx-card:hover .mnx-card-t{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(30,26,23,.3)}
html body .hvd:not(.env-light) .mnx .mnx-card-sf{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--nx-soft);font-size:15px;line-height:1.6}
html body .hvd:not(.env-light) .mnx .mnx-card-f{margin-top:auto;padding-top:12px}
html body .hvd:not(.env-light) .mnx .mnx-empty{margin-top:20px;padding:30px 36px;border:1px solid rgba(30,26,23,.07);border-radius:24px;background:var(--nx-paper);box-shadow:var(--nx-shadow)}
html body .hvd:not(.env-light) .mnx .mnx-empty h2{margin:14px 0 8px;color:var(--nx-ink);font-size:24px;font-weight:500}
html body .hvd:not(.env-light) .mnx .mnx-empty p{margin:0;color:var(--nx-soft);font-size:16px;line-height:1.65}
html body .hvd:not(.env-light) .mnx .mnx-empty a{color:var(--nx-harbour);text-decoration:underline;text-underline-offset:3px}

/* ---------- Go Premium (3 days free): a warm peach panel, the offer ---------- */
html body .hvd:not(.env-light) .mnx .mnx-prem{margin-top:22px;padding:30px 36px;border:1px solid rgba(231,106,64,.26);border-radius:24px;background:radial-gradient(110% 140% at 100% 0%,rgba(255,200,170,.55),rgba(255,200,170,0) 60%),linear-gradient(135deg,var(--nx-peach),#FFF4EC);box-shadow:var(--nx-shadow)}
html body .hvd:not(.env-light) .mnx .mnx-prem h2{margin:14px 0 14px;max-width:30ch;color:var(--nx-ink);font-size:25px;font-weight:500;line-height:1.25}
html body .hvd:not(.env-light) .mnx .mnx-prem-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0 0 22px;padding:0;list-style:none}
html body .hvd:not(.env-light) .mnx .mnx-prem-l li{position:relative;padding-left:26px;color:var(--nx-soft);font-size:15px;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-prem-l li::before{content:"";position:absolute;left:2px;top:4px;width:12px;height:7px;border-left:2px solid var(--nx-ember);border-bottom:2px solid var(--nx-ember);transform:rotate(-45deg)}
html body .hvd:not(.env-light) .mnx .mnx-prem-l b{color:var(--nx-ink);font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-prem-a{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
html body .hvd:not(.env-light) .mnx .mnx-prem-m{margin:12px 0 0;color:var(--nx-muted);font-size:13.5px;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-prem-m a{color:var(--nx-harbour);text-decoration:underline;text-underline-offset:3px}
html body .hvd:not(.env-light) .mnx .mnx-wall{margin-top:18px}

/* ---------- Monday's brief, at the end of every page: a soft Harbour-blue panel ---------- */
html body .hvd:not(.env-light) .mnx .mnx-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px 40px;align-items:center;margin-top:36px;padding:30px 36px;border:1px solid rgba(29,74,112,.14);border-radius:24px;background:linear-gradient(135deg,var(--nx-sky),#F2F6FA)}
html body .hvd:not(.env-light) .mnx .mnx-band:not(:has(.mnx-band-r)){grid-template-columns:minmax(0,1fr)}
html body .hvd:not(.env-light) .mnx .mnx-band .mnx-q{border-color:rgba(29,74,112,.26);background:rgba(29,74,112,.06);color:var(--nx-harbour)}
html body .hvd:not(.env-light) .mnx .mnx-band .mnx-q svg{color:var(--nx-harbour)}
html body .hvd:not(.env-light) .mnx .mnx-band h2{margin:14px 0 10px;color:var(--nx-ink);font-size:24px;font-weight:500;line-height:1.25}
html body .hvd:not(.env-light) .mnx .mnx-band p{margin:0 0 18px;max-width:58ch;color:var(--nx-soft);font-size:15.5px;line-height:1.6}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu{margin:0;padding:20px 22px;border:1px solid rgba(29,74,112,.12);border-radius:18px;background:var(--nx-paper);box-shadow:var(--nx-shadow)}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-h{color:var(--nx-ink);font-size:16.5px;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-p{margin:6px 0 12px;color:var(--nx-soft);font-size:14px;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-form{display:flex;gap:8px;flex-wrap:wrap}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-in{flex:1 1 180px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(30,26,23,.18);background:#FFFFFF;color:var(--nx-ink);font-size:16px}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-in::placeholder{color:var(--nx-muted)}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu .btn{min-height:44px;padding:0 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#F08257,#E76A40);color:#1B1410;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-band .fsu-msg{margin-top:8px;color:var(--nx-soft);font-size:13.5px}
html body .hvd:not(.env-light) .mnx .mnx-back{margin:26px 4px 0;font-size:14.5px}
html body .hvd:not(.env-light) .mnx .mnx-back a{color:var(--nx-ember-ink);font-weight:600}

/* ---------- a note: the head, straight on the cream ---------- */
html body .hvd:not(.env-light) .mnx .mnx-hero{padding:30px 4px 26px;border-bottom:1px solid var(--nx-line)}
html body .hvd:not(.env-light) .mnx .mnx-when{margin:14px 0 0;color:var(--nx-muted);font-size:13.5px}
html body .hvd:not(.env-light) .mnx .mnx-title{margin:10px 0 16px;max-width:26ch;color:var(--nx-ink);font-size:40px;font-weight:500;line-height:1.14;letter-spacing:-.018em}
html body .hvd:not(.env-light) .mnx .mnx-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
html body .hvd:not(.env-light) .mnx .mnx-sf{margin:18px 0 0;max-width:62ch;color:var(--nx-soft);font-size:19px;line-height:1.6}
html body .hvd:not(.env-light) .mnx .mnx-by{display:flex;align-items:center;gap:12px;margin-top:22px}
html body .hvd:not(.env-light) .mnx .mnx-by b{display:block;color:var(--nx-ink);font-size:14.5px;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-by small{display:block;margin-top:1px;color:var(--nx-muted);font-size:13px;line-height:1.35}

/* ---------- a note: the rail & the reading column ---------- */
html body .hvd:not(.env-light) .mnx .mnx-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:28px;justify-content:center;align-items:start;margin-top:26px}
html body .hvd:not(.env-light) .mnx .mnx-col{min-width:0}
html body .hvd:not(.env-light) .mnx .mnx-rail{position:sticky;top:18px;display:grid;gap:12px}
html body .hvd:not(.env-light) .mnx .mnx-rail-box{display:block;padding:16px 18px;border:1px solid rgba(30,26,23,.07);border-radius:18px;background:var(--nx-paper);box-shadow:var(--nx-shadow)}
html body .hvd:not(.env-light) .mnx .mnx-rail-box[hidden]{display:none}
html body .hvd:not(.env-light) .mnx .mn-toc{display:grid;gap:2px;color:inherit}
html body .hvd:not(.env-light) .mnx .mn-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid rgba(30,26,23,.1);color:var(--nx-muted);font-size:13.5px;line-height:1.4;transition:color .15s,border-color .15s}
html body .hvd:not(.env-light) .mnx .mn-toc a:hover{color:var(--nx-ink)}
html body .hvd:not(.env-light) .mnx .mn-toc a.is-active{color:var(--nx-ember-ink);border-left-color:var(--nx-ember)}
html body .hvd:not(.env-light) .mnx .mn-toc a.mn-toc-sub{padding-left:22px;font-size:12.5px}
html body .hvd:not(.env-light) .mnx .mn-share{display:flex;flex-wrap:wrap;gap:8px}
html body .hvd:not(.env-light) .mnx .mn-share a,html body .hvd:not(.env-light) .mnx .mn-share button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--nx-tint);box-shadow:inset 0 0 0 1px var(--nx-line);color:var(--nx-ink);cursor:pointer;transition:background .15s}
html body .hvd:not(.env-light) .mnx .mn-share a:hover,html body .hvd:not(.env-light) .mnx .mn-share button:hover{background:#FFEBDD}
html body .hvd:not(.env-light) .mnx .mn-share svg{width:16px;height:16px;fill:currentColor}
html body .hvd:not(.env-light) .mnx .mn-share button.done{background:var(--nx-ember);color:#1B1410}
html body .hvd:not(.env-light) .mnx .mn-share-tip{width:100%;margin-top:2px;color:var(--nx-muted);font-size:12px}
html body .hvd:not(.env-light) .mnx .mnx-rail-prem{border-color:rgba(231,106,64,.26);background:linear-gradient(135deg,var(--nx-peach),#FFF4EC)}
html body .hvd:not(.env-light) .mnx .mnx-rail-prem b{display:block;margin-bottom:8px;color:var(--nx-ink);font-size:15px;font-weight:600;line-height:1.35}
html body .hvd:not(.env-light) .mnx .mnx-rail-prem .mnx-go{font-size:13.5px}
.mn-progress{position:fixed;top:0;right:0;left:0;z-index:150;height:3px;transform:scaleX(0);transform-origin:left center;background:#E76A40;box-shadow:0 1px 8px rgba(231,106,64,.4);will-change:transform}

/* the note itself: white paper, ink words, about 68 characters a line */
html body .hvd:not(.env-light) .mnx .mnx-body{position:relative;padding:42px 50px 46px;border:1px solid rgba(30,26,23,.07);border-radius:24px;background:var(--nx-paper);box-shadow:var(--nx-shadow);color:var(--nx-text)}
html body .hvd:not(.env-light) .mnx .mnx-body>*{max-width:68ch}
html body .hvd:not(.env-light) .mnx .mnx-body>:first-child{margin-top:0}
html body .hvd:not(.env-light) .mnx .mnx-body>:last-child{margin-bottom:0}
html body .hvd:not(.env-light) .mnx .mnx-body p{margin:0 0 22px;color:var(--nx-text);font-size:19px;line-height:1.75}
html body .hvd:not(.env-light) .mnx .mnx-body h2{position:relative;margin:44px 0 16px;padding-top:26px;border-top:1px solid var(--nx-line);color:var(--nx-ink);font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.008em;scroll-margin-top:24px}
html body .hvd:not(.env-light) .mnx .mnx-body h2::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 3px 0;border-radius:50%;background:var(--nx-ember)}
html body .hvd:not(.env-light) .mnx .mnx-body h2:first-child,html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc+h2{margin-top:0;padding-top:0;border-top:0}
html body .hvd:not(.env-light) .mnx .mnx-body h3{margin:32px 0 12px;color:var(--nx-ink);font-size:20.5px;font-weight:600;line-height:1.35;scroll-margin-top:24px}
html body .hvd:not(.env-light) .mnx .mnx-body h4{margin:26px 0 8px;color:var(--nx-ink);font-size:17.5px;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-body ul,html body .hvd:not(.env-light) .mnx .mnx-body ol{margin:0 0 24px;padding-left:26px}
html body .hvd:not(.env-light) .mnx .mnx-body li{margin:0 0 10px;padding-left:4px;color:var(--nx-text);font-size:18px;line-height:1.7}
html body .hvd:not(.env-light) .mnx .mnx-body li::marker{color:var(--nx-ember);font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-body b,html body .hvd:not(.env-light) .mnx .mnx-body strong{color:var(--nx-ink);font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-body em,html body .hvd:not(.env-light) .mnx .mnx-body i{font-style:italic}
/* Harsh's key phrases: the hand-drawn underline alone, in brick red as on the brief (no plain underline) */
html body .hvd:not(.env-light) .mnx .mnx-body u,html body .hvd:not(.env-light) .mnx .mnx-body .hv-ink{text-decoration:none;background-image:url('/assets/ink-underline.svg');background-repeat:no-repeat;background-position:left bottom;background-size:100% 7px;padding-bottom:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html body .hvd:not(.env-light) .mnx .mnx-body .hv-question{color:var(--nx-ink)}
html body .hvd:not(.env-light) .mnx .mnx-body mark{padding:0 3px;border-radius:3px;background:#FFE8A3;color:var(--nx-ink)}
html body .hvd:not(.env-light) .mnx .mnx-body a{color:var(--nx-harbour);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(29,74,112,.4);text-underline-offset:3px}
html body .hvd:not(.env-light) .mnx .mnx-body a:hover{text-decoration-color:var(--nx-harbour)}
html body .hvd:not(.env-light) .mnx .mnx-body hr{width:64px;height:3px;margin:38px 0;border:0;border-radius:2px;background:var(--nx-ember)}
html body .hvd:not(.env-light) .mnx .mnx-body small,html body .hvd:not(.env-light) .mnx .mnx-body .mn-source,html body .hvd:not(.env-light) .mnx .mnx-body .mn-attrib{display:block;color:var(--nx-muted);font-size:14.5px;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-attrib{margin:-8px 0 22px;font-style:italic}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-closer{margin-top:32px;padding-top:18px;border-top:1px solid var(--nx-line);color:var(--nx-muted);font-size:14.5px;line-height:1.6;font-style:italic}
html body .hvd:not(.env-light) .mnx .mnx-body .num{color:var(--nx-ink);font-weight:600}
/* quotes, callouts & the key box: a warm tint inside the white page */
html body .hvd:not(.env-light) .mnx .mnx-body blockquote,html body .hvd:not(.env-light) .mnx .mnx-body .pullquote{margin:30px 0;padding:22px 26px 20px;border-left:3px solid var(--nx-ember);border-radius:0 16px 16px 0;background:var(--nx-tint)}
html body .hvd:not(.env-light) .mnx .mnx-body blockquote p,html body .hvd:not(.env-light) .mnx .mnx-body .pullquote p{margin:0;color:var(--nx-ink);font-size:20.5px;font-weight:400;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-body blockquote p+p{margin-top:12px}
html body .hvd:not(.env-light) .mnx .mnx-body blockquote cite,html body .hvd:not(.env-light) .mnx .mnx-body blockquote footer,html body .hvd:not(.env-light) .mnx .mnx-body .pullquote .pq-attr{display:block;margin-top:12px;color:var(--nx-muted);font-size:12px;font-style:normal;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-body .pullquote .pq-mark{display:none}
html body .hvd:not(.env-light) .mnx .mnx-body .take,html body .hvd:not(.env-light) .mnx .mnx-body .mn-callout,html body .hvd:not(.env-light) .mnx .mnx-body .hv-takeaway{margin:26px 0;padding:18px 22px;border-left:3px solid var(--nx-ember);border-radius:0 16px 16px 0;background:var(--nx-tint)}
html body .hvd:not(.env-light) .mnx .mnx-body .take p,html body .hvd:not(.env-light) .mnx .mnx-body .mn-callout p,html body .hvd:not(.env-light) .mnx .mnx-body .hv-takeaway p{font-size:17.5px}
html body .hvd:not(.env-light) .mnx .mnx-body .take>:last-child,html body .hvd:not(.env-light) .mnx .mnx-body .mn-callout>:last-child,html body .hvd:not(.env-light) .mnx .mnx-body .hv-takeaway>:last-child{margin-bottom:0}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-callout-k,html body .hvd:not(.env-light) .mnx .mnx-body .hv-takeaway-label{display:block;margin-bottom:6px;color:var(--nx-ember-ink);font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key{max-width:none;margin:32px 0;padding:24px 26px;border:1px solid rgba(29,74,112,.14);border-radius:18px;background:var(--nx-sky)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key .mn-callout-k,html body .hvd:not(.env-light) .mnx .mnx-body .mn-key>b:first-child{display:block;margin-bottom:12px;color:var(--nx-harbour);font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key h2,html body .hvd:not(.env-light) .mnx .mnx-body .mn-key h3{margin:0 0 12px;padding:0;border:0}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key h2::before{display:none}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key ol,html body .hvd:not(.env-light) .mnx .mnx-body .mn-key ul{margin:0}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-key li:last-child{margin-bottom:0}
/* stat tiles */
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:none;margin:26px 0}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat{padding:16px 18px;border:1px solid var(--nx-line2);border-radius:16px;background:var(--nx-tint)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat b{display:block;color:var(--nx-ink);font-size:23px;font-weight:500;line-height:1.15}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat span{display:block;margin-top:6px;color:var(--nx-muted);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat i{display:block;margin-top:6px;color:var(--nx-soft);font-size:13px;font-style:normal;line-height:1.45}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat.up b{color:var(--nx-up)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-stat.dn b{color:var(--nx-down)}
/* tables (note.js wraps each in .mn-tablewrap) */
html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablewrap{max-width:none;margin:26px 0;overflow:auto;border:1px solid var(--nx-line);border-radius:16px;background:var(--nx-paper)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablewrap>b,html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablewrap>.secline,html body .hvd:not(.env-light) .mnx .mnx-body caption{display:block;margin:0;padding:14px 18px;border:0;color:var(--nx-ember-ink);font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-align:left;caption-side:top}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablewrap>.secline::before{display:none}
html body .hvd:not(.env-light) .mnx .mnx-body table{width:100%;min-width:420px;border-collapse:collapse;font-size:15px}
html body .hvd:not(.env-light) .mnx .mnx-body th{padding:11px 14px;border-bottom:1px solid var(--nx-line);background:#FBF6F0;color:var(--nx-muted);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:left}
html body .hvd:not(.env-light) .mnx .mnx-body td{padding:11px 14px;border-bottom:1px solid var(--nx-line2);color:var(--nx-text);line-height:1.5;vertical-align:top}
html body .hvd:not(.env-light) .mnx .mnx-body td+td,html body .hvd:not(.env-light) .mnx .mnx-body th+th{border-left:1px solid var(--nx-line2)}
html body .hvd:not(.env-light) .mnx .mnx-body tbody tr:nth-child(even) td{background:#FFFCF8}
html body .hvd:not(.env-light) .mnx .mnx-body tbody tr:last-child td{border-bottom:0}
html body .hvd:not(.env-light) .mnx .mnx-body td.num{color:var(--nx-ink);font-weight:600;white-space:nowrap}
html body .hvd:not(.env-light) .mnx .mnx-body td.up{color:var(--nx-up)}html body .hvd:not(.env-light) .mnx .mnx-body td.dn{color:var(--nx-down)}html body .hvd:not(.env-light) .mnx .mnx-body td.fl{color:var(--nx-muted)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablewrap .cap,html body .hvd:not(.env-light) .mnx .mnx-body .mn-tablecap{display:block;padding:10px 18px 12px;border-top:1px solid var(--nx-line2);color:var(--nx-muted);font-size:13px;line-height:1.5}
/* figures: the source screenshots on their own paper, with a hairline frame */
html body .hvd:not(.env-light) .mnx .mnx-body figure{max-width:none;margin:30px 0}
html body .hvd:not(.env-light) .mnx .mnx-body figure img,html body .hvd:not(.env-light) .mnx .mnx-body>img,html body .hvd:not(.env-light) .mnx .mnx-body p>img{display:block;width:100%;height:auto;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--nx-line),0 16px 30px -22px rgba(30,26,23,.35)}
html body .hvd:not(.env-light) .mnx .mnx-body figcaption,html body .hvd:not(.env-light) .mnx .mnx-body .cap{margin-top:10px;color:var(--nx-muted);font-size:14px;line-height:1.55}
html body .hvd:not(.env-light) .mnx .mnx-body .chartday,html body .hvd:not(.env-light) .mnx .mnx-body .stockchart{max-width:none;margin:30px 0}
html body .hvd:not(.env-light) .mnx .mnx-body .chartday img,html body .hvd:not(.env-light) .mnx .mnx-body .stockchart img{width:100%;height:auto;border-radius:14px}
/* contents on phones */
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc{display:none;max-width:none;margin:0 0 26px}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc[hidden]{display:none!important}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc details{border:1px solid var(--nx-line);border-radius:14px;background:var(--nx-tint)}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc summary{cursor:pointer;list-style:none;padding:13px 16px;color:var(--nx-ember-ink);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc summary::-webkit-details-marker{display:none}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc summary::after{content:"+";float:right;font-size:15px}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc details[open] summary::after{content:"\2212"}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-toc-m{display:grid;gap:2px;padding:0 16px 12px;color:inherit}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-toc-m a{padding:8px 0;border-top:1px solid var(--nx-line2);color:var(--nx-text);font-size:15px;line-height:1.4;text-decoration:none}
html body .hvd:not(.env-light) .mnx .mnx-body .mn-toc-m a.mn-toc-sub{padding-left:14px;color:var(--nx-muted)}
/* members-only: the opening, then the Premium box */
html body .hvd:not(.env-light) .mnx .mnx-teaser{padding-bottom:30px}

/* ---------- earlier & later notes, the author ---------- */
html body .hvd:not(.env-light) .mnx .mnx-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;color:inherit}
html body .hvd:not(.env-light) .mnx .mnx-pn-a{display:block;padding:18px 20px;border:1px solid rgba(30,26,23,.07);border-radius:18px;background:var(--nx-paper);box-shadow:var(--nx-shadow);transition:transform .15s}
html body .hvd:not(.env-light) .mnx .mnx-pn-a:hover{transform:translateY(-2px)}
html body .hvd:not(.env-light) .mnx .mnx-pn-a span{display:block;margin-bottom:6px;color:var(--nx-ember-ink);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
html body .hvd:not(.env-light) .mnx .mnx-pn-a b{display:block;color:var(--nx-ink);font-size:16px;font-weight:600;line-height:1.4}
html body .hvd:not(.env-light) .mnx .mnx-pn-next{text-align:right}
/* a note's page: every part on the same 1,038px column as the rail & the reading column */
html body .hvd:not(.env-light) .mnx.mnx-note>*{max-width:1038px;margin-left:auto;margin-right:auto}
html body .hvd:not(.env-light) .mnx .mnx-author{display:flex;gap:20px;align-items:flex-start;margin-top:20px;padding:26px 30px;border:1px solid rgba(29,74,112,.14);border-radius:24px;background:linear-gradient(135deg,var(--nx-sky),#F2F6FA)}
html body .hvd:not(.env-light) .mnx .mnx-author b{display:block;margin-bottom:6px;color:var(--nx-ink);font-size:18px;font-weight:600}
html body .hvd:not(.env-light) .mnx .mnx-author p{margin:0;max-width:70ch;color:var(--nx-soft);font-size:15px;line-height:1.65}
html body .hvd:not(.env-light) .mnx .mnx-author a{color:var(--nx-harbour);text-decoration:underline;text-underline-offset:3px}

/* ---------- tablets & phones ---------- */
@media(max-width:1000px){
 html body .hvd:not(.env-light) .mnx.mnx-note>*{max-width:820px}
 html body .hvd:not(.env-light) .mnx .mnx-layout{grid-template-columns:minmax(0,1fr)}
 html body .hvd:not(.env-light) .mnx .mnx-rail{display:none}
 html body .hvd:not(.env-light) .mnx .mnx-body .mn-mobile-toc{display:block}
}
@media(max-width:760px){
 html body .hvd:not(.env-light) .mnx{padding:4px 12px 118px}
 html body .hvd:not(.env-light) .mnx .mnx-head,html body .hvd:not(.env-light) .mnx .mnx-hero{padding:22px 4px 20px}
 html body .hvd:not(.env-light) .mnx .mnx-head h1{font-size:27px}
 html body .hvd:not(.env-light) .mnx .mnx-lede{font-size:15.5px}
 html body .hvd:not(.env-light) .mnx .mnx-title{font-size:27px;line-height:1.2}
 html body .hvd:not(.env-light) .mnx .mnx-sf{font-size:16.5px}
 html body .hvd:not(.env-light) .mnx .mnx-feat,html body .hvd:not(.env-light) .mnx .mnx-prem,html body .hvd:not(.env-light) .mnx .mnx-band,html body .hvd:not(.env-light) .mnx .mnx-empty{padding:22px 18px;border-radius:20px}
 html body .hvd:not(.env-light) .mnx .mnx-feat-t{font-size:23.5px}
 html body .hvd:not(.env-light) .mnx .mnx-feat-sf{font-size:15.5px}
 html body .hvd:not(.env-light) .mnx .mnx-prem h2,html body .hvd:not(.env-light) .mnx .mnx-band h2{font-size:21px}
 html body .hvd:not(.env-light) .mnx .mnx-prem-l{grid-template-columns:minmax(0,1fr)}
 html body .hvd:not(.env-light) .mnx .mnx-prem-a .mnx-btn{width:100%}
 html body .hvd:not(.env-light) .mnx .mnx-band{grid-template-columns:minmax(0,1fr)}
 html body .hvd:not(.env-light) .mnx .mnx-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 html body .hvd:not(.env-light) .mnx .mnx-card{padding:18px 18px 16px}
 html body .hvd:not(.env-light) .mnx .mnx-layout{margin-top:16px}
 html body .hvd:not(.env-light) .mnx .mnx-body{padding:24px 18px 26px;border-radius:20px}
 html body .hvd:not(.env-light) .mnx .mnx-body p{font-size:17.5px;line-height:1.72}
 html body .hvd:not(.env-light) .mnx .mnx-body li{font-size:17px}
 html body .hvd:not(.env-light) .mnx .mnx-body h2{font-size:21.5px;margin-top:34px;padding-top:22px}
 html body .hvd:not(.env-light) .mnx .mnx-body h3{font-size:18.5px}
 html body .hvd:not(.env-light) .mnx .mnx-body blockquote p,html body .hvd:not(.env-light) .mnx .mnx-body .pullquote p{font-size:18.5px}
 html body .hvd:not(.env-light) .mnx .mnx-body .mn-key{padding:20px 18px}
 html body .hvd:not(.env-light) .mnx .mnx-pn{grid-template-columns:minmax(0,1fr);gap:10px}
 html body .hvd:not(.env-light) .mnx .mnx-pn-next{text-align:left}
 html body .hvd:not(.env-light) .mnx .mnx-author{flex-direction:column;gap:12px;padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
 html body .hvd:not(.env-light) .mnx .mnx-feat,html body .hvd:not(.env-light) .mnx .mnx-card,html body .hvd:not(.env-light) .mnx .mnx-pn-a,html body .hvd:not(.env-light) .mnx .mnx-btn{transition:none}
 html body .hvd:not(.env-light) .mnx .mnx-feat:hover,html body .hvd:not(.env-light) .mnx .mnx-card:hover,html body .hvd:not(.env-light) .mnx .mnx-pn-a:hover,html body .hvd:not(.env-light) .mnx .mnx-btn:hover{transform:none}
}
/* print: the reading column only, dark words on white */
@media print{
 html body .hvd:not(.env-light) .mnx{color:#000;padding:0}
 html body .hvd:not(.env-light) .mnx .mnx-body{background:#fff!important;border:0;box-shadow:none!important}
 html body .hvd:not(.env-light) .mnx :is(.mnx-title,.mnx-sf,.mnx-body p,.mnx-body li,.mnx-body h2,.mnx-body h3,.mnx-body b,.mnx-body strong){color:#000!important}
 html body .hvd:not(.env-light) .mnx :is(.mnx-rail,.mnx-prem,.mnx-band,.mnx-list,.mnx-pn,.mnx-back,.mn-mobile-toc),.mn-progress{display:none!important}
}