/* ==========================================================================
   MajorMatch — Blog Design System              mm-blog.css
   --------------------------------------------------------------------------
   Loaded LAST, after each page's own inline <style>, so it wins ties without
   fighting. Purely additive: if this file ever fails to load, every article
   renders exactly as it does today. Nothing can end up worse than it started.

   Scope hooks, added by blogdesign1.js:
     body.mm-blog     every blog article
     .mm-article      the article container, whatever that page happened to
                      call it (8 different names are in use across the site)

   Palette is the site's own: navy #1a1a2e, gold #c8a951.
   Typefaces are system stacks — no webfont request, no layout shift,
   no third-party dependency.
   ========================================================================== */

:root{
  --mm-navy:#1a1a2e;
  --mm-navy-2:#16213e;
  --mm-ink:#22222f;
  --mm-body:#33333f;
  --mm-muted:#6d6d7d;
  --mm-gold:#c8a951;
  --mm-gold-lt:#e3c977;
  --mm-gold-dk:#9c7f2c;
  --mm-paper:#fffdf8;
  --mm-surface:#f8f6f1;
  --mm-surface-2:#f2efe7;
  --mm-rule:#e6e0d3;
  --mm-rule-2:#d9d2c2;
  --mm-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","Source Serif 4",Georgia,"Times New Roman",serif;
  --mm-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mm-col:46rem;      /* full column: tables, stats, cards          */
  --mm-measure:38rem;  /* reading measure: prose sits centred inside */
  --mm-shadow:0 1px 2px rgba(26,26,46,.04),0 8px 24px -12px rgba(26,26,46,.18);
  --mm-shadow-lift:0 2px 4px rgba(26,26,46,.06),0 18px 40px -16px rgba(26,26,46,.28);
}

/* ---------- page ---------------------------------------------------------- */
body.mm-blog{
  background:var(--mm-paper);
  color:var(--mm-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.mm-blog ::selection{background:var(--mm-gold-lt);color:var(--mm-navy);}

/* Reading-progress rail. Scroll-driven CSS animation — no JavaScript.
   Browsers without scroll timelines simply never show it. */
body.mm-blog .mm-progress{
  position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;
  background:linear-gradient(90deg,var(--mm-gold-dk),var(--mm-gold),var(--mm-gold-lt));
  z-index:9999;opacity:0;
}
@supports (animation-timeline:scroll()){
  body.mm-blog .mm-progress{
    opacity:1;transform:scaleX(0);
    animation:mm-progress linear;
    animation-timeline:scroll(root block);
  }
}
@keyframes mm-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  body.mm-blog .mm-progress{display:none}
  body.mm-blog *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* ---------- masthead ------------------------------------------------------
   Two masthead markups exist: .blog-nav on 169 pages and .nav on 5 others
   that was never styled at all. 16 pages had no masthead and get one added.
   All three end up identical. */
body.mm-blog .blog-nav,
body.mm-blog nav.nav{
  background:var(--mm-navy);
  border-bottom:3px solid var(--mm-gold);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.6rem 1.5rem;padding:.85rem clamp(1rem,4vw,2rem);
  font-family:var(--mm-sans);
}
body.mm-blog .blog-nav a,
body.mm-blog nav.nav a{
  color:rgba(255,255,255,.84);text-decoration:none;font-size:.9rem;line-height:1.4;
}
body.mm-blog .blog-nav a:hover,
body.mm-blog nav.nav a:hover{color:var(--mm-gold-lt);}
body.mm-blog .blog-nav .logo,
body.mm-blog .blog-nav .logo span{
  color:var(--mm-gold);font-weight:700;font-size:1.05rem;letter-spacing:.01em;
}
body.mm-blog .blog-nav-links{
  display:flex;flex-wrap:wrap;gap:.35rem 1.15rem;align-items:center;justify-content:flex-end;
}
body.mm-blog .nav-logo{font-weight:700;font-size:1.05rem;color:var(--mm-gold)!important;letter-spacing:.01em;}
body.mm-blog .nav-links{display:flex;flex-wrap:wrap;gap:.35rem 1.15rem;align-items:center;}
body.mm-blog .nav-cta{
  background:var(--mm-gold);color:var(--mm-navy)!important;font-weight:700;
  padding:.5rem 1.1rem;border-radius:5px;
}
body.mm-blog .nav-cta:hover{background:var(--mm-gold-lt);color:var(--mm-navy)!important;}

/* ---------- hero ---------------------------------------------------------- */
body.mm-blog .blog-hero{
  position:relative;
  background:linear-gradient(160deg,var(--mm-navy) 0%,var(--mm-navy-2) 62%,#101a33 100%);
  color:#fff;
  padding:clamp(2.75rem,7vw,4.75rem) 1.25rem clamp(2.25rem,5vw,3.5rem);
  overflow:hidden;
}
body.mm-blog .blog-hero::after{           /* a soft crest-light in the corner */
  content:"";position:absolute;top:-40%;right:-12%;width:520px;height:520px;
  background:radial-gradient(circle,rgba(200,169,81,.16) 0%,rgba(200,169,81,0) 68%);
  pointer-events:none;
}
body.mm-blog .blog-hero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--mm-gold),transparent);opacity:.55;
}
body.mm-blog .blog-hero-content,
body.mm-blog .hero-content{
  position:relative;z-index:1;max-width:var(--mm-col);margin:0 auto;text-align:left;
}
body.mm-blog .blog-hero h1{
  font-family:var(--mm-serif);
  font-size:clamp(2rem,5.2vw,3.15rem);
  line-height:1.12;letter-spacing:-.015em;font-weight:700;color:#fff;
  margin:.55rem 0 .85rem;text-wrap:balance;
}
body.mm-blog .blog-hero p,
body.mm-blog .blog-hero .subtitle{
  color:rgba(255,255,255,.82);font-size:1.075rem;line-height:1.6;
  max-width:38rem;margin:0 0 .5rem;
}
body.mm-blog .blog-hero .subtitle{
  font-family:var(--mm-serif);font-size:1.2rem;font-style:italic;color:rgba(255,255,255,.88);
}
body.mm-blog .blog-hero a{
  color:var(--mm-gold-lt);text-decoration:none;border-bottom:1px solid rgba(227,201,119,.45);
}
body.mm-blog .blog-hero a:hover{color:#fff;border-bottom-color:#fff;}

body.mm-blog .blog-category{
  display:inline-block;font-family:var(--mm-sans);
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mm-navy);background:var(--mm-gold);
  padding:.34rem .72rem;border-radius:2px;margin-bottom:.35rem;
}
body.mm-blog .breadcrumb{
  font-family:var(--mm-sans);font-size:.78rem;letter-spacing:.02em;
  color:rgba(255,255,255,.6);margin-bottom:.6rem;
}
body.mm-blog .breadcrumb a{color:rgba(255,255,255,.72);border-bottom:none;text-decoration:none;}
body.mm-blog .breadcrumb a:hover{color:var(--mm-gold-lt);}
body.mm-blog .breadcrumb span{margin:0 .4rem;opacity:.5;}

