:root{
  
  --ink:        #14122E;
  --ink-2:      #403A66;
  --ink-3:      #6E6890;
  --ink-4:      #9A94B4;

  --paper:      #F7F5FA;
  --surface:    #FFFFFF;
  --surface-2:  #EFECF6;
  --surface-3:  #E4E0EF;

  --line:       #DEDAEA;
  --line-2:     #C6C0DC;

  
  --indigo:     #302B7A;
  --indigo-2:   #4A43A8;
  --indigo-ghost:#EDEBF8;

  --brass:      #9C7222;
  --brass-2:    #C49A45;
  --brass-ghost:#F7EFDD;

  --green:      #24614C;
  --green-ghost:#DFEDE7;

  --radius:     4px;
  --radius-lg:  6px;

  --shadow-sm:  0 1px 2px rgba(20,18,46,.06);
  --shadow:     0 2px 4px rgba(20,18,46,.05), 0 12px 28px -20px rgba(20,18,46,.35);
  --shadow-lg:  0 4px 10px rgba(20,18,46,.07), 0 28px 60px -30px rgba(20,18,46,.45);

  --maxw:       1180px;
  --gutter:     clamp(18px, 4vw, 40px);
}
.mbw *, .mbw *::before, .mbw *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.mbw *, .mbw *::before, .mbw *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}

}.mbw{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.mbw img{max-width:100%;height:auto;display:block}
.mbw a{color:var(--indigo);text-decoration-thickness:1px;text-underline-offset:2px}
.mbw a:hover{color:var(--indigo-2)}
.mbw :focus-visible{outline:2px solid var(--indigo-2);outline-offset:2px;border-radius:2px}
.mbw .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.mbw .wrap-narrow{max-width:760px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.mbw h1, .mbw h2, .mbw h3, .mbw h4{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:-.015em;
  line-height:1.14;
  margin:0;
  text-wrap:balance;
}
.mbw h1{font-size:clamp(2.15rem,4.6vw,3.5rem);line-height:1.05;letter-spacing:-.022em}
.mbw h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.mbw h3{font-size:clamp(1.2rem,2vw,1.5rem)}
.mbw h4{font-size:1.05rem}
.mbw em.accent{font-style:italic;color:var(--indigo)}
.mbw p{margin:0 0 1em}
.mbw p:last-child{margin-bottom:0}
.mbw .eyebrow{
  font-family:"Karla",sans-serif;
  font-size:.72rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass);margin:0 0 14px;
}
.mbw .eyebrow.muted{color:var(--ink-3)}
.mbw .lede{font-size:clamp(1.05rem,1.7vw,1.22rem);line-height:1.55;color:var(--ink-2);max-width:60ch}
.mbw .sec-head{max-width:64ch;margin-bottom:36px}
.mbw .sec-head p{color:var(--ink-2);margin-top:14px;font-size:1.05rem}
.mbw .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:"Karla",sans-serif;font-weight:700;font-size:1rem;
  padding:14px 24px;border-radius:var(--radius);border:1.5px solid transparent;
  cursor:pointer;text-decoration:none;transition:background .16s,color .16s,border-color .16s,transform .1s;
  line-height:1.2;text-align:center;
}
.mbw .btn:active{transform:translateY(1px)}
.mbw .btn-primary{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.mbw .btn-primary:hover{background:var(--indigo-2);border-color:var(--indigo-2);color:#fff}
.mbw .btn-brass{background:var(--brass);color:#fff;border-color:var(--brass)}
.mbw .btn-brass:hover{background:#8A6320;border-color:#8A6320;color:#fff}
.mbw .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.mbw .btn-ghost:hover{background:var(--surface);border-color:var(--ink-3);color:var(--ink)}
.mbw .btn-white{background:#fff;color:var(--indigo);border-color:#fff}
.mbw .btn-white:hover{background:var(--indigo-ghost);color:var(--indigo)}
.mbw .btn-lg{padding:17px 30px;font-size:1.06rem}
.mbw .btn-sm{padding:9px 16px;font-size:.88rem}
.mbw .btn-block{width:100%}
.mbw .btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mbw .mbw-header{
  position:sticky;top:0;z-index:60;
  background:rgba(247,245,250,.92);
  backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid var(--line);
}
.mbw .hdr{display:flex;align-items:center;gap:26px;height:70px}
.mbw .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex-shrink:0}
.mbw .brand-mark{
  width:34px;height:34px;border-radius:3px;flex-shrink:0;
  background:linear-gradient(140deg,var(--indigo) 0%,var(--indigo-2) 55%,var(--brass-2) 100%);
  color:#fff;font-family:"Newsreader",serif;font-weight:600;font-size:1.05rem;
  display:grid;place-items:center;letter-spacing:-.04em;
}
.mbw .brand-name{font-family:"Newsreader",serif;font-weight:600;font-size:1.14rem;letter-spacing:-.02em;white-space:nowrap}
.mbw .nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.mbw .nav a, .mbw .nav button.navlink{
  font-family:"Karla",sans-serif;font-size:.95rem;font-weight:600;color:var(--ink-2);
  text-decoration:none;padding:9px 12px;border-radius:var(--radius);
  background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;
}
.mbw .nav a:hover, .mbw .nav button.navlink:hover{background:var(--surface-2);color:var(--ink)}
.mbw .nav .cta{margin-left:10px}
.mbw .has-drop{position:relative}
.mbw .drop{
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);padding:8px;min-width:300px;display:none;
}
.mbw .has-drop:hover .drop, .mbw .has-drop:focus-within .drop{display:block}
.mbw .drop a{display:block;padding:10px 12px;border-radius:var(--radius);font-weight:600;color:var(--ink);font-size:.94rem}
.mbw .drop a span{display:block;font-weight:400;font-size:.82rem;color:var(--ink-3);margin-top:1px}
.mbw .drop a:hover{background:var(--indigo-ghost)}
.mbw .burger{display:none;margin-left:auto;background:none;border:1.5px solid var(--line-2);border-radius:var(--radius);padding:8px 11px;cursor:pointer;color:var(--ink);font-size:1.05rem}
.mbw .hero{padding:clamp(38px,6vw,68px) 0 clamp(34px,5vw,56px)}
.mbw .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,64px);align-items:center}
.mbw .hero h1{margin-bottom:18px}
.mbw .hero .lede{margin-bottom:26px}
.mbw .trust-strip{
  display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;padding-top:22px;
  border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-3);font-weight:600;
}
.mbw .trust-strip span{display:inline-flex;align-items:center;gap:7px}
.mbw .tick{color:var(--green);font-weight:700}
.mbw .quiz-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.mbw .quiz-card-head{padding:20px 24px 16px;border-bottom:1px solid var(--line);background:var(--indigo);color:#fff}
.mbw .quiz-card-head .eyebrow{color:var(--brass-2);margin-bottom:7px}
.mbw .quiz-card-head h3{font-size:1.28rem;color:#fff}
.mbw .quiz-card-head p{font-size:.88rem;color:#C9C5E8;margin:6px 0 0}
.mbw .quiz-card-body{padding:22px 24px 24px}
.mbw .quiz-q{font-weight:700;font-size:.98rem;margin:0 0 14px;color:var(--ink)}
.mbw .opt-list{display:grid;gap:9px;margin-bottom:18px}
.mbw .opt{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  padding:13px 15px;border:1.5px solid var(--line);border-radius:var(--radius);
  background:var(--surface);cursor:pointer;font-family:"Karla",sans-serif;
  font-size:.95rem;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s;
}
.mbw .opt:hover{border-color:var(--indigo-2);background:var(--indigo-ghost)}
.mbw .opt[aria-pressed="true"]{border-color:var(--indigo);background:var(--indigo-ghost);box-shadow:inset 0 0 0 1px var(--indigo)}
.mbw .opt .ic{
  width:30px;height:30px;flex-shrink:0;border-radius:3px;display:grid;place-items:center;
  background:var(--indigo-ghost);color:var(--indigo);font-size:1rem;
}
.mbw .opt small{display:block;font-weight:400;font-size:.8rem;color:var(--ink-3);margin-top:1px}
.mbw .quiz-foot{font-size:.79rem;color:var(--ink-3);text-align:center;margin-top:14px}
.mbw .progress{height:3px;background:var(--surface-3);border-radius:2px;overflow:hidden;margin-bottom:18px}
.mbw .progress i{display:block;height:100%;background:var(--brass-2);transition:width .3s ease}
.mbw .answer-band{background:var(--ink);color:#EDEBF8;padding:clamp(42px,6vw,66px) 0}
.mbw .answer-band h2{color:#fff}
.mbw .answer-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,56px);align-items:start}
.mbw .answer-key{
  font-size:1.16rem;line-height:1.55;color:#fff;
  border-left:3px solid var(--brass-2);padding-left:20px;margin:20px 0 0;
}
.mbw .answer-key strong{color:var(--brass-2)}
.mbw .answer-sub{font-size:.92rem;color:#A9A3CC;margin-top:16px}
.mbw .price-table{width:100%;border-collapse:collapse;font-size:.92rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius)}
.mbw .price-table th{
  text-align:left;font-family:"Karla",sans-serif;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:#A9A3CC;font-weight:700;padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.mbw .price-table th.r, .mbw .price-table td.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mbw .price-table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#EDEBF8}
.mbw .price-table tbody tr:last-child td{border-bottom:none}
.mbw .price-table td.r{color:#fff;font-weight:700}
.mbw .seg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mbw .seg{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:22px 20px 20px;transition:border-color .16s,box-shadow .16s,transform .16s;
}
.mbw .seg:hover{border-color:var(--indigo-2);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--ink)}
.mbw .seg .ic{font-size:1.5rem;line-height:1}
.mbw .seg h3{font-size:1.1rem}
.mbw .seg p{font-size:.9rem;color:var(--ink-3);margin:0}
.mbw .seg .go{margin-top:auto;padding-top:12px;font-size:.85rem;font-weight:700;color:var(--indigo)}
.mbw .hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mbw .hub{
  display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  text-decoration:none;color:var(--ink);transition:border-color .16s,box-shadow .16s,transform .16s;
}
.mbw .hub:hover{border-color:var(--indigo-2);box-shadow:var(--shadow-lg);transform:translateY(-3px);color:var(--ink)}
.mbw .hub-top{padding:22px 22px 16px;border-bottom:1px solid var(--line);position:relative}
.mbw .hub-top.is-priority{background:var(--indigo);color:#fff}
.mbw .hub-top.is-priority h3{color:#fff}
.mbw .hub-top.is-priority .hub-count{color:var(--brass-2);border-color:rgba(255,255,255,.24)}
.mbw .hub-top.is-priority .hub-desc{color:#C9C5E8}
.mbw .hub-count{
  font-family:"Karla",sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--brass);border:1px solid var(--line);
  border-radius:99px;padding:3px 10px;display:inline-block;margin-bottom:12px;
}
.mbw .hub h3{font-size:1.3rem;margin-bottom:8px}
.mbw .hub-desc{font-size:.9rem;color:var(--ink-3);margin:0}
.mbw .hub-list{list-style:none;margin:0;padding:14px 22px 16px;display:grid;gap:1px;flex:1}
.mbw .hub-list li{font-size:.89rem;color:var(--ink-2);padding:6px 0;line-height:1.4;display:flex;gap:9px}
.mbw .hub-list li::before{content:"›";color:var(--brass);font-weight:700;flex-shrink:0}
.mbw .hub-go{padding:0 22px 20px;font-size:.88rem;font-weight:700;color:var(--indigo)}
.mbw .badge-priority{
  position:absolute;top:18px;right:18px;background:var(--brass-2);color:#2A1F08;
  font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 8px;border-radius:2px;
}
.mbw .tools-band{background:var(--surface-2);padding:clamp(44px,6vw,72px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mbw .tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.mbw .tool{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:20px 18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;
  transition:border-color .16s,box-shadow .16s,transform .16s;
}
.mbw .tool:hover{border-color:var(--brass-2);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--ink)}
.mbw .tool .ic{font-size:1.4rem;line-height:1}
.mbw .tool h3{font-size:1rem;font-family:"Karla",sans-serif;font-weight:700;letter-spacing:0;line-height:1.3}
.mbw .tool p{font-size:.83rem;color:var(--ink-3);margin:0}
.mbw .tool .free{
  margin-top:auto;padding-top:10px;font-size:.68rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--green);
}
.mbw .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.mbw .step{padding:26px 24px;border-right:1px solid var(--line)}
.mbw .step:last-child{border-right:none}
.mbw .step-n{
  font-family:"Newsreader",serif;font-size:2.2rem;font-weight:600;color:var(--surface-3);
  line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums;
}
.mbw .step h3{font-size:1.15rem;margin-bottom:8px}
.mbw .step p{font-size:.92rem;color:var(--ink-2);margin:0}
.mbw .proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.mbw .proof-grid.proof-3{grid-template-columns:repeat(3,1fr)}
.mbw .proof{background:var(--surface);padding:24px 20px}
.mbw .proof dt{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}
.mbw .proof dd{margin:0;font-family:"Newsreader",serif;font-size:2.1rem;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mbw .proof dd small{display:block;font-family:"Karla",sans-serif;font-size:.82rem;font-weight:400;color:var(--ink-3);margin-top:8px;line-height:1.4}
.mbw .slot{
  border:1.5px dashed var(--line-2);border-radius:var(--radius-lg);padding:22px 22px;
  background:repeating-linear-gradient(135deg,transparent,transparent 9px,var(--surface-2) 9px,var(--surface-2) 18px);
}
.mbw .slot-label{
  font-family:"Karla",sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brass);margin-bottom:10px;
}
.mbw .slot p{font-size:.92rem;color:var(--ink-2);margin:0}
.mbw .faq{border-top:1px solid var(--line)}
.mbw .faq details{border-bottom:1px solid var(--line)}
.mbw .faq summary{
  cursor:pointer;list-style:none;padding:20px 44px 20px 0;position:relative;
  font-family:"Newsreader",serif;font-size:1.18rem;font-weight:600;letter-spacing:-.01em;
}
.mbw .faq summary::-webkit-details-marker{display:none}
.mbw .faq summary::after{
  content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-family:"Karla",sans-serif;font-size:1.4rem;font-weight:400;color:var(--brass);line-height:1;
}
.mbw .faq details[open] summary::after{content:"–"}
.mbw .faq summary:hover{color:var(--indigo)}
.mbw .faq .ans{padding:0 0 22px;color:var(--ink-2);max-width:72ch}
.mbw .faq .ans p{font-size:1rem}
.mbw .faq .ans strong{color:var(--ink)}
.mbw .cta-band{background:var(--indigo);color:#fff;padding:clamp(44px,6vw,72px) 0}
.mbw .cta-band h2{color:#fff}
.mbw .cta-band .lede{color:#C9C5E8}
.mbw .cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,56px);align-items:center}
.mbw .capture{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-lg)}
.mbw .capture h3{color:var(--ink);font-size:1.24rem;margin-bottom:8px}
.mbw .capture p{font-size:.9rem;color:var(--ink-2);margin-bottom:18px}
.mbw .field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}
.mbw .field label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.mbw .field input, .mbw .field select, .mbw .field textarea{
  font-family:"Karla",sans-serif;font-size:1rem;padding:12px 14px;border-radius:var(--radius);
  border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);width:100%;
}
.mbw .field input::placeholder{color:var(--ink-4)}
.mbw .field input:focus, .mbw .field select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-ghost)}
.mbw .capture .fineprint{font-size:.76rem;color:var(--ink-3);margin-top:12px;text-align:center}
.mbw .mbw-footer{background:var(--ink);color:#B6B0D4;padding:clamp(44px,6vw,64px) 0 30px;font-size:.9rem}
.mbw .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,4vw,48px);margin-bottom:40px}
.mbw .mbw-footer h4{font-family:"Karla",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.mbw .mbw-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mbw .mbw-footer a{color:#B6B0D4;text-decoration:none}
.mbw .mbw-footer a:hover{color:#fff;text-decoration:underline}
.mbw .foot-about p{font-size:.9rem;color:#B6B0D4;max-width:34ch}
.mbw .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;font-size:.82rem;color:#8F89B8}
.mbw .mobile-cta{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--surface);border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  box-shadow:0 -6px 20px -12px rgba(20,18,46,.4);gap:10px;
}
.mbw .mobile-cta .btn{flex:1;min-height:46px}
.mbw .page-head{padding:clamp(32px,5vw,54px) 0 0}
.mbw .crumbs{font-size:.83rem;color:var(--ink-3);margin-bottom:16px}
.mbw .crumbs a{color:var(--ink-3)}
.mbw .crumbs a:hover{color:var(--indigo)}
.mbw .section{padding:clamp(44px,6vw,76px) 0}
.mbw .section-tight{padding:clamp(32px,4vw,52px) 0}
.mbw .rule{height:1px;background:var(--line);border:0;margin:0}
.mbw .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}
.mbw .pill{
  display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:99px;
}
.mbw .pill-free{background:var(--green-ghost);color:var(--green)}
.mbw .pill-new{background:var(--brass-ghost);color:var(--brass)}
.mbw .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
.mbw .prose{font-family:"Newsreader",Georgia,serif;font-size:1.19rem;line-height:1.68;color:#211E3D;max-width:70ch}
.mbw .prose h2{font-size:1.75rem;margin:1.9em 0 .5em}
.mbw .prose h3{font-size:1.32rem;margin:1.6em 0 .4em}
.mbw .prose p{margin:0 0 1.05em}
.mbw .prose ul, .mbw .prose ol{margin:0 0 1.2em;padding-left:1.3em}
.mbw .prose li{margin-bottom:.5em}
.mbw .prose a{color:var(--indigo);font-weight:500}
.mbw .byline{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 30px;font-size:.88rem;color:var(--ink-3)}
.mbw .avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--indigo),var(--brass-2));display:grid;place-items:center;color:#fff;font-weight:700;font-size:.9rem;font-family:"Karla",sans-serif;flex-shrink:0}
.mbw .byline b{color:var(--ink);font-weight:700}
.mbw .tldr{
  background:var(--indigo-ghost);border:1px solid var(--line-2);border-left:3px solid var(--indigo);
  border-radius:var(--radius);padding:20px 22px;margin:0 0 30px;font-family:"Karla",sans-serif;
}
.mbw .tldr .slot-label{color:var(--indigo)}
.mbw .tldr ul{margin:0;padding-left:18px;font-size:.96rem;line-height:1.55}
.mbw .tldr li{margin-bottom:7px}
.mbw .tldr li:last-child{margin-bottom:0}
.mbw .inline-cta{
  background:var(--surface);border:1px solid var(--line-2);border-top:3px solid var(--brass);
  border-radius:var(--radius-lg);padding:24px;margin:36px 0;font-family:"Karla",sans-serif;
  box-shadow:var(--shadow);
}
.mbw .inline-cta h3{font-size:1.24rem;margin-bottom:8px}
.mbw .inline-cta p{font-size:.95rem;color:var(--ink-2);margin-bottom:16px}
.mbw .sticky-side{position:sticky;top:90px;display:grid;gap:16px}
.mbw .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}
.mbw .toc h4{font-family:"Karla",sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-weight:700}
.mbw .toc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mbw .toc a{font-size:.89rem;color:var(--ink-2);text-decoration:none;line-height:1.35;display:block}
.mbw .toc a:hover{color:var(--indigo)}
.mbw .side-cta{background:var(--indigo);color:#fff;border-radius:var(--radius-lg);padding:22px}
.mbw .side-cta h4{font-family:"Newsreader",serif;font-size:1.15rem;color:#fff;letter-spacing:-.01em;margin-bottom:8px;text-transform:none}
.mbw .side-cta p{font-size:.87rem;color:#C9C5E8;margin-bottom:16px}
.mbw .related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mbw .rel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;text-decoration:none;color:var(--ink);transition:border-color .16s,transform .16s}
.mbw .rel:hover{border-color:var(--indigo-2);transform:translateY(-2px);color:var(--ink)}
.mbw .rel .cat{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.mbw .rel h4{font-family:"Newsreader",serif;font-size:1.02rem;line-height:1.3;letter-spacing:-.01em}
.mbw .post-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.mbw .post-row{
  background:var(--surface);padding:18px 22px;text-decoration:none;color:var(--ink);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;transition:background .14s;
}
.mbw .post-row:hover{background:var(--indigo-ghost);color:var(--ink)}
.mbw .post-row h3{font-size:1.1rem;line-height:1.3;margin-bottom:4px}
.mbw .post-row p{font-size:.86rem;color:var(--ink-3);margin:0}
.mbw .post-row .meta{font-size:.76rem;color:var(--ink-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.mbw .calc-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,44px);align-items:start}
.mbw .calc-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(22px,3vw,32px);box-shadow:var(--shadow)}
.mbw .calc-group{margin-bottom:26px}
.mbw .calc-group:last-child{margin-bottom:0}
.mbw .calc-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:11px}
.mbw .calc-label b{font-family:"Karla",sans-serif;font-size:.95rem;font-weight:700}
.mbw .calc-label span{font-size:.8rem;color:var(--ink-3)}
.mbw .chip-row{display:flex;flex-wrap:wrap;gap:8px}
.mbw .chip{
  font-family:"Karla",sans-serif;font-size:.88rem;font-weight:600;padding:9px 14px;
  border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);
  cursor:pointer;color:var(--ink-2);transition:all .14s;
}
.mbw .chip:hover{border-color:var(--indigo-2);color:var(--ink)}
.mbw .chip[aria-pressed="true"]{background:var(--indigo);border-color:var(--indigo);color:#fff}
.mbw input[type=range]{width:100%;accent-color:var(--indigo);height:26px}
.mbw .calc-out{position:sticky;top:90px;background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:clamp(24px,3vw,32px)}
.mbw .calc-out .eyebrow{color:var(--brass-2)}
.mbw .calc-figure{font-family:"Newsreader",serif;font-size:clamp(2.3rem,5vw,3.1rem);font-weight:600;line-height:1.02;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.mbw .calc-range{font-size:.92rem;color:#A9A3CC;margin-bottom:22px}
.mbw .calc-break{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-bottom:20px;display:grid;gap:10px}
.mbw .calc-break div{display:flex;justify-content:space-between;gap:14px;font-size:.89rem;color:#C9C5E8}
.mbw .calc-break div b{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}
.mbw .calc-note{font-size:.8rem;color:#8F89B8;line-height:1.5;margin-top:16px}



@media (max-width:1080px){.mbw .tool-grid{grid-template-columns:repeat(3,1fr)}
.mbw .hub-grid{grid-template-columns:repeat(2,1fr)}
.mbw .seg-grid{grid-template-columns:repeat(2,1fr)}
.mbw .proof-grid, .mbw .proof-grid.proof-3{grid-template-columns:repeat(2,1fr)}
.mbw .article-layout{grid-template-columns:1fr}
.mbw .sticky-side{position:static;grid-template-columns:1fr 1fr;display:grid}

}
@media (max-width:900px){.mbw .hero-grid, .mbw .answer-grid, .mbw .cta-inner, .mbw .calc-shell{grid-template-columns:1fr}
.mbw .calc-out{position:static}
.mbw .steps{grid-template-columns:1fr}
.mbw .step{border-right:none;border-bottom:1px solid var(--line)}
.mbw .step:last-child{border-bottom:none}
.mbw .foot-grid{grid-template-columns:1fr 1fr}
.mbw .related{grid-template-columns:1fr}

}
@media (max-width:760px){.mbw{font-size:16.5px}
.mbw .nav{display:none}
.mbw .burger{display:block}
.mbw .nav.open{
    display:flex;flex-direction:column;align-items:stretch;position:absolute;top:70px;left:0;right:0;
    background:var(--surface);border-bottom:1px solid var(--line);padding:12px;gap:2px;
    box-shadow:var(--shadow-lg);margin-left:0;
  }
.mbw .nav.open .drop{position:static;transform:none;display:block;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0;background:transparent}
.mbw .nav.open .has-drop>.navlink{width:100%;justify-content:space-between}
.mbw .nav.open .cta{margin-left:0;margin-top:8px}
.mbw .mobile-cta{display:flex}
.mbw{padding-bottom:72px}
.mbw .tool-grid, .mbw .hub-grid, .mbw .seg-grid, .mbw .proof-grid, .mbw .proof-grid.proof-3{grid-template-columns:1fr}
.mbw .sticky-side{grid-template-columns:1fr}
.mbw .foot-grid{grid-template-columns:1fr}
.mbw .post-row{grid-template-columns:1fr}
.mbw .post-row .meta{display:none}
.mbw .prose{font-size:1.13rem}

}.mbw-form .srfm-form-container, .mbw-form form{ margin:0; padding:0; background:transparent; box-shadow:none; border:0; max-width:none }
.mbw-form .srfm-block, .mbw-form .srfm-block-wrap{ margin:0 0 13px; padding:0; width:100% }
.mbw-form .srfm-block:last-of-type{ margin-bottom:0 }
.mbw-form label, .mbw-form .srfm-block-label, .mbw-form .srfm-label{
  font-family:"Karla",sans-serif; font-size:.78rem; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3);
  margin-bottom:6px; display:block;
}
.mbw-form input[type=text], .mbw-form input[type=email], .mbw-form input[type=tel], .mbw-form input[type=url], .mbw-form input[type=number], .mbw-form textarea, .mbw-form select{
  font-family:"Karla",sans-serif !important; font-size:1rem !important;
  padding:12px 14px !important; border-radius:var(--radius) !important;
  border:1.5px solid var(--line-2) !important; background:var(--surface) !important;
  color:var(--ink) !important; width:100% !important; box-shadow:none !important;
  line-height:1.4 !important; min-height:0 !important;
}
.mbw-form input:focus, .mbw-form textarea:focus, .mbw-form select:focus{
  outline:none !important; border-color:var(--indigo) !important;
  box-shadow:0 0 0 3px var(--indigo-ghost) !important;
}
.mbw-form button[type=submit], .mbw-form .srfm-button, .mbw-form .srfm-submit-button{
  display:inline-flex !important; align-items:center; justify-content:center;
  font-family:"Karla",sans-serif !important; font-weight:700 !important; font-size:1rem !important;
  padding:14px 24px !important; border-radius:var(--radius) !important;
  background:var(--indigo) !important; color:#fff !important; border:1.5px solid var(--indigo) !important;
  width:100% !important; cursor:pointer; min-height:46px; box-shadow:none !important;
}
.mbw-form button[type=submit]:hover, .mbw-form .srfm-button:hover{
  background:var(--indigo-2) !important; border-color:var(--indigo-2) !important;
}
.mbw-form .srfm-success-box, .mbw-form .srfm-single-form .srfm-success-box{
  background:var(--green-ghost) !important; border:1px solid var(--green) !important;
  color:var(--green) !important; border-radius:var(--radius) !important; padding:18px !important;
}
.mbw-form .srfm-error-message, .mbw-form .srfm-error{ color:var(--critical) !important; font-size:.82rem }
.mbw .capture .mbw-form label, .mbw .capture .mbw-form .srfm-block-label, .mbw .capture .mbw-form .srfm-label{ color:var(--ink-3) !important }
.mbw .capture .mbw-form input[type=email], .mbw .capture .mbw-form input[type=text], .mbw .capture .mbw-form input[type=url], .mbw .capture .mbw-form textarea{
  background:var(--surface) !important;
  border-color:var(--line-2) !important;
  color:var(--ink) !important;
}
.mbw .capture .mbw-form input::placeholder, .mbw .capture .mbw-form textarea::placeholder{ color:var(--ink-4) !important }
.mbw .capture .mbw-form input:focus, .mbw .capture .mbw-form textarea:focus{
  border-color:var(--indigo) !important;
  box-shadow:0 0 0 3px var(--indigo-ghost) !important;
}
.mbw .capture .mbw-form button[type=submit], .mbw .capture .mbw-form .srfm-button, .mbw .capture .mbw-form .srfm-submit-button{
  background:var(--brass) !important; border-color:var(--brass) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.mbw .capture .mbw-form button[type=submit]:hover, .mbw .capture .mbw-form .srfm-button:hover{
  background:#8A6320 !important; border-color:#8A6320 !important;
}
.mbw .capture .mbw-form .srfm-success-box{
  background:var(--green-ghost) !important; border-color:var(--green) !important; color:var(--green) !important;
}
.mbw-shortcode-sink{ display:none }
.mbw .quiz-page{max-width:660px;margin:0 auto}
.mbw .quiz-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.mbw .quiz-shell .head{padding:22px 26px 18px;border-bottom:1px solid var(--line)}
.mbw .quiz-shell .body{padding:26px}
.mbw .step-count{font-family:"Karla",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.mbw .quiz-shell h2{font-size:1.5rem;margin-top:8px}
.mbw .quiz-back{background:none;border:0;color:var(--ink-3);font-family:"Karla",sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;padding:8px 0}
.mbw .quiz-back:hover{color:var(--indigo)}
.mbw .why{background:var(--surface-2);border-radius:var(--radius);padding:14px 16px;font-size:.86rem;color:var(--ink-2);margin-top:18px}
.mbw .why b{color:var(--ink)}
.mbw-form label, .mbw-form .srfm-block-label, .mbw-form .srfm-label{
  white-space:normal; word-spacing:normal;
}
.mbw-form .srfm-required, .mbw-form label span[aria-label="required"]{
  color:var(--brass) !important; margin-left:2px; font-weight:700;
}
.mbw-form .srfm-form-container, .mbw-form.srfm-form-container{ background:transparent !important }
.mbw-form .srfm-slug-project-summary{ display:none !important }
.mbw-form .srfm-description, .mbw-form .srfm-block-description{
  font-family:"Karla",sans-serif; font-size:.8rem; color:var(--ink-3); margin-top:5px;
}
.mbw .check-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:14px}
.mbw .check-group h3{font-size:1.15rem;margin-bottom:14px}
.mbw .check-group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mbw .check-group li label{display:flex;gap:12px;align-items:flex-start;padding:9px 0;cursor:pointer;font-size:.98rem;line-height:1.45;color:var(--ink-2)}
.mbw .check-group li input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--indigo);flex-shrink:0;cursor:pointer}
.mbw .check-group li input:checked + span{color:var(--ink-4);text-decoration:line-through}
.mbw .check-bar{position:sticky;bottom:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:var(--shadow-lg);margin-top:18px}
.mbw .check-progress{flex:1;min-width:120px;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}
.mbw .check-progress i{display:block;height:100%;background:var(--green);transition:width .25s ease}
.mbw .check-bar p{margin:0;font-size:.86rem;font-weight:700;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.mbw .q-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:14px}
.mbw .q-block h3{font-size:1.15rem;margin-bottom:12px}
.mbw .q-list{margin:0;padding-left:20px;display:grid;gap:9px}
.mbw .q-list li{font-family:"Newsreader",Georgia,serif;font-size:1.08rem;line-height:1.45;color:#211E3D}
.mbw .cc-results{display:grid;gap:9px;margin-top:4px}
.mbw .cc-item{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;line-height:1.45;padding:10px 12px;border-radius:var(--radius);background:rgba(255,255,255,.05)}
.mbw .cc-item b{display:block;color:#fff;font-weight:700;margin-bottom:2px}
.mbw .cc-item span{color:#C9C5E8}
.mbw .cc-mark{font-weight:700;flex-shrink:0;font-size:1rem;line-height:1.3}
.mbw .cc-ok  .cc-mark{color:#7FC0A5}
.mbw .cc-bad .cc-mark{color:#E8918A}


@media print{.mbw-header, .mbw-footer, .mbw .mobile-cta, .mbw .cta-band, .mbw .check-bar, .mbw .inline-cta, .mbw .crumbs, .mbw .btn-row{display:none !important}
.mbw .q-block, .mbw .check-group{break-inside:avoid;border-color:#ccc;box-shadow:none}
.mbw{background:#fff}

}.mbw-form .srfm-block{ margin:0 0 16px !important; }
.mbw-form .srfm-block:last-of-type{ margin-bottom:0 !important; }
.mbw-form .srfm-block-wrap{ margin:0 !important; }
.mbw-form input[type=text], .mbw-form input[type=email], .mbw-form input[type=tel], .mbw-form input[type=url], .mbw-form input[type=number], .mbw-form textarea, .mbw-form select{
  margin:0 !important;
}
.mbw-form .srfm-block-label, .mbw-form label{ margin:0 0 6px !important; line-height:1.3 }
.mbw-form .srfm-error-wrap{
  min-height:0 !important; height:auto !important;
  font-size:0 !important; line-height:0 !important; margin:0 !important;
}
.mbw-form .srfm-error-message{ font-size:.82rem !important; line-height:1.4 !important; margin-top:5px }
.mbw-form .srfm-error-wrap:has(.srfm-error-message[style*="block"]){ line-height:1.4 !important }
.mbw-form .srfm-submit-container{ margin-top:4px !important }
.mbw-form button[type=submit], .mbw-form .srfm-button, .mbw-form .srfm-submit-button{
  margin:0 !important;
}
.mbw-form .srfm-submit-wrap{ gap:8px }
.mbw .btn, .mbw .btn:visited{ -webkit-text-fill-color: currentColor; }
.mbw .btn-primary, .mbw .btn-primary:visited, .mbw .btn-primary:hover{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
.mbw .btn-brass, .mbw .btn-brass:visited, .mbw .btn-brass:hover{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
.mbw .btn-white, .mbw .btn-white:visited, .mbw .btn-white:hover{ color:var(--indigo) !important; -webkit-text-fill-color:var(--indigo) !important; }
.mbw .btn-ghost, .mbw .btn-ghost:visited{ color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important; }
.mbw-form button[type=submit], .mbw-form .srfm-button, .mbw-form .srfm-submit-button{
  -webkit-text-fill-color:#fff !important;
}
.mbw .tool.tool-featured{background:var(--indigo);border-color:var(--indigo)}
.mbw .tool.tool-featured h3{color:#fff}
.mbw .tool.tool-featured p{color:#C9C5E8}
.mbw .tool.tool-featured .ic{color:var(--brass-2)}
.mbw .tool.tool-featured .free{color:var(--brass-2)}
.mbw .tool.tool-featured:hover{background:var(--indigo-2);border-color:var(--indigo-2);box-shadow:var(--shadow-lg)}
.mbw .tool.tool-featured:hover h3{color:#fff}
.mbw .nav a.btn-primary, .mbw .nav a.btn-primary:visited{
  background:var(--indigo) !important; border-color:var(--indigo) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; padding:10px 18px !important;
}
.mbw .nav a.btn-primary:hover{
  background:var(--indigo-2) !important; border-color:var(--indigo-2) !important;
}
.mbw .nav a.btn-brass, .mbw .nav a.btn-brass:visited{
  background:var(--brass) !important; border-color:var(--brass) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.mbw-postsubmit{
  margin-top:20px; padding:22px 24px; background:var(--surface);
  border:1px solid var(--line-2); border-top:3px solid var(--brass);
  border-radius:var(--radius-lg); box-shadow:var(--shadow);
}
.mbw-postsubmit h3{font-size:1.2rem; margin-bottom:8px}
.mbw-postsubmit-p{font-size:.93rem; color:var(--ink-2); margin-bottom:16px}
.mbw-postsubmit .btn-row{gap:10px}
.mbw-postsubmit .btn{flex:1 1 auto; min-width:220px}

@media (max-width:560px){.mbw-postsubmit .btn{flex:1 1 100%}
 }

/* ---------- custom page shell (any page carrying .mbw) ---------- */
body:has(.mbw) .site-header,
body:has(.mbw) .site-footer,
body:has(.mbw) .entry-header,
body:has(.mbw) .ast-single-post-order,
body:has(.mbw) .post-navigation,
body:has(.mbw) #comments,
body:has(.mbw) .ast-scroll-top-icon,
body:has(.mbw) .ast-breadcrumbs-wrapper { display:none !important; }

body:has(.mbw) #content,
body:has(.mbw) #primary,
body:has(.mbw) .site-content,
body:has(.mbw) .ast-container,
body:has(.mbw) .entry-content,
body:has(.mbw) .ast-article-single,
body:has(.mbw) .ast-article-post {
  max-width:100% !important; width:100% !important;
  padding:0 !important; margin:0 !important;
  border:0 !important; background:transparent !important; box-shadow:none !important;
}
body:has(.mbw) { background:#F7F5FA !important; overflow:visible !important; overflow-x:clip !important; }
body:has(.mbw) #page { overflow:visible !important; }
html:has(.mbw) { overflow-x:clip; }
/* Pages carry their whole design inside one .mbw block, so anything else in
   .entry-content there is leftover and hidden. Posts must NEVER match this --
   their article content is exactly the thing that isn't .mbw. */
body:has(.mbw):not(.mbw-post):not(.mbw-archive) .entry-content > *:not(.mbw) { display:none; }
/* posts keep Astra's container; the rule above must not apply there */
body.mbw-post .ast-container {
  max-width:1180px !important; margin:0 auto !important;
  padding-left:clamp(18px,4vw,40px) !important; padding-right:clamp(18px,4vw,40px) !important;
}
body.mbw-post #primary, body.mbw-post .site-main { padding:40px 0 72px !important; margin:0 !important; }

/* The article sits in a white card on the paper ground. The card sets the
   measure, so every child is full-width inside it -- otherwise Astra centres
   paragraphs (max-width + auto margins) while headings span the full column,
   which is what made headings look detached from their text. */
body.mbw-post .ast-article-single {
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  box-shadow:0 1px 2px rgba(20,18,46,.05), 0 24px 48px -30px rgba(20,18,46,.30) !important;
  max-width:820px !important; width:auto !important;
  margin:0 auto !important; padding:clamp(26px,4vw,52px) !important;
}
body.mbw-post .entry-content > * { max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
body.mbw-post .entry-content > p  { margin:0 0 1.05em !important }
body.mbw-post .entry-content > ul,
body.mbw-post .entry-content > ol { margin:0 0 1.15em !important; padding-left:1.25em }
body.mbw-post .entry-content > h2 { margin:1.75em 0 .55em !important; font-size:clamp(1.55rem,2.4vw,1.95rem) !important; line-height:1.15 !important }
body.mbw-post .entry-content > h3 { margin:1.5em 0 .4em !important; font-size:1.32rem !important; line-height:1.25 !important }
body.mbw-post .entry-content > blockquote {
  margin:1.7em 0 !important; padding:2px 0 2px 22px !important;
  border-left:3px solid var(--brass); font-style:italic; color:var(--ink-2);
  background:transparent;
}
body.mbw-post .entry-content > blockquote p { margin-bottom:.6em }
body.mbw-post .entry-content > blockquote p:last-child { margin-bottom:0 }
body.mbw-post .entry-content li { margin-bottom:.45em }
body.mbw-post .entry-content > table { display:block; overflow-x:auto; max-width:100% }
body.mbw-post .entry-content > figure,
body.mbw-post .entry-content > .wp-block-image { margin:1.6em 0 !important }
body.mbw-post .entry-content img { border-radius:6px }
body.mbw-post .entry-header { display:block !important; margin:0 0 22px !important; padding:0 !important; }
body.mbw-post .entry-title {
  font-size:clamp(1.75rem,3vw,2.4rem) !important; line-height:1.12 !important; margin:0 0 12px !important;
}
/* the CTA block breaks out to the card edges as a tinted footer */
body.mbw-post .mbw-after {
  margin:48px calc(-1 * clamp(26px,4vw,52px)) calc(-1 * clamp(26px,4vw,52px)) !important;
  padding:clamp(26px,4vw,52px) !important;
  background:var(--paper) !important;
  border-top:1px solid var(--line); border-radius:0 0 10px 10px;
  max-width:none;
}
body.mbw-post .mbw-after .related { gap:12px }

/* ---------- blog post shell (mu-plugin) ---------- */
body.mbw-post .site-header,
body.mbw-post .site-footer,
body.mbw-post .ast-single-post-order,
body.mbw-post .post-navigation,
body.mbw-post #comments,
body.mbw-post .comment-respond,
body.mbw-post .ast-scroll-top-icon,
body.mbw-post .ast-author-details { display:none !important; }

body.mbw-post { background:#F7F5FA !important; overflow:visible !important; overflow-x:clip !important; }
body.mbw-post #page { overflow:visible !important; }
body.mbw-post .ast-container { max-width:1180px !important; }
body.mbw-post .mbw-shell-top,
body.mbw-post .mbw-shell-bottom { max-width:none; }
body.mbw-post .entry-content > .mbw { max-width:none; }

/* article typography, applied to content we never touched */
body.mbw-post .entry-content {
  font-family:"Newsreader",Georgia,serif; font-size:1.19rem; line-height:1.68; color:#211E3D;
}
body.mbw-post .entry-content > p,
body.mbw-post .entry-content > ul,
body.mbw-post .entry-content > ol,
body.mbw-post .entry-content > h2,
body.mbw-post .entry-content > h3,
body.mbw-post .entry-content > blockquote,
body.mbw-post .entry-content > figure { max-width:70ch; }
body.mbw-post .entry-content h2 {
  font-family:"Newsreader",Georgia,serif; font-size:1.75rem; font-weight:600;
  letter-spacing:-.015em; margin:1.9em 0 .5em;
}
body.mbw-post .entry-content h3 {
  font-family:"Newsreader",Georgia,serif; font-size:1.32rem; font-weight:600; margin:1.6em 0 .4em;
}
body.mbw-post .entry-title {
  font-family:"Newsreader",Georgia,serif !important; font-weight:600 !important;
  letter-spacing:-.022em !important; line-height:1.06 !important;
}
body.mbw-post .entry-content a { color:#302B7A; font-weight:500; }

/* the appended block */
.mbw-after { margin-top:44px; font-family:"Karla",sans-serif; font-size:17px; }
.mbw-after .mbw-after-h {
  font-family:"Newsreader",Georgia,serif; font-size:1.6rem; font-weight:600;
  letter-spacing:-.015em; margin:44px 0 18px;
}
.mbw-after-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:26px; }
@media (max-width:760px){ .mbw-after-grid { grid-template-columns:1fr } }
.mbw-after .side-cta h4 { text-transform:none; }

/* ---------- archives: blog index, categories, tags, author, search ---------- */
body.mbw-archive .ast-container { max-width:1180px !important; margin:0 auto !important;
  padding-left:clamp(18px,4vw,40px) !important; padding-right:clamp(18px,4vw,40px) !important; }
body.mbw-archive #primary, body.mbw-archive .site-main { padding:0 0 72px !important; margin:0 !important; }
body.mbw-archive .ast-row, body.mbw-archive .site-main > .ast-row { margin:0 !important }
body.mbw-archive, body.mbw-archive #content {
  font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  background:var(--paper) !important;
}

/* archive heading that Astra prints */
body.mbw-archive .ast-archive-description,
body.mbw-archive .page-title {
  display:block !important; background:transparent !important; border:0 !important;
  padding:0 !important; margin:0 0 26px !important;
}
body.mbw-archive .ast-archive-description .page-title,
body.mbw-archive h1.page-title {
  font-family:"Newsreader",Georgia,serif !important; font-weight:600 !important;
  font-size:clamp(1.9rem,3.2vw,2.6rem) !important; letter-spacing:-.02em !important;
  line-height:1.1 !important; color:var(--ink) !important;
}

/* post cards */
body.mbw-archive .ast-article-post, body.mbw-archive article.post {
  background:#fff !important; border:1px solid var(--line) !important;
  border-radius:8px !important; overflow:hidden;
  box-shadow:0 1px 2px rgba(20,18,46,.04) !important;
  transition:border-color .16s, box-shadow .16s, transform .16s;
  margin:0 0 16px !important; padding:0 !important;
}
body.mbw-archive .ast-article-post:hover, body.mbw-archive article.post:hover {
  border-color:var(--indigo-2) !important;
  box-shadow:0 2px 4px rgba(20,18,46,.05), 0 14px 30px -22px rgba(20,18,46,.4) !important;
  transform:translateY(-2px);
}
body.mbw-archive .ast-article-inner { padding:22px 24px !important; background:transparent !important }
body.mbw-archive .ast-article-post .entry-title,
body.mbw-archive article.post .entry-title {
  font-family:"Newsreader",Georgia,serif !important; font-weight:600 !important;
  font-size:1.3rem !important; line-height:1.25 !important; letter-spacing:-.012em !important;
  margin:0 0 8px !important;
}
body.mbw-archive .entry-title a { color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important; text-decoration:none }
body.mbw-archive .entry-title a:hover { color:var(--indigo) !important; -webkit-text-fill-color:var(--indigo) !important }
body.mbw-archive .entry-content, body.mbw-archive .ast-excerpt-container {
  font-family:"Karla",sans-serif !important; font-size:.94rem !important;
  color:var(--ink-2) !important; line-height:1.55 !important;
}
body.mbw-archive .entry-meta, body.mbw-archive .ast-blog-meta-container {
  font-family:"Karla",sans-serif !important; font-size:.78rem !important;
  color:var(--ink-3) !important; text-transform:uppercase; letter-spacing:.08em;
}
body.mbw-archive .entry-meta a { color:var(--brass) !important; -webkit-text-fill-color:var(--brass) !important }
body.mbw-archive .read-more, body.mbw-archive .ast-readmore-btn {
  font-family:"Karla",sans-serif !important; font-weight:700 !important; font-size:.88rem !important;
  color:var(--indigo) !important; -webkit-text-fill-color:var(--indigo) !important;
}
body.mbw-archive .post-thumb img, body.mbw-archive .ast-blog-featured-section img { border-radius:0 }

/* pagination */
body.mbw-archive .ast-pagination .page-numbers,
body.mbw-archive .navigation .page-numbers {
  font-family:"Karla",sans-serif !important; font-weight:700; font-size:.92rem;
  border:1px solid var(--line) !important; background:#fff !important;
  color:var(--ink-2) !important; -webkit-text-fill-color:var(--ink-2) !important;
  border-radius:4px; padding:9px 14px !important; margin:0 4px 6px 0 !important;
}
body.mbw-archive .ast-pagination .page-numbers.current,
body.mbw-archive .navigation .page-numbers.current {
  background:var(--indigo) !important; border-color:var(--indigo) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body.mbw-archive .ast-pagination { padding-top:12px }

/* ---------- /blog/ landing head + sections ---------- */
.mbw-bloghead { padding:44px 0 8px }
.mbw-bloghead h1 { font-size:clamp(2rem,4vw,3rem); margin:0 0 16px }
.mbw-blogsections { padding-bottom:8px }
.mbw-blogsections .hub-grid { grid-template-columns:repeat(3,1fr) }

.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
.feat {
  display:flex; gap:16px; align-items:flex-start; text-decoration:none; color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:20px 22px;
  transition:border-color .16s, box-shadow .16s, transform .16s;
}
.feat:hover { border-color:var(--indigo-2); box-shadow:var(--shadow); transform:translateY(-2px); color:var(--ink) }
.feat-n {
  font-family:"Newsreader",serif; font-size:1.5rem; font-weight:600; color:var(--line-2);
  line-height:1; flex-shrink:0; font-variant-numeric:tabular-nums;
}
.feat .cat {
  font-size:.66rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase;
  color:var(--brass); margin-bottom:6px;
}
.feat h3 { font-size:1.06rem; line-height:1.3; letter-spacing:-.01em; margin:0 }

@media (max-width:1080px){
  .mbw-blogsections .hub-grid, .feat-grid { grid-template-columns:repeat(2,1fr) }
}
@media (max-width:760px){
  .mbw-blogsections .hub-grid, .feat-grid { grid-template-columns:1fr }
  .mbw-bloghead { padding-top:30px }
}