/* ---------- The Margin Note (blog) ---------- */
/* Shares the Corporate Intelligence Brief's editorial language: dark hero card
   with a coral hard shadow, paper cards on cream, Lato 900 display type,
   coral accents. Customised for a single long-form note. */
main.mn-note,main.mn-index{
  --mn-cream:#fff0e1;--mn-paper:#fffaf5;--mn-ink:#171412;--mn-muted:#746962;
  --mn-coral:#f46c62;--mn-coral-dark:#b93e38;--mn-line:#dccbc0;--mn-hl:rgba(244,108,98,.27);
  --mn-shadow:0 18px 50px rgba(64,38,27,.09);
  display:block;
  background:
    radial-gradient(circle at 7% 12%,rgba(244,108,98,.09),transparent 24rem),
    radial-gradient(circle at 95% 45%,rgba(244,108,98,.07),transparent 27rem);
  color:var(--mn-ink);
  padding-bottom:40px;
}
main.mn-note *,main.mn-note *::before,main.mn-note *::after,
main.mn-index *,main.mn-index *::before,main.mn-index *::after{font-family:'Lato',-apple-system,'Segoe UI',sans-serif}
.mn-wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* progress line (added by note.js) */
.mn-progress{position:fixed;top:0;right:0;left:0;z-index:150;height:4px;transform:scaleX(0);transform-origin:left center;background:#f46c62;box-shadow:0 1px 7px rgba(244,108,98,.4);will-change:transform}

/* eyebrow (shared) */
.mn-eyebrow{gap:8px;color:var(--mn-coral-dark)}
.mn-eyebrow svg{color:var(--mn-coral)}

/* ---------- single note: hero ---------- */
.mn-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1120px;margin:46px auto 0;border:1px solid var(--mn-ink);border-radius:18px;padding:62px 64px 54px;background:linear-gradient(125deg,rgba(244,108,98,.14),transparent 40%),var(--mn-ink);color:var(--mn-paper);box-shadow:14px 14px 0 var(--mn-coral)}
.mn-hero::before{position:absolute;top:-122px;right:-90px;z-index:-1;width:340px;height:340px;border:48px solid rgba(244,108,98,.12);border-radius:50%;content:""}
.mn-hero::after{position:absolute;right:64px;bottom:38px;z-index:-1;width:126px;height:7px;background:var(--mn-coral);content:""}
.mn-hero .mn-eyebrow{color:#ff9c94}
.mn-title{max-width:22ch;margin:18px 0 18px;color:var(--mn-paper);font-size:clamp(36px,4.8vw,60px);font-weight:900;line-height:1.05;letter-spacing:-.032em}
.mn-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mn-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,250,245,.24);border-radius:999px;padding:6px 11px;color:rgba(255,250,245,.72);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;line-height:1}
.mn-pill-topic{border-color:rgba(244,108,98,.55);color:#ff9c94;background:rgba(244,108,98,.12)}
.mn-pill-lock{border-color:rgba(255,250,245,.4);color:var(--mn-ink);background:rgba(255,250,245,.9)}
.mn-standfirst{max-width:66ch;color:rgba(255,250,245,.8);font-size:18.5px;line-height:1.7}
.mn-byline{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,250,245,.14)}
.mn-byline b{display:block;color:var(--mn-paper);font-size:13.5px;font-weight:900;letter-spacing:.02em}
.mn-byline small{display:block;color:rgba(255,250,245,.6);font-size:12px;line-height:1.35}
.mn-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mn-coral);color:var(--mn-ink);font-size:12px;font-weight:900;letter-spacing:.04em}
.mn-avatar-lg{width:60px;height:60px;font-size:16px}