body.mm-blog .blog-meta,
body.mm-blog .post-meta,
body.mm-blog .blog-hero .meta{
  display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center;
  font-family:var(--mm-sans);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;
  color:rgba(255,255,255,.62);margin-top:1rem;
  padding-top:.9rem;border-top:1px solid rgba(255,255,255,.14);
}
body.mm-blog .blog-hero .last-updated,
body.mm-blog .blog-hero .read-time,
body.mm-blog .blog-hero .date{color:rgba(255,255,255,.62);font-style:normal;}
body.mm-blog .read-time::before{content:"\25F7\00a0";opacity:.7;}
body.mm-blog .pillar-link{
  font-family:var(--mm-sans);font-size:.9rem;color:rgba(255,255,255,.75);margin-top:.9rem;
}

/* ---------- article shell ------------------------------------------------- */
body.mm-blog .mm-article{
  max-width:var(--mm-col);margin:0 auto;
  padding:clamp(2.25rem,5vw,3.5rem) 1.25rem 3rem;
  font-family:var(--mm-serif);font-size:1.1875rem;line-height:1.75;color:var(--mm-body);
}
/* Prose sits on a comfortable measure, centred inside the wider column, so
   tables, statistics and cards can breathe out to the full width. */
body.mm-blog .mm-article > p,
body.mm-blog .mm-article > h2,
body.mm-blog .mm-article > h3,
body.mm-blog .mm-article > h4,
body.mm-blog .mm-article > ul,
body.mm-blog .mm-article > ol,
body.mm-blog .mm-article > hr,
body.mm-blog .mm-article > blockquote,
body.mm-blog .faq-section > p,
body.mm-blog .faq-section > h3{max-width:var(--mm-measure);margin-left:auto;margin-right:auto;}
body.mm-blog .mm-article > p{margin-bottom:1.35rem;margin-top:0;}
body.mm-blog .mm-article p{text-wrap:pretty;}

body.mm-blog .mm-article h2{
  font-family:var(--mm-serif);
  font-size:clamp(1.5rem,3.2vw,1.95rem);
  line-height:1.22;letter-spacing:-.01em;font-weight:700;color:var(--mm-navy);
  margin-top:3rem;margin-bottom:1rem;
  padding-top:1.5rem;padding-bottom:0;
  border-top:1px solid var(--mm-rule);border-bottom:0;
  position:relative;text-wrap:balance;
}
body.mm-blog .mm-article h2::before{
  content:"";position:absolute;top:-1px;left:0;width:3.25rem;height:3px;background:var(--mm-gold);
}
body.mm-blog .mm-article h3{
  font-family:var(--mm-serif);font-size:1.3rem;line-height:1.3;font-weight:700;
  color:var(--mm-navy-2);margin:2.2rem 0 .7rem;text-wrap:balance;
}
body.mm-blog .mm-article h4{
  font-family:var(--mm-sans);font-size:.82rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--mm-gold-dk);margin:1.9rem 0 .55rem;
}

