/* MINA phase two blog article. Generated from dist/new/blog-template-preview-body.html plus the legacy content layer. */
.mina2-art{ --art-col:min(100%,740px); }
.mina2-art *{ box-sizing:border-box; }

/* reading progress */
.mina2-art__prog{ position:fixed; inset:0 auto auto 0; height:3px; width:0; z-index:60;
  background:var(--grad-rise); transition:width .12s linear; }

/* hero */
.mina2-art__hero{ position:relative; background:var(--n-900); padding:clamp(44px,6vw,88px) 0 clamp(52px,6.5vw,96px); overflow:hidden; }
.mina2-art__hero::after{ content:""; position:absolute; inset:auto 0 0 0; height:180px;
  background:linear-gradient(180deg,transparent,rgb(var(--navy-rgb)/.55)); pointer-events:none; }
.mina2-art__hwrap{ position:relative; z-index:2; width:min(100% - 40px,1140px); margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:clamp(36px,4.5vw,72px); align-items:center; }
.mina2-art__htext{ min-width:0; }
@media(max-width:920px){ .mina2-art__hwrap{ grid-template-columns:minmax(0,1fr); gap:34px; } }
.mina2-art__eyebrow{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font-b);
  font-size:11.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  color:var(--sky-400); border:1px solid var(--line-strong); border-radius:var(--pill);
  padding:7px 15px; margin-bottom:22px; }
.mina2-art__h1{ font-family:var(--font-d); font-weight:700; letter-spacing:-.02em; line-height:1.08;
  font-size:clamp(30px,3.9vw,48px); color:#fff; max-width:18ch; margin:0 0 20px; text-wrap:balance; }
.mina2-art__h1 em{ font-style:normal; color:var(--sky-400); }
.mina2-art__standfirst{ font-size:clamp(16px,1.4vw,18px); line-height:1.65; color:var(--soft);
  max-width:52ch; margin:0 0 26px; }
.mina2-art__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 26px;
  font-size:13.5px; color:var(--soft-2); padding-bottom:0; }
.mina2-art__meta strong{ color:#fff; font-weight:600; }
.mina2-art__dot{ width:4px; height:4px; border-radius:50%; background:var(--sky-500); }

/* featured image, right column of the hero */
.mina2-art__figure{ position:relative; margin:0; width:100%; border-radius:var(--rad);
  overflow:hidden; border:1px solid var(--line-strong); background:var(--n-800);
  box-shadow:0 40px 80px -36px rgb(0 0 0 / .65), 0 0 0 6px rgb(113 182 255 / .05); }
.mina2-art__figwrap{ position:relative; min-width:0; isolation:isolate; }
.mina2-art__figwrap::before{ content:""; position:absolute; inset:-18% -12%; z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, rgb(113 182 255 / .20), transparent 70%); }
.mina2-art__figure img{ display:block; width:100%; height:auto; }
.mina2-art__cap{ font-size:12.5px; color:var(--fineprint); text-align:center; margin:14px auto 0;
  width:min(100% - 40px,1040px); }

/* body shell */
.mina2-art__shell{ background:var(--white); padding:clamp(40px,5vw,72px) 0 clamp(56px,7vw,96px); }
.mina2-art__grid{ width:min(100% - 40px,1140px); margin-inline:auto;
  display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,56px); }
@media(min-width:1080px){
  .mina2-art__grid{ grid-template-columns:236px minmax(0,1fr); }
  .mina2-art__toc{ position:sticky; top:104px; align-self:start; }
}

/* table of contents */
.mina2-art__toc-h{ font-family:var(--font-b); font-size:11.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--sky-600); margin-bottom:14px; }
.mina2-art__toc ol{ list-style:none; margin:0; padding:0; border-left:2px solid var(--line-light);
  display:flex; flex-direction:column; }
.mina2-art__toc a{ display:block; padding:9px 0 9px 16px; margin-left:-2px;
  border-left:2px solid transparent; font-size:14px; line-height:1.45;
  color:var(--ink-soft); text-decoration:none; transition:color .2s,border-color .2s; }
.mina2-art__toc a:hover{ color:var(--sky-600); }
.mina2-art__toc a.is-on{ color:var(--ink); font-weight:600; border-left-color:var(--sky-500); }

/* prose */
.mina2-art__body{ max-width:var(--art-col); }
.mina2-art__body > p{ font-size:17px; line-height:1.8; color:var(--ink-soft); margin:0 0 20px; }
.mina2-art__body > p:first-of-type{ font-size:19px; line-height:1.72; color:var(--ink); }
.mina2-art__body h2{ font-family:var(--font-d); font-weight:700; letter-spacing:-.015em;
  font-size:clamp(22px,2.6vw,30px); line-height:1.24; color:var(--ink);
  margin:52px 0 16px; padding-top:26px; border-top:1px solid var(--line-light); text-wrap:balance; }