/* ---------- single note: layout ---------- */
.mn-layout{max-width:1120px;margin:40px auto 0;padding:0 24px;display:grid;grid-template-columns:220px minmax(0,740px);gap:44px;justify-content:center;align-items:start}
.mn-rail{position:sticky;top:28px;display:grid;gap:14px}
.mn-rail-box{border:1px solid var(--mn-line);border-radius:12px;padding:16px 18px;background:rgba(255,250,245,.9)}
.mn-rail-kicker{display:block;margin-bottom:9px;color:var(--mn-coral-dark);font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mn-toc,.mn-toc-m,.mn-pn{text-transform:none;letter-spacing:0;color:inherit}
.mn-toc{display:grid;gap:2px}
.mn-toc a{position:relative;display:block;padding:6px 0 6px 14px;color:var(--mn-muted);font-size:12.5px;font-weight:700;line-height:1.35;border-left:2px solid transparent;transition:color .15s,border-color .15s}
.mn-toc a::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:transparent}
.mn-toc a:hover{color:var(--mn-ink)}
.mn-toc a.is-active{color:var(--mn-coral-dark);border-left-color:var(--mn-coral)}
.mn-toc a.mn-toc-sub{padding-left:24px;font-weight:400;font-size:12px}
.mn-share{display:flex;flex-wrap:wrap;gap:8px}
.mn-share a,.mn-share button{width:38px;height:38px;border:1px solid var(--mn-ink);border-radius:50%;display:grid;place-items:center;background:var(--mn-paper);color:var(--mn-ink);cursor:pointer;transition:background .15s,color .15s,transform .15s;padding:0;font:inherit}
.mn-share a:hover,.mn-share button:hover{background:var(--mn-ink);color:var(--mn-paper);transform:translateY(-1px)}
.mn-share svg{width:16px;height:16px;fill:currentColor}
.mn-share button.done{background:var(--mn-coral);border-color:var(--mn-coral);color:var(--mn-ink)}
.mn-share-tip{width:100%;margin-top:2px;color:var(--mn-muted);font-size:11px}