/* opening paragraph and its drop cap */
body.mm-blog .mm-article .lead,
body.mm-blog .mm-article > p:first-of-type{
  font-size:1.3rem;line-height:1.62;color:var(--mm-ink);
}
body.mm-blog .mm-article > p:first-of-type::first-letter{
  float:left;font-family:var(--mm-serif);font-weight:700;
  font-size:3.55em;line-height:.82;margin:.06em .09em -.02em 0;color:var(--mm-navy);
}

body.mm-blog .mm-article a{
  color:var(--mm-navy);text-decoration:underline;
  text-decoration-color:var(--mm-gold);text-decoration-thickness:2px;text-underline-offset:3px;
  transition:background-color .15s ease,color .15s ease;
}
body.mm-blog .mm-article a:hover{background:rgba(200,169,81,.18);color:#000;}
body.mm-blog .mm-article strong{color:var(--mm-ink);font-weight:700;}
body.mm-blog .mm-article ul,
body.mm-blog .mm-article ol{margin-bottom:1.5rem;padding-left:1.35rem;}
body.mm-blog .mm-article li{margin:0 0 .6rem;padding-left:.2rem;}
body.mm-blog .mm-article ul li::marker{color:var(--mm-gold-dk);}
body.mm-blog .mm-article ol li::marker{color:var(--mm-gold-dk);font-weight:700;font-family:var(--mm-sans);font-size:.9em;}
body.mm-blog .mm-article hr{border:0;height:1px;background:var(--mm-rule);margin:2.75rem auto;}
body.mm-blog .mm-article blockquote{
  margin:2rem auto;padding:.35rem 0 .35rem 1.5rem;border-left:3px solid var(--mm-gold);
  font-size:1.32rem;line-height:1.55;font-style:italic;color:var(--mm-navy);
}
body.mm-blog .mm-article img{max-width:100%;height:auto;border-radius:6px;}
body.mm-blog .mm-article figcaption,
body.mm-blog .src-note{
  font-family:var(--mm-sans);font-size:.78rem;line-height:1.5;color:var(--mm-muted);font-style:normal;
}
body.mm-blog .src-note{display:inline-block;margin-left:.35rem;}

/* ---------- statistic band ------------------------------------------------ */
body.mm-blog .stat-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));
  gap:1px;background:var(--mm-rule);
  border:1px solid var(--mm-rule);border-radius:8px;overflow:hidden;
  margin:2.25rem 0 2.5rem;
}
body.mm-blog .stat-card{
  background:var(--mm-surface)!important;border:0!important;border-radius:0!important;
  padding:1.4rem 1.1rem;text-align:center;margin:0;min-width:0;display:block;
}
body.mm-blog .stat-num{
  font-family:var(--mm-serif);font-size:clamp(1.75rem,4.4vw,2.35rem);line-height:1.05;
  font-weight:700;color:var(--mm-navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
body.mm-blog .stat-label{
  font-family:var(--mm-sans);font-size:.73rem;line-height:1.4;letter-spacing:.055em;
  text-transform:uppercase;color:var(--mm-muted);margin-top:.5rem;
}
/* a lone .stat-card outside a .stat-row still needs to look like something */
body.mm-blog .stat-card:only-child{border-radius:8px!important;}

/* ---------- callouts ------------------------------------------------------ */
body.mm-blog .callout,
body.mm-blog .salary-box,
body.mm-blog .cross-link-callout,
body.mm-blog .cross-promo,
body.mm-blog .content-update-2026,
body.mm-blog .blue-collar-promo{
  background:var(--mm-surface)!important;
  border:1px solid var(--mm-rule)!important;
  border-left:4px solid var(--mm-gold)!important;
  border-radius:0 8px 8px 0!important;
  padding:1.25rem 1.4rem;margin:2.1rem 0;
  font-size:1.03rem;line-height:1.65;
}
body.mm-blog .callout > :first-child,
body.mm-blog .salary-box > :first-child{margin-top:0;}
body.mm-blog .callout > :last-child,
body.mm-blog .salary-box > :last-child{margin-bottom:0;}
body.mm-blog .callout p,
body.mm-blog .salary-box p{max-width:none;}

body.mm-blog .key-takeaway{
  background:linear-gradient(180deg,#fffaee 0%,var(--mm-surface-2) 100%)!important;
  border:1px solid var(--mm-rule-2)!important;
  border-radius:10px!important;
  padding:1.5rem 1.6rem;margin:2.3rem 0;
  box-shadow:var(--mm-shadow);position:relative;
}
/* only label it if the page did not already write its own heading */
body.mm-blog .key-takeaway::before{
  content:"Key takeaway";display:block;font-family:var(--mm-sans);
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mm-gold-dk);margin-bottom:.55rem;
}
body.mm-blog .key-takeaway:has(h2,h3,h4,strong:first-child)::before{display:none;}
body.mm-blog .key-takeaway h3,
body.mm-blog .key-takeaway h4{
  font-family:var(--mm-serif);font-size:1.22rem;line-height:1.3;letter-spacing:0;
  text-transform:none;color:var(--mm-navy)!important;margin:0 0 .55rem;
}
body.mm-blog .key-takeaway p{margin:0;max-width:none;font-size:1.05rem;}
body.mm-blog .key-takeaway p + p{margin-top:.75rem;}

/* ---------- tables -------------------------------------------------------- */
body.mm-blog .mm-article .mm-table-wrap{
  margin:2.25rem 0;overflow-x:auto;
  border:1px solid var(--mm-rule);border-radius:8px;box-shadow:var(--mm-shadow);
  -webkit-overflow-scrolling:touch;
}
body.mm-blog .mm-article table{
  width:100%;border-collapse:collapse;background:#fff;
  font-family:var(--mm-sans);font-size:.92rem;line-height:1.45;
}
body.mm-blog .mm-article .mm-table-wrap > table{margin:0;border:0;}
body.mm-blog .mm-article thead th{
  background:var(--mm-navy);color:#fff;
  font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  text-align:left;padding:.85rem .95rem;white-space:nowrap;
  position:sticky;top:0;z-index:1;
}
body.mm-blog .mm-article tbody td{
  padding:.8rem .95rem;border-top:1px solid var(--mm-rule);
  font-variant-numeric:tabular-nums;color:var(--mm-body);
}
body.mm-blog .mm-article tbody tr:nth-child(even) td{background:var(--mm-surface);}
body.mm-blog .mm-article tbody tr:hover td{background:#fdf7e6;}
body.mm-blog .mm-article tbody td:first-child{font-weight:600;color:var(--mm-ink);}
body.mm-blog .mm-article td.roi-high,
body.mm-blog .mm-article td.roi-med,
body.mm-blog .mm-article td.roi-low,
body.mm-blog .roi-high,body.mm-blog .roi-med,body.mm-blog .roi-low{font-weight:700;}
body.mm-blog .mm-article td.roi-high,body.mm-blog .roi-high{color:#15803d;}
body.mm-blog .mm-article td.roi-med,body.mm-blog .roi-med{color:#a16207;}
body.mm-blog .mm-article td.roi-low,body.mm-blog .roi-low{color:#b91c1c;}

/* ---------- table of contents --------------------------------------------- */
body.mm-blog .toc,
body.mm-blog .toc-box{
  background:var(--mm-surface)!important;
  border:1px solid var(--mm-rule)!important;
  border-top:3px solid var(--mm-gold)!important;
  border-radius:4px!important;
  padding:1.35rem 1.5rem;margin:2.25rem 0;
  font-family:var(--mm-sans);font-size:.95rem;
}
body.mm-blog .toc h3,body.mm-blog .toc h4,
body.mm-blog .toc-box h3,body.mm-blog .toc-box h4{
  margin:0 0 .8rem;font-family:var(--mm-sans);font-size:.7rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--mm-navy);
}
body.mm-blog .toc ol,body.mm-blog .toc ul{margin:0;padding-left:1.1rem;max-width:none;}
body.mm-blog .toc li{margin:0 0 .45rem;}
body.mm-blog .toc a,
body.mm-blog .toc-columns a{color:var(--mm-navy-2);text-decoration:none;border-bottom:1px solid transparent;}
body.mm-blog .toc a:hover,
body.mm-blog .toc-columns a:hover{color:var(--mm-gold-dk);border-bottom-color:var(--mm-gold);}
body.mm-blog .toc-columns{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.55rem 1.75rem;
}
body.mm-blog .toc-columns a{padding:.15rem 0;}

/* ---------- FAQ ----------------------------------------------------------- */
body.mm-blog .faq-section{margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--mm-rule);}
body.mm-blog .faq-section > h2{border-top:0;padding-top:0;margin-top:0;}
body.mm-blog .faq-section > h2::before{display:none;}
body.mm-blog .faq-item{border-bottom:1px solid var(--mm-rule);padding:1.05rem 0;}
body.mm-blog .faq-q{
  font-family:var(--mm-serif);font-size:1.1rem;font-weight:700;color:var(--mm-navy);
  line-height:1.4;margin:0 0 .45rem;
}
body.mm-blog .faq-a{font-size:1.03rem;line-height:1.68;color:var(--mm-body);margin:0;}
body.mm-blog .faq-a p{max-width:none;}
/* pages whose FAQ is a plain <ul> of <strong>question</strong> answer */
body.mm-blog .faq-section > ul{list-style:none;padding-left:0;max-width:none;}
body.mm-blog .faq-section > ul > li{border-bottom:1px solid var(--mm-rule);padding:1.05rem 0;margin:0;}
body.mm-blog .faq-section > ul > li > strong{
  display:block;font-family:var(--mm-serif);font-size:1.1rem;color:var(--mm-navy);margin-bottom:.35rem;
}

/* ---------- calls to action ----------------------------------------------- */
body.mm-blog .cta-card,
body.mm-blog .mid-cta,
body.mm-blog .bottom-cta,
body.mm-blog .blog-cta{
  background:linear-gradient(155deg,var(--mm-navy) 0%,var(--mm-navy-2) 100%)!important;
  border:0!important;border-radius:12px!important;
  color:#fff;padding:2rem 1.75rem;margin:2.75rem 0;text-align:center;
  box-shadow:var(--mm-shadow);position:relative;overflow:hidden;
}
body.mm-blog .cta-card::after,
body.mm-blog .mid-cta::after,
body.mm-blog .bottom-cta::after,
body.mm-blog .blog-cta::after{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,var(--mm-gold-dk),var(--mm-gold),var(--mm-gold-lt));
}
body.mm-blog .cta-card h2,body.mm-blog .cta-card h3,
body.mm-blog .mid-cta h2,body.mm-blog .mid-cta h3,
body.mm-blog .bottom-cta h2,body.mm-blog .bottom-cta h3,
body.mm-blog .blog-cta h2,body.mm-blog .blog-cta h3{
  font-family:var(--mm-serif);color:#fff;margin:0 0 .6rem;
  font-size:1.5rem;line-height:1.25;border:0;padding:0;max-width:none;text-transform:none;letter-spacing:0;
}
body.mm-blog .cta-card h2::before,body.mm-blog .cta-card h3::before,
body.mm-blog .mid-cta h2::before,body.mm-blog .mid-cta h3::before,
body.mm-blog .bottom-cta h2::before,body.mm-blog .bottom-cta h3::before{display:none;}
body.mm-blog .cta-card p,
body.mm-blog .mid-cta p,
body.mm-blog .bottom-cta p,
body.mm-blog .blog-cta p{
  color:rgba(255,255,255,.8);font-family:var(--mm-sans);font-size:1rem;line-height:1.6;
  margin:0 auto 1.25rem;max-width:30rem;
}
body.mm-blog .cta-button,
body.mm-blog .cta-card .btn,
body.mm-blog .mid-cta .btn,
body.mm-blog .bottom-cta .btn,
body.mm-blog .blog-cta .btn{
  display:inline-block;background:var(--mm-gold);color:var(--mm-navy);
  font-family:var(--mm-sans);font-weight:700;font-size:1rem;
  padding:.9rem 1.9rem;border-radius:6px;text-decoration:none;border:0;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;
  box-shadow:0 6px 18px -8px rgba(200,169,81,.9);
}
body.mm-blog .cta-button:hover,
body.mm-blog .cta-card .btn:hover,
body.mm-blog .mid-cta .btn:hover,
body.mm-blog .bottom-cta .btn:hover,
body.mm-blog .blog-cta .btn:hover{
  background:var(--mm-gold-lt);transform:translateY(-2px);
  box-shadow:0 10px 24px -8px rgba(200,169,81,1);
}

/* ==========================================================================
   KEEP READING — the block that has to earn the next click.
   Every "related articles" module on the page is merged into this one.
   ========================================================================== */
body.mm-blog .mm-keepreading{
  margin:3.5rem auto 1rem;max-width:var(--mm-col);
  background:linear-gradient(180deg,#fffdf6 0%,var(--mm-surface) 100%);
  border:1px solid var(--mm-rule);border-top:3px solid var(--mm-gold);
  border-radius:4px;padding:2.5rem 1.75rem 2rem;
}
body.mm-blog .mm-keepreading h2.mm-kr-heading{
  margin:0 0 1.75rem;padding:0;border:0;max-width:none;line-height:1;
  font-family:var(--mm-sans);font-size:.72rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mm-gold-dk);
  display:flex;align-items:center;gap:1rem;
}
body.mm-blog .mm-keepreading h2.mm-kr-heading::before,
body.mm-blog .mm-keepreading h2.mm-kr-heading::after{
  content:"";flex:1 1 auto;height:1px;background:var(--mm-rule-2);
  position:static;top:auto;left:auto;width:auto;display:block;
}
body.mm-blog .mm-kr-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));
  gap:.85rem;align-items:stretch;
}
body.mm-blog a.mm-kr-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--mm-rule);border-radius:8px;
  padding:1.1rem 1.15rem 1rem;text-decoration:none;color:inherit;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.mm-blog a.mm-kr-card:hover{
  transform:translateY(-3px);box-shadow:var(--mm-shadow-lift);
  border-color:var(--mm-gold);background:#fff;
}
body.mm-blog .mm-kr-cat{
  font-family:var(--mm-sans);font-size:.64rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mm-gold-dk);margin-bottom:.45rem;
}
body.mm-blog .mm-kr-title{
  font-family:var(--mm-serif);font-size:1.03rem;line-height:1.32;font-weight:700;
  color:var(--mm-navy);margin-bottom:.4rem;
}
body.mm-blog .mm-kr-desc{
  font-family:var(--mm-sans);font-size:.84rem;line-height:1.5;color:var(--mm-muted);
  margin-bottom:.85rem;
}
body.mm-blog .mm-kr-go{
  margin-top:auto;font-family:var(--mm-sans);font-size:.7rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--mm-gold-dk);
}
body.mm-blog .mm-kr-go::after{content:"\00a0\2192";display:inline-block;transition:transform .18s ease;}
body.mm-blog a.mm-kr-card:hover .mm-kr-go::after{transform:translateX(4px);}
body.mm-blog .mm-kr-more{
  margin-top:1.35rem;padding-top:1.25rem;border-top:1px solid var(--mm-rule-2);
  display:flex;flex-wrap:wrap;gap:.5rem;
}
body.mm-blog .mm-kr-more a{
  font-family:var(--mm-sans);font-size:.8rem;line-height:1.2;color:var(--mm-navy-2);
  background:#fff;border:1px solid var(--mm-rule);border-radius:999px;
  padding:.42rem .85rem;text-decoration:none;
  transition:border-color .15s ease,color .15s ease;
}
body.mm-blog .mm-kr-more a:hover{border-color:var(--mm-gold);color:var(--mm-gold-dk);background:#fff;}
body.mm-blog .mm-kr-browse{text-align:center;margin-top:1.6rem;}
body.mm-blog .mm-kr-browse a{
  font-family:var(--mm-sans);font-size:.8rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mm-navy);text-decoration:none;
  border-bottom:2px solid var(--mm-gold);padding-bottom:.25rem;
}
body.mm-blog .mm-kr-browse a:hover{color:var(--mm-gold-dk);}