.mina2-art__body h3{ font-family:var(--font-d); font-weight:600; font-size:clamp(17px,1.9vw,20px);
  line-height:1.35; color:var(--ink); margin:34px 0 12px; text-wrap:balance; }
/* The site header is sticky, so an anchored heading must clear it or a table of
   contents jump lands with the heading hidden underneath the bar. Measured against
   the live header rather than guessed. */
.mina2-art__body h2,
.mina2-art__body h3{ scroll-margin-top:112px; }
.mina2-art__body a{ color:var(--sky-600); text-decoration:underline; text-underline-offset:3px;
  text-decoration-thickness:1px; }
.mina2-art__body a:hover{ color:var(--sky-700); }

/* key takeaways */
.mina2-art__key{ background:var(--bg-light); border:1px solid var(--line-card);
  border-radius:var(--rad-sm); padding:24px 26px; margin:0 0 34px; }
.mina2-art__key-h{ font-family:var(--font-b); font-size:11.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--sky-600); margin-bottom:12px; }
.mina2-art__key ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.mina2-art__key li{ position:relative; padding-left:26px; font-size:15px; line-height:1.6; color:var(--ink-soft); }
.mina2-art__key li::before{ content:""; position:absolute; left:0; top:8px; width:9px; height:9px;
  border-radius:2px; background:var(--sky-500); transform:rotate(45deg); }

/* pull quote */
.mina2-art__pull{ margin:38px 0; padding:26px 0 26px 26px; border-left:3px solid var(--sky-500);
  font-family:var(--font-d); font-weight:600; font-size:clamp(18px,2.2vw,23px); line-height:1.42;
  color:var(--ink); }

/* inline CTA */
.mina2-art__inline{ background:var(--n-900); border-radius:var(--rad-sm); padding:26px 28px;
  margin:40px 0; display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; }