/* ---------- single note: body card & typography ---------- */
.mn-body{position:relative;border:1px solid var(--mn-line);border-radius:16px;padding:46px 52px 48px;background:rgba(255,250,245,.82);box-shadow:var(--mn-shadow);overflow:hidden}
.mn-body::before{position:absolute;top:-1px;right:44px;left:44px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--mn-coral),rgba(244,108,98,.12));content:""}
.mn-body>*{max-width:70ch}
.mn-body>:last-child{margin-bottom:0}
.mn-body p{margin:0 0 20px;color:#2e2825;font-size:17.5px;line-height:1.78}
.mn-body>p:first-of-type::first-letter{float:left;margin:8px 10px 0 0;color:var(--mn-coral-dark);font-size:64px;font-weight:900;line-height:.82}
.mn-body h2{position:relative;margin:42px 0 16px;padding-top:26px;border-top:1px solid var(--mn-line);color:var(--mn-ink);font-size:24px;font-weight:900;line-height:1.2;letter-spacing:-.012em;scroll-margin-top:30px}
.mn-body h2::before{content:"";display:inline-block;width:9px;height:9px;margin:0 10px 2px 0;border-radius:50%;background:var(--mn-coral)}
.mn-body h2:first-child,.mn-body .mn-mobile-toc+h2{border-top:0;padding-top:0;margin-top:0}
.mn-body h3{margin:30px 0 10px;color:var(--mn-ink);font-size:19px;font-weight:900;line-height:1.3;letter-spacing:-.01em;scroll-margin-top:30px}
.mn-body h4{margin:24px 0 8px;color:var(--mn-ink);font-size:16px;font-weight:900}
.mn-body h4::before{color:var(--mn-coral);content:"+ ";font-weight:900}
.mn-body ul,.mn-body ol{margin:0 0 22px;padding-left:24px}
.mn-body li{margin:0 0 10px;color:#2e2825;font-size:16.5px;line-height:1.7}
.mn-body li::marker{color:var(--mn-coral-dark);font-weight:900}
.mn-body li b,.mn-body li strong{color:var(--mn-ink)}
.mn-body strong,.mn-body b{font-weight:900}
.mn-body mark{background:var(--mn-hl);color:inherit;padding:0 3px;border-radius:2px}
.mn-body a{color:var(--mn-coral-dark);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:rgba(185,62,56,.45)}
.mn-body a:hover{text-decoration-color:var(--mn-coral-dark)}
.mn-body hr{width:72px;height:4px;margin:38px 0;border:0;border-radius:2px;background:var(--mn-coral)}
.mn-body em{font-style:italic}
.mn-body .num{font-weight:900;color:var(--mn-ink)}
.mn-body small,.mn-body .mn-source,.mn-body .mn-attrib{display:block;color:var(--mn-muted);font-size:13.5px;line-height:1.55}
.mn-body .mn-attrib{font-style:italic;margin:-8px 0 22px}
.mn-body .mn-closer{margin-top:30px;padding-top:18px;border-top:1px solid var(--mn-line);color:var(--mn-muted);font-size:13.5px;font-style:italic}

/* quotes */
.mn-body blockquote,.mn-body .pullquote{position:relative;margin:32px 0;border:1px solid var(--mn-line);border-left:5px solid var(--mn-coral);border-radius:10px;padding:24px 28px 22px 30px;background:#fff1e7;text-align:left}
.mn-body blockquote p,.mn-body .pullquote p{margin:0;color:var(--mn-ink);font-family:'Lora',Georgia,serif!important;font-size:20px;font-weight:600;line-height:1.5}
.mn-body blockquote p+p{margin-top:12px}
.mn-body blockquote p *,.mn-body .pullquote p *{font-family:inherit!important}
.mn-body blockquote::before,.mn-body .pullquote .pq-mark{position:absolute;top:-8px;left:18px;color:var(--mn-coral);font-family:'Lora',Georgia,serif!important;font-size:54px;font-weight:600;line-height:1;content:"\201C"}
.mn-body .pullquote .pq-mark{position:absolute}
.mn-body blockquote cite,.mn-body blockquote footer,.mn-body .pullquote .pq-attr{display:block;margin-top:12px;color:var(--mn-muted);font-size:12px;font-style:normal;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.mn-body blockquote mark,.mn-body .pullquote mark,.mn-body .pullquote .hl{background:var(--mn-hl)}

/* callouts */
.mn-body .take,.mn-body .mn-callout{margin:26px 0;border-left:4px solid var(--mn-coral);border-radius:0 10px 10px 0;padding:19px 22px;background:#fff3e9}
.mn-body .take p,.mn-body .mn-callout p{font-size:16.5px}
.mn-body .take>:last-child,.mn-body .mn-callout>:last-child{margin-bottom:0}
.mn-body .mn-callout-k{display:block;margin-bottom:6px;color:var(--mn-coral-dark);font-size:9.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mn-body .mn-key{margin:34px 0;border:1px solid var(--mn-ink);border-radius:14px;padding:26px 28px;background:linear-gradient(125deg,rgba(244,108,98,.16),transparent 45%),var(--mn-ink);color:var(--mn-paper);max-width:none}
.mn-body .mn-key .mn-callout-k,.mn-body .mn-key>b:first-child{display:block;margin-bottom:12px;color:#ff9c94;font-size:9.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mn-body .mn-key h2,.mn-body .mn-key h3{margin:0 0 14px;padding:0;border:0;color:var(--mn-paper)}
.mn-body .mn-key h2::before{display:none}
.mn-body .mn-key p,.mn-body .mn-key li{color:rgba(255,250,245,.86)}
.mn-body .mn-key ol,.mn-body .mn-key ul{margin:0;padding-left:22px}
.mn-body .mn-key li::marker{color:var(--mn-coral)}
.mn-body .mn-key li{margin-bottom:10px;font-size:16px}
.mn-body .mn-key li:last-child{margin-bottom:0}
.mn-body .mn-key mark{background:rgba(244,108,98,.34);color:inherit}
.mn-body .mn-key b,.mn-body .mn-key strong{color:var(--mn-paper)}

/* stat tiles */
.mn-body .mn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0;max-width:none}
.mn-body .mn-stat{border:1px solid var(--mn-line);border-radius:12px;padding:16px 18px;background:var(--mn-paper)}
.mn-body .mn-stat b{display:block;color:var(--mn-ink);font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.mn-body .mn-stat span{display:block;margin-top:6px;color:var(--mn-muted);font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}
.mn-body .mn-stat i{display:block;margin-top:6px;color:#3d3531;font-size:12.5px;font-style:normal;line-height:1.4}
.mn-body .mn-stat.up b{color:#1e7a5a}.mn-body .mn-stat.dn b{color:var(--mn-coral-dark)}

/* tables */
.mn-body .mn-tablewrap{margin:26px 0;border:1px solid var(--mn-ink);border-radius:13px;overflow:auto;background:var(--mn-paper);box-shadow:var(--mn-shadow);max-width:none}
.mn-body .mn-tablewrap>b,.mn-body .mn-tablewrap>.secline{display:block;margin:0;padding:15px 20px;background:var(--mn-ink);color:var(--mn-paper);font-size:10.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;border:0}
.mn-body .mn-tablewrap>.secline::before{display:none}
.mn-body table{width:100%;border-collapse:collapse;border:0;background:transparent;font-size:14.5px;min-width:420px}
.mn-body caption{caption-side:top;text-align:left;padding:15px 20px;background:var(--mn-ink);color:var(--mn-paper);font-size:10.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mn-body th{padding:11px 14px;border-bottom:1px solid #dfd0c5;background:#f5dfd2;color:#504640;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-align:left}
.mn-body td{padding:12px 14px;border-bottom:1px solid #e6d7cc;color:#2e2825;line-height:1.5;vertical-align:top}
.mn-body tbody tr:nth-child(even) td{background:#fff3e9}
.mn-body tbody tr:last-child td{border-bottom:0}
.mn-body td.num{font-weight:900;color:var(--mn-ink);white-space:nowrap}
.mn-body td.up{color:#1e7a5a;font-weight:700}.mn-body td.dn{color:var(--mn-coral-dark);font-weight:700}.mn-body td.fl{color:var(--mn-muted)}
.mn-body .mn-tablewrap .cap,.mn-body .mn-tablecap{display:block;padding:10px 20px 12px;color:var(--mn-muted);font-size:12.5px;line-height:1.5;border-top:1px solid #e6d7cc}

/* figures & images */
.mn-body figure{margin:30px 0;max-width:none}
.mn-body figure img,.mn-body>img{display:block;width:100%;height:auto;border:1px solid var(--mn-line);border-radius:12px;background:var(--mn-paper)}
.mn-body figcaption,.mn-body .cap{margin-top:9px;color:var(--mn-muted);font-size:12.5px;line-height:1.5}
.mn-body .chartday,.mn-body .stockchart{margin:30px 0;max-width:none}
.mn-body .chartday img,.mn-body .stockchart img{width:100%;height:auto;border:1px solid var(--mn-line);border-radius:12px}

/* members-only teaser: two clear paragraphs, then a blurred continuation & the member wall */
.mn-body.mn-teaser{padding-bottom:120px}
.mn-blur{filter:blur(6px);-webkit-filter:blur(6px);opacity:.75;user-select:none;-webkit-user-select:none;pointer-events:none}
.mn-blur p{margin-bottom:0}
.mn-body .mn-fade{position:absolute;left:0;right:0;bottom:0;height:200px;max-width:none;background:linear-gradient(rgba(255,250,245,0),#fffaf5 62%);pointer-events:none}
.mn-wallcol{grid-column:2;position:relative;z-index:2;margin-top:-100px}
.mn-wallcol .wall{margin:0;padding:0;max-width:none}
main.mn-note .mn-wall .wallbox{border:1px solid var(--mn-ink);border-radius:14px;background:var(--mn-paper);box-shadow:10px 10px 0 var(--mn-coral)}
main.mn-note .mn-wall .wallbox h3{font-weight:900;letter-spacing:-.01em}
@media(max-width:1000px){.mn-wallcol{grid-column:1;margin-top:-80px}}
@media(max-width:820px){main.mn-note .mn-wall .wallbox{box-shadow:6px 6px 0 var(--mn-coral)}}

/* mobile contents */
.mn-mobile-toc{display:none;margin:0 0 26px;max-width:none}
.mn-mobile-toc details{border:1px solid var(--mn-line);border-radius:10px;background:var(--mn-paper)}
.mn-mobile-toc summary{cursor:pointer;list-style:none;padding:12px 16px;color:var(--mn-coral-dark);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mn-mobile-toc summary::-webkit-details-marker{display:none}
.mn-mobile-toc summary::after{content:"+";float:right;font-size:14px}
.mn-mobile-toc details[open] summary::after{content:"\2013"}
.mn-toc-m{padding:0 16px 12px;display:grid;gap:4px}
.mn-toc-m a{padding:6px 0;border-top:1px solid var(--mn-line);color:var(--mn-ink);font-size:13px;font-weight:700;line-height:1.35}
.mn-toc-m a.mn-toc-sub{padding-left:14px;font-weight:400;color:var(--mn-muted)}

/* prev / next */
.mn-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}
.mn-pn-a{display:block;border:1px solid var(--mn-line);border-radius:12px;padding:18px 20px;background:var(--mn-paper);transition:border-color .15s,transform .15s}
.mn-pn-a:hover{border-color:var(--mn-ink);transform:translateY(-2px)}
.mn-pn-a span{display:block;margin-bottom:6px;color:var(--mn-coral-dark);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mn-pn-a b{display:block;color:var(--mn-ink);font-size:15px;font-weight:900;line-height:1.35}
.mn-pn-next{text-align:right}

/* author */
.mn-author{display:flex;gap:22px;align-items:flex-start;margin-top:22px;border:1px solid var(--mn-line);border-radius:14px;padding:26px 28px;background:rgba(255,250,245,.9)}
.mn-author-t b{display:block;margin-bottom:6px;color:var(--mn-ink);font-size:18px;font-weight:900}
.mn-author-t p{margin:0;color:#3d3531;font-size:15px;line-height:1.65;max-width:70ch}
.mn-author-t p a{color:var(--mn-coral-dark);text-decoration:underline;text-underline-offset:3px}

/* more notes / list */
.mn-more{margin-top:44px}
.mn-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:40px 0 16px}
.mn-list-kicker{color:var(--mn-coral-dark);font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.mn-all{color:var(--mn-ink);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.mn-all:hover{color:var(--mn-coral-dark)}
.mn-topics{display:flex;flex-wrap:wrap;gap:6px}
.mn-topic-chip{border:1px solid rgba(185,62,56,.3);border-radius:999px;padding:4px 9px;color:var(--mn-coral-dark);background:rgba(244,108,98,.08);font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.mn-card{position:relative;display:flex;flex-direction:column;gap:10px;overflow:hidden;border:1px solid #decec2;border-radius:13px;padding:26px 26px 22px 30px;background:var(--mn-paper);box-shadow:0 9px 24px rgba(71,41,29,.055);transition:transform .16s,box-shadow .16s,border-color .16s}
.mn-card::before{position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--mn-coral);content:""}
.mn-card:hover{transform:translateY(-3px);border-color:var(--mn-ink);box-shadow:0 16px 34px rgba(71,41,29,.11)}
.mn-card:hover .mn-card-title{color:var(--mn-coral-dark)}
.mn-card-k,.mn-feat-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mn-card-date{color:var(--mn-muted);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mn-card-topic{border:1px solid rgba(185,62,56,.32);border-radius:999px;padding:3px 8px;color:var(--mn-coral-dark);background:rgba(244,108,98,.08);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mn-card-lock{border-radius:999px;padding:3px 8px;background:var(--mn-ink);color:var(--mn-paper);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mn-card-title{margin:0;color:var(--mn-ink);font-size:19.5px;font-weight:900;line-height:1.28;letter-spacing:-.012em;transition:color .15s}
.mn-card-sf{margin:0;color:#4a413c;font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mn-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #eadbd0;color:var(--mn-muted);font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mn-card-go{color:var(--mn-coral-dark)}

/* featured (latest) note */
.mn-feat{position:relative;isolation:isolate;display:block;overflow:hidden;margin-top:40px;border:1px solid var(--mn-ink);border-radius:18px;background:linear-gradient(125deg,rgba(244,108,98,.16),transparent 42%),var(--mn-ink);color:var(--mn-paper);box-shadow:12px 12px 0 var(--mn-coral);transition:transform .18s,box-shadow .18s}
.mn-feat:hover{transform:translate(-2px,-2px);box-shadow:16px 16px 0 var(--mn-coral)}
.mn-feat::before{position:absolute;top:-110px;right:-80px;z-index:-1;width:300px;height:300px;border:44px solid rgba(244,108,98,.12);border-radius:50%;content:""}
.mn-feat-in{padding:46px 52px 40px}
.mn-feat-kicker{color:#ff9c94;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.mn-feat-date{color:rgba(255,250,245,.6);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mn-feat .mn-card-topic{border-color:rgba(244,108,98,.55);color:#ff9c94;background:rgba(244,108,98,.12)}
.mn-feat .mn-card-lock{background:var(--mn-paper);color:var(--mn-ink)}
.mn-feat-title{max-width:24ch;margin:16px 0 14px;color:var(--mn-paper);font-size:clamp(28px,3.6vw,44px);font-weight:900;line-height:1.08;letter-spacing:-.03em}
.mn-feat-sf{max-width:66ch;margin:0;color:rgba(255,250,245,.78);font-size:17px;line-height:1.68}
.mn-feat-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,250,245,.14)}
.mn-feat-meta{color:rgba(255,250,245,.6);font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mn-feat-go{color:var(--mn-coral);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* ---------- index hero ---------- */
.mn-index-hero{padding:0}
.mn-index-hero-in{max-width:1120px;margin:0 auto;padding:64px 24px 20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:60px;align-items:center}
.mn-index-title{max-width:14ch;margin:18px 0 20px;color:var(--mn-ink);font-size:clamp(40px,5.6vw,72px);font-weight:900;line-height:1.02;letter-spacing:-.04em}
.mn-hl{box-shadow:inset 0 -.22em var(--mn-coral)}
.mn-index-sf{max-width:56ch;margin:0;color:#4a413c;font-size:18.5px;line-height:1.65}
.mn-index-proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;color:var(--mn-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mn-index-proof b{color:var(--mn-ink);font-weight:900}
.mn-index-proof a{color:var(--mn-coral-dark);text-decoration:underline;text-underline-offset:3px}
.mn-index-hero-r{display:flex;justify-content:center}
.mn-marginalia{position:relative;width:100%;max-width:400px;border:1px solid var(--mn-ink);border-radius:14px;padding:38px 34px 38px 74px;background:var(--mn-paper);box-shadow:12px 12px 0 var(--mn-coral);transform:rotate(-2.2deg);display:flex;flex-direction:column;gap:13px}
.mn-marginalia::before{content:"";position:absolute;top:0;bottom:0;left:52px;width:2px;background:rgba(244,108,98,.5)}
.mn-marginalia::after{content:"";position:absolute;top:22px;left:20px;width:14px;height:14px;border-radius:50%;border:2px solid var(--mn-ink);background:var(--mn-cream)}
.mn-marg-line{display:block;height:7px;border-radius:4px;background:rgba(23,20,18,.13);width:100%}
.mn-marg-line.w2{width:82%}.mn-marg-line.w3{width:60%}
.mn-marg-note{display:block;margin:2px 0 2px auto;color:var(--mn-coral-dark);font-family:'Lora',Georgia,serif!important;font-size:15.5px;font-style:italic;font-weight:600;text-align:right;line-height:1.3;border-bottom:2px solid rgba(244,108,98,.45);padding-bottom:2px}

.mn-empty{margin-top:34px;border:1px solid var(--mn-line);border-radius:16px;padding:44px 48px;background:rgba(255,250,245,.85);box-shadow:var(--mn-shadow)}
.mn-empty h2{margin:12px 0 10px;font-size:28px;font-weight:900;letter-spacing:-.02em}
.mn-empty p{margin:0;max-width:60ch;color:#4a413c;font-size:16px;line-height:1.65}
.mn-empty a{color:var(--mn-coral-dark);text-decoration:underline;text-underline-offset:3px}

/* ---------- CTA band ---------- */
.mn-band{margin-top:48px;border:1px solid var(--mn-ink);border-radius:16px;padding:44px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;background:var(--mn-coral);color:#1d1715;box-shadow:var(--mn-shadow)}
.mn-band-kicker{display:block;margin-bottom:10px;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;opacity:.75}
.mn-band h2{margin:0 0 12px;font-size:clamp(24px,2.8vw,32px);font-weight:900;line-height:1.12;letter-spacing:-.025em;max-width:22ch}
.mn-band p{margin:0;max-width:56ch;font-size:15.5px;line-height:1.6}
.mn-band-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mn-band .btn{background:#171514;color:#fff6ee;border-color:#171514}
.mn-band .btn.ghost{background:transparent;color:#1d1715;border:1px solid #1d1715}
.mn-band .btn.ghost:hover{background:#1d1715;color:#fff6ee}
.mn-band-r .fsu{border:1px solid #241c19;border-radius:12px;padding:22px 24px;background:rgba(255,240,225,.42);margin:0}
.mn-band-r .fsu-h{color:#1d1715}
.mn-band-r .fsu-p{color:#2e2521}
.mn-band-r .fsu-in{background:#fffaf5;border:1px solid #241c19}
main.mn-note .backlink,main.mn-index .backlink{display:inline-block;margin-top:28px}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .mn-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:820px}
  .mn-rail{display:none}
  .mn-mobile-toc{display:block}
  .mn-index-hero-in{grid-template-columns:1fr;gap:40px}
  .mn-index-hero-r{justify-content:flex-start;padding-left:10px}
  .mn-marginalia{max-width:360px}
}
@media(max-width:900px){
  .mn-hero{margin:32px 22px 0;padding:48px 42px 44px}
}
@media(max-width:820px){
  .mn-hero{margin:24px 14px 0;border-radius:13px;padding:38px 25px 34px;box-shadow:8px 8px 0 var(--mn-coral)}
  .mn-hero::before{top:-112px;right:-126px;width:270px;height:270px}
  .mn-hero::after{right:25px;bottom:21px;width:74px;height:5px}
  .mn-title{font-size:clamp(30px,8.6vw,42px);line-height:1.08}
  .mn-standfirst{font-size:16.5px;line-height:1.62}
  .mn-layout{margin-top:26px;padding:0 14px}
  .mn-body{border-radius:13px;padding:28px 20px 30px}
  .mn-body::before{right:18px;left:18px}
  .mn-body p{font-size:16.5px;line-height:1.72}
  .mn-body>p:first-of-type::first-letter{font-size:52px;margin-top:6px}
  .mn-body h2{font-size:21px;margin-top:34px;padding-top:22px}
  .mn-body h3{font-size:17.5px}
  .mn-body li{font-size:15.5px}
  .mn-body blockquote p,.mn-body .pullquote p{font-size:18px}
  .mn-body .mn-key{padding:22px 20px}
  .mn-wrap{padding:0 14px}
  .mn-pn{grid-template-columns:1fr;gap:10px}
  .mn-pn-next{text-align:left}
  .mn-author{flex-direction:column;gap:14px;padding:22px 20px}
  .mn-feat-in{padding:30px 22px 26px}
  .mn-feat{margin-top:28px;border-radius:14px;box-shadow:8px 8px 0 var(--mn-coral)}
  .mn-feat:hover{transform:none;box-shadow:8px 8px 0 var(--mn-coral)}
  .mn-index-hero-in{padding:44px 14px 10px}
  .mn-index-sf{font-size:16.5px}
  .mn-marginalia{max-width:320px;padding:30px 26px 30px 62px;transform:rotate(-1.6deg);box-shadow:8px 8px 0 var(--mn-coral)}
  .mn-marginalia::before{left:44px}
  .mn-marginalia::after{left:16px;top:18px}
  .mn-band{grid-template-columns:1fr;gap:26px;padding:30px 22px;margin-top:36px;border-radius:14px}
  .mn-empty{padding:30px 22px}
  .mn-grid{grid-template-columns:1fr}
  .mn-card{padding:22px 20px 18px 24px}
}
@media(max-width:420px){
  .mn-title{font-size:29px}
  .mn-body{padding:24px 16px 26px}
  .mn-index-title{font-size:38px}
  .mn-share a,.mn-share button{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .mn-card,.mn-feat,.mn-pn-a,.mn-share a,.mn-share button{transition:none}
  .mn-card:hover,.mn-feat:hover,.mn-pn-a:hover{transform:none}
}
@media print{
  .mn-hero{box-shadow:none;background:#fff;color:#000;border-color:#000}
  .mn-title,.mn-standfirst,.mn-byline b{color:#000}
  .mn-rail,.mn-band,.mn-more,.mn-pn,.mn-progress,.mn-mobile-toc{display:none!important}
  .mn-body{box-shadow:none}
}