/* legacy related modules, for anything the merge did not reach -------------- */
body.mm-blog .related-posts,
body.mm-blog .related-grid,
body.mm-blog .related-posts-section{
  margin:3.25rem 0 1rem;padding:2.25rem 1.6rem 2rem;
  background:var(--mm-surface)!important;
  border:1px solid var(--mm-rule)!important;
  border-top:3px solid var(--mm-gold)!important;border-radius:4px!important;
}
body.mm-blog .related-posts > h2,body.mm-blog .related-posts > h3,
body.mm-blog .related-posts-section > h2,body.mm-blog .rp-heading{
  font-family:var(--mm-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--mm-gold-dk);
  margin:0 0 1.35rem;padding:0;border:0;text-align:center;max-width:none;
}
body.mm-blog .related-posts > h2::before,
body.mm-blog .related-posts > h3::before,
body.mm-blog .related-posts-section > h2::before{display:none;}
body.mm-blog .related-posts > ul{
  list-style:none;margin:0;padding:0;max-width:none;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.85rem;
}
body.mm-blog .related-posts > ul > li{
  margin:0;padding:0;background:#fff;border:1px solid var(--mm-rule);border-radius:8px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.mm-blog .related-posts > ul > li:hover{
  transform:translateY(-3px);box-shadow:var(--mm-shadow-lift);border-color:var(--mm-gold);
}
body.mm-blog .related-posts > ul > li > a{
  display:block;padding:1.05rem 1.15rem;background:none;text-decoration:none;
  font-family:var(--mm-serif);font-size:1.03rem;line-height:1.35;font-weight:700;color:var(--mm-navy);
}
body.mm-blog .related-grid,body.mm-blog .rp-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.85rem;
}
body.mm-blog a.related-card,body.mm-blog a.rp-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--mm-rule);border-radius:8px;
  padding:1.1rem 1.15rem;text-decoration:none;color:inherit;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.mm-blog a.related-card:hover,body.mm-blog a.rp-card:hover{
  transform:translateY(-3px);box-shadow:var(--mm-shadow-lift);border-color:var(--mm-gold);
}
body.mm-blog a.related-card h4,body.mm-blog .rp-title{
  font-family:var(--mm-serif);font-size:1.03rem;line-height:1.32;font-weight:700;
  letter-spacing:0;text-transform:none;color:var(--mm-navy);margin:0 0 .4rem;
}
body.mm-blog a.related-card p,body.mm-blog .rp-desc{
  font-family:var(--mm-sans);font-size:.84rem;line-height:1.5;color:var(--mm-muted);
  margin:0;max-width:none;
}
body.mm-blog .rp-cat{
  font-family:var(--mm-sans);font-size:.64rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mm-gold-dk);margin-bottom:.45rem;
}

