/* ============================================================
   MentionBeat blog — shared design system
   Matches the landing page brand: Space Grotesk headings,
   Instrument Sans body, ember-orange accent on cool neutrals.
   ============================================================ */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#F6F7F9;color:#2A2F3A}
::selection{background:#FBD9CD;color:#7A2E17}
a{color:#C24E2E;text-decoration:none}
a:hover{color:#EC6B4C}
img{max-width:100%;display:block}

:root{
  --ink:#141821;
  --body:#2A2F3A;
  --muted:#55606F;
  --faint:#8A93A0;
  --line:#EAEDF1;
  --card:#ffffff;
  --bg:#F6F7F9;
  --accent:#EC6B4C;
  --accent-deep:#C24E2E;
  --accent-dark:#7A2E17;
  --accent-soft:#FBEAE3;
  --accent-border:#FBD9CD;
  --green:#0E7A5F;
  --green-soft:#E6F5EE;
  --blue:#3B5BFF;
  --blue-soft:#E7ECFF;
  --grad:linear-gradient(180deg,#F17A5A,#DE5A38);
}

/* ---------- reveal animations (JS adds .mb-in) ---------- */
.mb-js [data-reveal]{opacity:0;transform:translateY(26px)}
.mb-js [data-reveal].mb-in{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){
  .mb-js [data-reveal]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- reading progress bar ---------- */
.mb-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--grad);z-index:60}

/* ---------- nav (same chrome as landing) ---------- */
.mb-bnav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(246,247,249,.72);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(234,237,241,.9)}
.mb-bnav-in{max-width:1240px;margin:0 auto;padding:0 30px;height:68px;display:flex;align-items:center;gap:14px}
.mb-bnav-brand{display:flex;align-items:center;gap:10px;color:inherit}
.mb-bnav-mark{width:32px;height:32px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(236,107,76,.6)}
.mb-bnav-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.mb-bnav-links{display:flex;align-items:center;gap:30px;margin-left:38px}
.mb-navlink{color:#3D4653;font-size:14.5px;font-weight:500;transition:color .2s ease}
.mb-navlink:hover{color:var(--accent)}
.mb-navlink.mb-here{color:var(--accent-deep);font-weight:600}
.mb-bnav-cta{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;border-radius:10px;padding:10px 17px;font-size:14px;font-weight:600;box-shadow:0 10px 22px -10px rgba(236,107,76,.7);transition:filter .2s ease}
.mb-bnav-cta:hover{filter:brightness(1.05);color:#fff}
.mb-bnav-signin{color:#3D4653;font-size:14.5px;font-weight:600;transition:color .2s ease}
.mb-bnav-signin:hover{color:var(--accent)}

/* ---------- article hero ---------- */
.mb-hero{position:relative;padding:132px 30px 46px;overflow:hidden}
.mb-hero-glow{position:absolute;top:-180px;right:-140px;width:600px;height:600px;background:radial-gradient(circle,rgba(236,107,76,.16),transparent 66%);filter:blur(20px);pointer-events:none}
.mb-hero-in{position:relative;max-width:820px;margin:0 auto}
.mb-crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--faint)}
.mb-crumbs a{color:var(--faint);font-weight:500}
.mb-crumbs a:hover{color:var(--accent)}
.mb-cat{display:inline-flex;align-items:center;gap:7px;background:var(--accent-soft);color:var(--accent-deep);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.mb-title{font-family:'Space Grotesk',sans-serif;font-size:46px;line-height:1.08;font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:18px 0 0;text-wrap:balance}
.mb-standfirst{font-size:19px;line-height:1.62;color:var(--muted);margin:18px 0 0;max-width:60ch}
.mb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:13.5px;color:var(--faint)}
.mb-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff;box-shadow:0 4px 10px -6px rgba(20,24,33,.3)}
.mb-meta b{color:var(--ink);font-weight:600}
.mb-meta-dot{width:3px;height:3px;border-radius:50%;background:#C6CCD4}

/* ---------- layout: article + sticky TOC ---------- */
.mb-wrap{max-width:1140px;margin:0 auto;padding:10px 30px 80px;display:grid;grid-template-columns:minmax(0,720px) 280px;gap:64px;justify-content:center}
.mb-toc{position:sticky;top:100px;align-self:start;font-size:13.5px}
.mb-toc-t{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.mb-toc a{display:block;color:var(--faint);padding:6px 0 6px 14px;border-left:2px solid var(--line);line-height:1.4;transition:color .2s ease,border-color .2s ease}
.mb-toc a:hover{color:var(--ink)}
.mb-toc a.mb-here{color:var(--accent-deep);border-left-color:var(--accent);font-weight:600}
.mb-toc-cta{margin-top:26px;background:var(--ink);border-radius:14px;padding:18px;color:#fff}
.mb-toc-cta p{margin:0 0 12px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.75)}
.mb-toc-cta b{color:#fff}
.mb-toc-cta a{display:inline-flex;align-items:center;gap:6px;background:var(--grad);color:#fff;border-radius:9px;padding:8px 13px;font-size:12.5px;font-weight:600}

/* ---------- article body typography ---------- */
.mb-art{min-width:0;font-size:16.5px;line-height:1.72;color:var(--body)}
.mb-art>p{margin:0 0 22px}
.mb-art h2{font-family:'Space Grotesk',sans-serif;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:52px 0 18px;scroll-margin-top:96px}
.mb-art h3{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:36px 0 14px;scroll-margin-top:96px}
.mb-art ul,.mb-art ol{margin:0 0 22px;padding-left:24px}
.mb-art li{margin-bottom:9px}
.mb-art li::marker{color:var(--accent);font-weight:700}
.mb-art strong{color:var(--ink)}
.mb-art hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.mb-art code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#EDEFF3;border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--ink)}
.mb-art pre{background:#141821;color:#E7EAF0;border-radius:14px;padding:20px 22px;overflow-x:auto;font-size:13.5px;line-height:1.6;margin:0 0 24px}
.mb-art pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}
.mb-art blockquote{margin:32px 0;padding:6px 0 6px 24px;border-left:3px solid var(--accent);font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.45;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.mb-art blockquote footer{font-family:"Instrument Sans",sans-serif;font-size:13.5px;font-weight:500;color:var(--faint);margin-top:10px}
.mb-art table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 26px}
.mb-art th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:10px 14px;border-bottom:2px solid var(--line)}
.mb-art td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.mb-art tr:hover td{background:#FBFBFC}
.mb-tablewrap{overflow-x:auto;margin:0 0 26px;border:1px solid var(--line);border-radius:14px;background:#fff}
.mb-tablewrap table{margin:0}

/* sup citation links */
.mb-art sup{line-height:0}
.mb-art sup a{font-size:11px;font-weight:700;color:var(--accent-deep);background:var(--accent-soft);border-radius:5px;padding:1px 5px;margin-left:1px}
.mb-art sup a:hover{background:var(--accent-border)}

/* ---------- rich components ---------- */
/* key takeaways box */
.mb-tldr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin:34px 0;box-shadow:0 24px 50px -40px rgba(20,24,33,.35)}
.mb-tldr-t{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:14px}
.mb-tldr-t .mb-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(236,107,76,.18)}
.mb-tldr ul{margin:0;padding-left:20px}
.mb-tldr li{margin-bottom:8px;font-size:15px;line-height:1.6}

/* stat cards row */
.mb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:30px 0}
.mb-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px}
.mb-stat .mb-n{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.mb-stat .mb-n em{font-style:normal;color:var(--accent)}
.mb-stat .mb-l{font-size:12.5px;line-height:1.45;color:var(--faint);margin-top:6px}
.mb-stat .mb-src{font-size:11px;color:#B3BAC4;margin-top:8px}

/* callout / note */
.mb-note{display:flex;gap:14px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:14px;padding:18px 20px;margin:28px 0;font-size:15px;line-height:1.6;color:var(--accent-dark)}
.mb-note.mb-cool{background:var(--blue-soft);border-color:#D4DCFF;color:#2A3A8F}
.mb-note.mb-good{background:var(--green-soft);border-color:#CBE9DB;color:#0B5C48}
.mb-note .mb-ic{flex:none;width:26px;height:26px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.mb-note b{font-weight:700}
.mb-note p{margin:0}

/* figure w/ chart */
.mb-fig{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 18px;margin:32px 0;box-shadow:0 24px 50px -40px rgba(20,24,33,.35)}
.mb-fig svg{width:100%;height:auto;display:block}
.mb-figcap{font-size:12.5px;color:var(--faint);margin-top:12px;line-height:1.5}
.mb-figcap b{color:var(--muted)}

/* horizontal bar rows (animated via .mb-in) */
.mb-bars{display:flex;flex-direction:column;gap:13px}
.mb-bar{display:grid;grid-template-columns:150px 1fr 48px;align-items:center;gap:12px;font-size:13px}
.mb-bar .mb-bl{color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-bar .mb-bt{height:10px;background:#EFF1F4;border-radius:999px;overflow:hidden}
.mb-bar .mb-bf{height:100%;border-radius:999px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.mb-bar .mb-bf.mb-alt{background:#141821}
.mb-bar .mb-bf.mb-dim{background:#C6CCD4}
.mb-in .mb-bf,[data-reveal].mb-in .mb-bf{transform:scaleX(1)}
.mb-bar .mb-bv{font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}

/* checklist */
.mb-check{list-style:none;padding:0;margin:0 0 24px}
.mb-check li{position:relative;padding-left:34px;margin-bottom:12px}
.mb-check li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:7px;background:var(--green-soft);border:1px solid #CBE9DB}
.mb-check li::after{content:"";position:absolute;left:5px;top:7px;width:9px;height:5px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}

/* do / don't */
.mb-dd{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.mb-dd>div{border-radius:16px;padding:20px 22px;font-size:14.5px;line-height:1.6}
.mb-do{background:var(--green-soft);border:1px solid #CBE9DB}
.mb-dont{background:#FDECEC;border:1px solid #F6CFCF}
.mb-dd .mb-dd-t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.mb-do .mb-dd-t{color:var(--green)}
.mb-dont .mb-dd-t{color:#B3372F}
.mb-dd ul{margin:0;padding-left:18px}
.mb-dd li{margin-bottom:7px}

/* FAQ accordion */
.mb-faq{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}
.mb-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;font-family:inherit;font-size:15.5px;font-weight:600;color:var(--ink);text-align:left;padding:18px 22px;cursor:pointer}
.mb-faq-q:hover{background:#F8F9FB}
.mb-faq-icon{flex:none;transition:transform .3s ease;color:var(--accent)}
.mb-faq.mb-open .mb-faq-icon{transform:rotate(45deg)}
.mb-faq-a{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease;padding:0 22px;font-size:15px;line-height:1.65;color:var(--muted)}
.mb-faq.mb-open .mb-faq-a{max-height:400px;opacity:1;padding:0 22px 20px}
.mb-faq-a p{margin:0 0 10px}

/* inline CTA band (mid-article) */
.mb-cta-inline{position:relative;overflow:hidden;background:var(--ink);border-radius:20px;padding:30px 32px;margin:44px 0;color:#fff}
.mb-cta-inline::before{content:"";position:absolute;top:-90px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(236,107,76,.4),transparent 66%);filter:blur(10px)}
.mb-cta-inline .mb-k{position:relative;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F5A78B}
.mb-cta-inline .mb-h{position:relative;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.015em;margin:8px 0 6px}
.mb-cta-inline .mb-p{position:relative;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 18px;max-width:52ch}
.mb-cta-inline .mb-b{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border-radius:11px;padding:12px 19px;font-size:14.5px;font-weight:600;box-shadow:0 14px 30px -14px rgba(236,107,76,.8);transition:filter .2s ease,transform .2s ease}
.mb-cta-inline .mb-b:hover{filter:brightness(1.06);transform:translateY(-2px)}

/* sources / references */
.mb-refs{margin-top:52px;padding-top:26px;border-top:1px solid var(--line)}
.mb-refs h2{margin-top:0}
.mb-refs ol{margin:0;padding-left:22px;font-size:14px;line-height:1.6;color:var(--muted)}
.mb-refs li{margin-bottom:10px;scroll-margin-top:96px}
.mb-refs a{word-break:break-word}

/* share row */
.mb-share{display:flex;align-items:center;gap:10px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.mb-share span{font-size:13px;font-weight:600;color:var(--faint);margin-right:4px}
.mb-share a,.mb-share button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);color:#3D4653;cursor:pointer;transition:all .2s ease;font-family:inherit}
.mb-share a:hover,.mb-share button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}

/* author box */
.mb-author{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:28px}
.mb-author .mb-avatar{width:52px;height:52px;font-size:16px;flex:none}
.mb-author b{display:block;font-size:15.5px;color:var(--ink)}
.mb-author p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}

/* ---------- related posts ---------- */
.mb-related{background:#EFF1F4;padding:64px 30px}
.mb-related-in{max-width:1140px;margin:0 auto}
.mb-related h2{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 26px}
.mb-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* ---------- post cards (index + related) ---------- */
.mb-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.mb-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(20,24,33,.45);border-color:#E0E4EA;color:inherit}
.mb-card .mb-cat{align-self:flex-start}

/* cover image (top of each card) */
.mb-cover{margin:-24px -24px 20px;aspect-ratio:16/8;overflow:hidden;position:relative;background:#EEF0F3}
.mb-cover svg{display:block;width:100%;height:100%}
.mb-card:hover .mb-cover svg{transform:scale(1.035)}
.mb-cover svg{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mb-card h3{font-family:'Space Grotesk',sans-serif;font-size:18.5px;line-height:1.32;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:14px 0 8px}
.mb-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;flex:1}
.mb-card .mb-cmeta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--faint);margin-top:16px}
.mb-card:hover h3{color:var(--accent-deep)}

/* featured card on index */
.mb-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:var(--ink);border:0;color:#fff;padding:38px 40px}
.mb-featured:hover{transform:translateY(-4px);color:#fff}
.mb-featured h3{font-size:30px;color:#fff;margin:16px 0 10px}
.mb-featured:hover h3{color:#F5A78B}
.mb-featured p{color:rgba(255,255,255,.72);font-size:15.5px}
.mb-featured .mb-cmeta{color:rgba(255,255,255,.55)}
.mb-featured .mb-cat{background:rgba(236,107,76,.18);color:#F5A78B}

/* index filter chips */
.mb-filters{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 34px}
.mb-chip{font-family:inherit;font-size:13.5px;font-weight:600;color:#3D4653;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 17px;cursor:pointer;transition:all .2s ease}
.mb-chip:hover{border-color:#D5DAE1;color:var(--ink)}
.mb-chip.mb-active{background:var(--ink);border-color:var(--ink);color:#fff}
.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mb-hidden{display:none!important}

/* ---------- newsletter / footer CTA band ---------- */
.mb-band{position:relative;overflow:hidden;background:var(--ink);padding:76px 30px;color:#fff;text-align:center}
.mb-band::before{content:"";position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:640px;height:420px;background:radial-gradient(closest-side,rgba(236,107,76,.35),transparent);filter:blur(14px)}
.mb-band-in{position:relative;max-width:640px;margin:0 auto}
.mb-band h2{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}
.mb-band p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 26px}
.mb-band .mb-b{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;border-radius:12px;padding:15px 26px;font-size:16px;font-weight:600;box-shadow:0 18px 40px -16px rgba(236,107,76,.8);transition:filter .2s ease,transform .2s ease}
.mb-band .mb-b:hover{filter:brightness(1.06);transform:translateY(-2px)}
.mb-band .mb-sub{font-size:12.5px;color:rgba(255,255,255,.45);margin-top:14px}

/* ---------- footer ---------- */
.mb-foot{background:#0D0B12;color:#fff;padding:52px 30px 40px}
.mb-foot-in{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:34px}
.mb-foot small{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-top:10px}
.mb-footlink{font-size:14px;color:rgba(255,255,255,.72);transition:color .2s ease;display:block;margin-bottom:10px}
.mb-footlink:hover{color:#F5A78B}
.mb-foot-t{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:14px}

/* ---------- per-post hero cover banner ---------- */
.mb-post-cover{max-width:1080px;margin:6px auto 0;padding:0 30px}
.mb-post-cover-in{aspect-ratio:16/5;min-height:180px;border-radius:22px;overflow:hidden;box-shadow:0 34px 70px -46px rgba(20,24,33,.5);position:relative}
.mb-post-cover-in svg{display:block;width:100%;height:100%}
@media (max-width:720px){
  .mb-post-cover{padding:0 22px}
  .mb-post-cover-in{aspect-ratio:16/8;min-height:150px;border-radius:16px}
}

/* ---------- blog index hero w/ art ---------- */
@keyframes mbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes mbBlink{0%,100%{opacity:1}50%{opacity:0}}
.mb-bhero-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.mb-hero-art{position:relative}
.mb-answer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 90px -50px rgba(20,24,33,.5);padding:20px 20px 22px;z-index:2}
.mb-answer-card .mb-ac-head{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid #F0F2F5}
.mb-answer-card .mb-ac-tile{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}
.mb-answer-card .mb-ac-name{font-size:13.5px;font-weight:600;color:var(--ink)}
.mb-answer-card .mb-ac-pill{margin-left:auto;font-size:11px;font-weight:600;color:var(--faint);background:#F1F3F6;padding:3px 9px;border-radius:999px}
.mb-answer-card .mb-ac-q{font-size:13.5px;color:var(--faint);margin-top:14px}
.mb-answer-card .mb-ac-a{font-size:15.5px;line-height:1.62;color:var(--body);margin-top:12px}
.mb-answer-card .mb-ac-cite{margin-top:14px;display:flex;align-items:center;gap:8px;background:#FFF6F2;border:1px solid var(--accent-border);border-radius:10px;padding:9px 12px}
.mb-answer-card .mb-ac-b{width:22px;height:22px;border-radius:6px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;flex:none}
.mb-answer-card .mb-ac-ct{font-size:12.5px;color:var(--accent-dark)}
.mb-answer-card .mb-ac-tag{margin-left:auto;font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);padding:2px 8px;border-radius:999px}
.mb-float-chip{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 18px 40px -22px rgba(20,24,33,.4);animation:mbFloat 6s ease-in-out infinite}
.mb-float-chip .mb-fc-tile{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none}
.mb-float-chip .mb-fc-n{font-size:12.5px;font-weight:600;color:var(--ink)}
.mb-float-chip .mb-fc-v{font-size:11.5px;font-weight:700;color:#1F9D6B}
.mb-float-dark{position:absolute;z-index:3;background:var(--ink);color:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 22px 44px -20px rgba(20,24,33,.6);animation:mbFloat 6.5s ease-in-out infinite .8s}
.mb-float-dark .mb-fd-k{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B9A08F}
.mb-float-dark .mb-fd-v{display:flex;align-items:baseline;gap:7px;margin-top:3px}
.mb-float-dark .mb-fd-n{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600}
.mb-float-dark .mb-fd-d{font-size:12px;font-weight:700;color:#8BE9C0}
.mb-chip .mb-chip-n{font-size:11px;font-weight:700;color:var(--faint);background:#F1F3F6;border-radius:999px;padding:1px 7px;margin-left:6px}
.mb-chip.mb-active .mb-chip-n{background:rgba(255,255,255,.16);color:rgba(255,255,255,.75)}
@media (max-width:900px){
  .mb-bhero-grid{grid-template-columns:1fr;gap:36px}
  .mb-hero-art{display:none}
}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .mb-wrap{grid-template-columns:minmax(0,720px);justify-content:center}
  .mb-toc{display:none}
  .mb-rel-grid,.mb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .mb-bnav-links{display:none}
  .mb-hero{padding:112px 22px 36px}
  .mb-title{font-size:33px}
  .mb-standfirst{font-size:17px}
  .mb-wrap{padding:6px 22px 60px}
  .mb-art{font-size:16px}
  .mb-art h2{font-size:24px}
  .mb-rel-grid,.mb-grid{grid-template-columns:1fr}
  .mb-featured{grid-template-columns:1fr;padding:28px 26px}
  .mb-featured h3{font-size:24px}
  .mb-dd{grid-template-columns:1fr}
  .mb-bar{grid-template-columns:104px 1fr 44px}
  .mb-band h2{font-size:27px}
  .mb-related{padding:52px 22px}
  .mb-sec-pad{padding-left:22px;padding-right:22px}
}