.mina2-art__inline p{ margin:0; color:var(--soft); font-size:15.5px; line-height:1.6; flex:1 1 260px; }
.mina2-art__inline strong{ color:#fff; }

/* author */
.mina2-art__author{ display:flex; gap:18px; align-items:flex-start; margin-top:52px; padding-top:28px;
  border-top:1px solid var(--line-light); }
.mina2-art__avatar{ flex:none; width:54px; height:54px; border-radius:50%; background:var(--n-800);
  display:grid; place-items:center; color:var(--sky-400); }
.mina2-art__author-n{ font-family:var(--font-d); font-weight:600; font-size:16px; color:var(--ink); }
.mina2-art__author-r{ font-size:13.5px; color:var(--fineprint); margin-top:2px; }
.mina2-art__author-b{ font-size:14.5px; line-height:1.65; color:var(--ink-soft); margin-top:10px; max-width:56ch; }

/* related */
.mina2-art__rel{ background:var(--bg-light); padding:clamp(48px,6vw,80px) 0; }
.mina2-art__rel-w{ width:min(100% - 40px,1140px); margin-inline:auto; }
.mina2-art__rel-h{ font-family:var(--font-d); font-weight:700; font-size:clamp(20px,2.4vw,27px);
  color:var(--ink); margin:0 0 26px; }
.mina2-art__cards{ display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }
.mina2-art__card{ background:var(--white); border:1px solid var(--line-card); border-radius:var(--rad-sm);
  padding:22px 24px; text-decoration:none; display:flex; flex-direction:column; gap:9px;
  transition:transform .3s,border-color .3s,box-shadow .3s; }
.mina2-art__card:hover{ transform:translateY(-4px); border-color:rgb(var(--sky-rgb)/.45); box-shadow:var(--sh-form-light,0 18px 40px -24px rgb(var(--navy-rgb)/.35)); }
.mina2-art__card-k{ font-family:var(--font-b); font-size:11px; font-weight:700; letter-spacing:.11em;
  text-transform:uppercase; color:var(--sky-600); }
.mina2-art__card-t{ font-family:var(--font-d); font-weight:600; font-size:16.5px; line-height:1.38; color:var(--ink); }

@media(prefers-reduced-motion:reduce){ .mina2-art *{ transition:none !important; } }

/* ===================================================================
   Legacy post content: block editor markup rendered by the_content().
   Scoped to .mina2-art__legacy so it never reaches the hand authored previews.
   =================================================================== */
.mina2-art__legacy p{ font-size:17px; line-height:1.8; color:var(--ink-soft); margin:0 0 20px; }
.mina2-art__legacy > p:first-of-type{ font-size:19px; line-height:1.72; color:var(--ink); }
.mina2-art__legacy strong, .mina2-art__legacy b{ color:var(--ink); font-weight:700; }
.mina2-art__legacy h4{ font-family:var(--font-d); font-weight:600; font-size:17px; color:var(--ink); margin:26px 0 10px; }
.mina2-art__legacy ul, .mina2-art__legacy ol{ margin:0 0 24px; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.mina2-art__legacy ol{ counter-reset:mina-ol; }
.mina2-art__legacy li{ position:relative; padding-left:26px; font-size:17px; line-height:1.72; color:var(--ink-soft); }
.mina2-art__legacy ul > li::before{ content:""; position:absolute; left:2px; top:11px; width:8px; height:8px;
  border-radius:2px; background:var(--sky-500); transform:rotate(45deg); }
.mina2-art__legacy ol > li{ counter-increment:mina-ol; padding-left:32px; }
.mina2-art__legacy ol > li::before{ content:counter(mina-ol); position:absolute; left:0; top:1px; font-family:var(--font-d);
  font-weight:700; font-size:14px; color:var(--sky-600); }
.mina2-art__legacy li ul, .mina2-art__legacy li ol{ margin:10px 0 0; }
.mina2-art__legacy li > p{ margin:0; }
/* the editor hard coded black text and font sizes; let the article system decide */
.mina2-art__legacy :is(p,li,span,em,i,u,figcaption):is([style*="color"],.has-text-color){ color:var(--ink-soft) !important; }
.mina2-art__legacy :is(h2,h3,h4,h5,strong,b):is([style*="color"],.has-text-color){ color:var(--ink) !important; }
.mina2-art__legacy a:is([style*="color"],.has-text-color){ color:var(--sky-600) !important; }
.mina2-art__legacy .has-link-color a{ color:var(--sky-600) !important; }
.mina2-art__legacy .has-medium-font-size{ font-size:inherit !important; }
.mina2-art__legacy figure{ margin:34px 0; }
.mina2-art__legacy img{ display:block; max-width:100%; height:auto; border-radius:var(--rad-sm); margin-inline:auto; }
.mina2-art__legacy .aligncenter{ margin-inline:auto; text-align:center; }
.mina2-art__legacy figcaption{ font-size:13.5px; color:var(--fineprint); text-align:center; margin-top:10px; }
.mina2-art__legacy blockquote{ margin:34px 0; padding:22px 0 22px 26px; border-left:3px solid var(--sky-500); }
.mina2-art__legacy blockquote p{ font-family:var(--font-d); font-weight:600; font-size:clamp(18px,2vw,21px); line-height:1.5; color:var(--ink); margin:0 0 8px; }
.mina2-art__legacy blockquote cite{ font-size:13.5px; color:var(--fineprint); font-style:normal; }
.mina2-art__legacy hr{ border:0; height:1px; background:var(--line-light); margin:40px 0; }
.mina2-art__legacy .wp-block-group.has-background{ border-radius:var(--rad-sm); padding:24px 26px !important; margin:30px 0; background:var(--bg-light) !important; border:1px solid var(--line-card); }
.mina2-art__legacy table{ width:100%; border-collapse:collapse; margin:28px 0; font-size:15px; }
.mina2-art__legacy th, .mina2-art__legacy td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--line-light); vertical-align:top; }
.mina2-art__legacy th{ font-family:var(--font-d); font-weight:600; color:var(--ink); background:var(--bg-light); }
.mina2-art__legacy .wp-block-table{ overflow-x:auto; margin:28px 0; }
.mina2-art__legacy .wp-block-buttons{ display:flex; flex-wrap:wrap; gap:12px; margin:26px 0; }
.mina2-art__legacy .wp-block-button__link{ display:inline-block; background:var(--sky-500); color:var(--n-900) !important; text-decoration:none !important;
  font-weight:700; border-radius:var(--pill); padding:12px 22px; }
.mina2-art__toc:empty, .mina2-art__toc.is-empty{ display:none; }

.mina2-art__meta a{ color:inherit; text-decoration:none; }
.mina2-art__meta a:hover strong{ text-decoration:underline; text-underline-offset:3px; }

/* The CTA and author card sit inside the legacy body, so restate their colours above the prose rules. */
.mina2-art__legacy .mina2-art__inline p{ color:var(--soft) !important; font-size:15.5px; margin:0; }
.mina2-art__legacy .mina2-art__inline p strong{ color:#fff !important; }
.mina2-art__body .mina2-art__inline a.mina2-btn{ text-decoration:none; color:var(--n-900); }
.mina2-art__body .mina2-art__inline a.mina2-btn:hover{ color:var(--n-900); }
.mina2-art__author-n a{ color:inherit !important; text-decoration:none !important; }