/* ---------- sources and footer -------------------------------------------- */
body.mm-blog .sources-section{
  margin-top:3rem;padding-top:2rem;border-top:1px solid var(--mm-rule);font-size:.95rem;
}
body.mm-blog .sources-section h2,
body.mm-blog .sources-section h3{
  font-family:var(--mm-sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mm-muted);
  border:0;padding:0;margin:0 0 .9rem;max-width:none;
}
body.mm-blog .sources-section h2::before{display:none;}

/* .blog-footer is the real footer on 172 pages; .footer is the real footer
   on 13 others and was never styled. Both get the same treatment. */
body.mm-blog .blog-footer,
body.mm-blog footer.footer{
  background:var(--mm-navy);color:rgba(255,255,255,.66);
  border-top:3px solid var(--mm-gold);
  padding:2.25rem 1.5rem;margin-top:3rem;text-align:center;
  font-family:var(--mm-sans);font-size:.88rem;line-height:1.9;
}
body.mm-blog .blog-footer p,
body.mm-blog footer.footer p{margin:0 auto .5rem;max-width:var(--mm-col);}
body.mm-blog .blog-footer a,
body.mm-blog footer.footer a{
  color:rgba(255,255,255,.82);text-decoration:none;margin:0 .55rem;
  border-bottom:1px solid transparent;
}
body.mm-blog .blog-footer a:hover,
body.mm-blog footer.footer a:hover{color:var(--mm-gold-lt);border-bottom-color:var(--mm-gold);}

/* ---------- responsive ---------------------------------------------------- */
@media (max-width:640px){
  body.mm-blog .mm-article{font-size:1.09rem;padding-left:1.15rem;padding-right:1.15rem;}
  body.mm-blog .mm-article h2{margin-top:2.4rem;}
  body.mm-blog .mm-article .lead,
  body.mm-blog .mm-article > p:first-of-type{font-size:1.18rem;}
  body.mm-blog .mm-keepreading{padding:1.9rem 1.1rem 1.5rem;}
  body.mm-blog .mm-kr-grid{grid-template-columns:1fr;}
  body.mm-blog .related-posts,
  body.mm-blog .related-grid,
  body.mm-blog .related-posts-section{padding:1.75rem 1.1rem;}
  body.mm-blog .cta-card,body.mm-blog .mid-cta,
  body.mm-blog .bottom-cta,body.mm-blog .blog-cta{padding:1.6rem 1.25rem;}
  body.mm-blog .mm-article thead th{position:static;}
  body.mm-blog .blog-nav,
  body.mm-blog nav.nav{
    flex-direction:column;align-items:flex-start;gap:.55rem;padding:.8rem 1.15rem;
  }
  body.mm-blog .blog-nav-links,
  body.mm-blog .nav-links{justify-content:flex-start;gap:.3rem .9rem;font-size:.85rem;}
  body.mm-blog .blog-nav a,
  body.mm-blog nav.nav a{font-size:.85rem;}
  body.mm-blog .stat-row{grid-template-columns:repeat(2,1fr);}
}

/* ---------- print --------------------------------------------------------- */
@media print{
  body.mm-blog .mm-progress,
  body.mm-blog .cta-card,body.mm-blog .mid-cta,body.mm-blog .bottom-cta,body.mm-blog .blog-cta,
  body.mm-blog .mm-keepreading,
  body.mm-blog .related-posts,body.mm-blog .related-grid,body.mm-blog .related-posts-section{display:none;}
  body.mm-blog .blog-hero{background:none;color:#000;}
  body.mm-blog .blog-hero h1{color:#000;}
  body.mm-blog .mm-article{max-width:none;font-size:11pt;}
}

/* ==========================================================================
   ON THIS PAGE — jump list built from the article's own headings.
   Gives readers a map and gives search engines anchor targets to deep-link.
   ========================================================================== */
body.mm-blog .mm-toc{
  max-width:var(--mm-measure);margin:2.25rem auto;
  background:var(--mm-surface);border:1px solid var(--mm-rule);
  border-top:3px solid var(--mm-gold);border-radius:4px;
  padding:1.3rem 1.5rem;font-family:var(--mm-sans);
}
body.mm-blog .mm-toc h2.mm-toc-h{
  margin:0 0 .8rem;padding:0;border:0;max-width:none;
  font-family:var(--mm-sans);font-size:.7rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mm-navy);line-height:1;
}
body.mm-blog .mm-toc h2.mm-toc-h::before{display:none;}
body.mm-blog .mm-toc ol{
  margin:0;padding:0;list-style:none;counter-reset:mmtoc;max-width:none;
}
body.mm-blog .mm-toc li{
  margin:0 0 .4rem;padding-left:1.7rem;position:relative;
  font-size:.95rem;line-height:1.45;
}
body.mm-blog .mm-toc li::before{
  counter-increment:mmtoc;content:counter(mmtoc,decimal-leading-zero);
  position:absolute;left:0;top:.12em;
  font-size:.7rem;font-weight:700;color:var(--mm-gold-dk);font-variant-numeric:tabular-nums;
}
body.mm-blog .mm-toc a{
  color:var(--mm-navy-2);text-decoration:none;border-bottom:1px solid transparent;
}
body.mm-blog .mm-toc a:hover{color:var(--mm-gold-dk);border-bottom-color:var(--mm-gold);background:none;}
/* jump links should not land under the sticky table header */
body.mm-blog .mm-article h2[id]{scroll-margin-top:1.5rem;}

/* ==========================================================================
   SITE FOOTER
   Four columns of real articles. The first is the cluster this piece belongs
   to, so no two articles carry the same footer.
   ========================================================================== */
body.mm-blog .mm-footer{
  background:linear-gradient(180deg,var(--mm-navy) 0%,#12121f 100%);
  color:rgba(255,255,255,.72);
  border-top:3px solid var(--mm-gold);
  font-family:var(--mm-sans);
  margin-top:3.5rem;
}

/* conversion band */
body.mm-blog .mm-foot-cta{
  max-width:var(--mm-col);margin:0 auto;padding:3rem 1.5rem 2.5rem;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.10);
}
body.mm-blog .mm-foot-cta h2{
  font-family:var(--mm-serif);font-size:clamp(1.5rem,3.6vw,2.05rem);line-height:1.2;
  color:#fff;margin:0 0 .75rem;border:0;padding:0;max-width:none;letter-spacing:-.01em;
}
body.mm-blog .mm-foot-cta h2::before{display:none;}
body.mm-blog .mm-foot-cta p{
  font-size:1rem;line-height:1.65;color:rgba(255,255,255,.72);
  max-width:34rem;margin:0 auto 1.5rem;
}
body.mm-blog a.mm-foot-btn{
  display:inline-block;background:var(--mm-gold);color:var(--mm-navy);
  font-weight:700;font-size:1rem;padding:.9rem 2rem;border-radius:6px;text-decoration:none;
  box-shadow:0 8px 22px -10px rgba(200,169,81,1);
  transition:background-color .15s ease,transform .15s ease;
}
body.mm-blog a.mm-foot-btn:hover{background:var(--mm-gold-lt);transform:translateY(-2px);color:var(--mm-navy);}

/* link columns */
body.mm-blog .mm-foot-cols{
  max-width:64rem;margin:0 auto;padding:2.75rem 1.5rem 1.5rem;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:2rem 2.5rem;
}
body.mm-blog .mm-foot-col h3{
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mm-gold);margin:0 0 .9rem;padding:0 0 .7rem;
  border-bottom:1px solid rgba(255,255,255,.12);line-height:1.4;
}
body.mm-blog .mm-foot-col ul{list-style:none;margin:0;padding:0;max-width:none;}
body.mm-blog .mm-foot-col li{margin:0 0 .55rem;padding:0;}
body.mm-blog .mm-foot-col a{
  color:rgba(255,255,255,.74);text-decoration:none;font-size:.88rem;line-height:1.45;
  display:block;transition:color .15s ease;
}
body.mm-blog .mm-foot-col a:hover{color:var(--mm-gold-lt);background:none;}
body.mm-blog .mm-foot-start a{color:rgba(255,255,255,.9);font-weight:600;}

/* trust block */
body.mm-blog .mm-foot-trust{
  max-width:64rem;margin:0 auto;padding:1.75rem 1.5rem 2.5rem;
  border-top:1px solid rgba(255,255,255,.10);
}
body.mm-blog .mm-foot-about{
  font-size:.85rem;line-height:1.7;color:rgba(255,255,255,.55);
  max-width:52rem;margin:0 0 1.1rem;
}
body.mm-blog .mm-foot-about strong{color:rgba(255,255,255,.85);}
body.mm-blog .mm-foot-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.35rem;margin-bottom:.9rem;}
body.mm-blog .mm-foot-meta a{
  color:rgba(255,255,255,.66);text-decoration:none;font-size:.82rem;
  border-bottom:1px solid transparent;
}
body.mm-blog .mm-foot-meta a:hover{color:var(--mm-gold-lt);border-bottom-color:var(--mm-gold);background:none;}
body.mm-blog .mm-foot-legal{font-size:.78rem;color:rgba(255,255,255,.4);margin:0;}

@media (max-width:640px){
  body.mm-blog .mm-foot-cta{padding:2.25rem 1.15rem 2rem;}
  body.mm-blog .mm-foot-cols{padding:2rem 1.15rem 1rem;gap:1.75rem;grid-template-columns:1fr;}
  body.mm-blog .mm-foot-trust{padding:1.5rem 1.15rem 2rem;}
  body.mm-blog .mm-toc{padding:1.1rem 1.15rem;}
}
@media print{ body.mm-blog .mm-footer, body.mm-blog .mm-toc{display:none;} }