/* =============================================================================
   MONVIQ · STRANE: INSIGHTS list (P7) + INSIGHT single (P8)
   Vrednosti isključivo preko var(--mv-*) iz /public/css/tokens.css.
   Prefiksi:  .mv-in-*  = lista /insights      .mv-is-*  = pojedinačni tekst
   Hero list: A · Bento Grid — editorial varijanta na svetloj (paper) podlozi.
   Hero single: B · Big Typography Split — article varijanta (bez fotografije).
   ========================================================================== */

/* =============================================================================
   1. LISTA — HERO BENTO (light)
   ========================================================================== */
.mv-in-hero{background:var(--mv-canvas-light);color:var(--mv-on-light);overflow:hidden;
  padding:calc(var(--mv-header-h-solid) + clamp(44px,5.6vw,82px)) 0 clamp(58px,7vw,98px)}

/* hairline bento: gap 1px + podloga = štampana mreža, bez senki i zaobljenja */
.mv-in-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;
  margin-top:var(--mv-sp-e5);background:var(--mv-line-light);
  border:1px solid var(--mv-line-light);border-radius:var(--mv-r4)}
.mv-in-t{position:relative;min-width:0;background:var(--mv-canvas-light);
  display:flex;flex-direction:column;padding:clamp(26px,2.9vw,46px)}
.mv-in-t--say{grid-column:span 5}
.mv-in-t--feat{grid-column:span 7;padding:0}
.mv-in-t--soon{grid-column:span 7}
.mv-in-t--sm{grid-column:span 4}
.mv-in-t--full{grid-column:span 12}
a.mv-in-t{text-decoration:none;color:inherit}
.mv-in-t--wide{grid-column:span 8}

.mv-in-t__in{padding:clamp(24px,2.6vw,40px);display:flex;flex-direction:column;flex:1}
.mv-in-t h1{font-size:var(--mv-fs-h2-xl);line-height:var(--mv-lh-tight);max-width:13ch;
  margin-top:var(--mv-sp-e3)}
p.mv-in-t__lead{margin-top:var(--mv-sp-e3);max-width:var(--mv-measure-lead);
  padding-left:var(--mv-sp-e2);border-left:1px solid var(--mv-accent-deep);
  font-size:var(--mv-fs-hero-sub);line-height:var(--mv-lh-lead);color:var(--mv-on-light-mut)}
.mv-in-t__btns{margin-top:auto;padding-top:var(--mv-sp-e5)}

/* mali tile — direktna linija / tema */
.mv-in-t__label{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-accent-deep)}
.mv-in-t__t{margin-top:var(--mv-sp-3);font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);font-size:var(--mv-fs-title-sm);letter-spacing:var(--mv-ls-tight);
  line-height:var(--mv-lh-title);color:var(--mv-on-light)}
p.mv-in-t__p{margin-top:var(--mv-sp-3);font-size:var(--mv-fs-body-sm);line-height:var(--mv-lh-prose);
  color:var(--mv-on-light-mut);max-width:38ch}
.mv-in-t__line{margin-top:auto;padding-top:var(--mv-sp-5)}

/* namerno prazno stanje u hero-u — zlatni marker + izjava, bez lažnih naslova */
.mv-in-t--soon{justify-content:center;gap:var(--mv-sp-4);
  background:linear-gradient(140deg,var(--mv-surface-light) 0%,var(--mv-canvas-light) 62%)}
.mv-in-t--soon::before{content:"";position:absolute;right:clamp(26px,2.9vw,46px);
  top:clamp(26px,2.9vw,46px);width:14px;height:14px;background:var(--mv-accent-deep)}
.mv-in-t--soon .mv-in-t__t{margin-top:var(--mv-sp-e4);font-size:var(--mv-fs-title-md);max-width:18ch}
.mv-in-t--soon .mv-in-t__p{max-width:46ch}
.mv-in-t--soon .mv-in-t__line{margin-top:var(--mv-sp-e4);padding-top:0}

/* featured cover */
.mv-in-cover{position:relative;overflow:hidden;background:var(--mv-navy);aspect-ratio:16/9}
.mv-in-cover img{display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.04) contrast(1.02);transition:transform var(--mv-dur-zoom) var(--mv-ease)}
.mv-in-t--feat:hover .mv-in-cover img{transform:scale(1.03)}
.mv-in-cover--empty{background:var(--mv-navy) var(--mv-grad-footer-cta)}

/* =============================================================================
   2. LISTA — DARK editorial note (uvodni SEO tekst)
   ========================================================================== */
.mv-in-note{background:var(--mv-canvas);color:var(--mv-on-dark);
  padding:clamp(74px,9vw,126px) 0 clamp(66px,8vw,110px)}
.mv-in-note__in{display:grid;grid-template-columns:.44fr .56fr;gap:var(--mv-gap-col);
  align-items:start;margin-top:var(--mv-sp-e5)}
.mv-in-note__in>*{min-width:0}
.mv-in-note h2{font-size:var(--mv-fs-h2);max-width:14ch}
.mv-in-note__topics{list-style:none;margin:var(--mv-sp-e4) 0 0;padding:0;display:grid;gap:var(--mv-sp-3);
  max-width:34ch}
.mv-in-note__topics li{position:relative;padding-left:var(--mv-sp-5);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-dark-soft)}
.mv-in-note__topics li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  background:var(--mv-accent)}

/* =============================================================================
   3. LISTA — ARHIVA: sticky filter + grid kartica
   ========================================================================== */
.mv-in-arch{background:var(--mv-canvas-light);color:var(--mv-on-light);
  padding:clamp(70px,8vw,112px) 0 clamp(80px,10vw,130px);
  scroll-margin-top:calc(var(--mv-header-h-solid) + 24px)}

/* WOW 1 — traka se skuplja pri skrolu (label nestaje, padding se prepolovljava) */
.mv-in-bar{position:sticky;top:var(--mv-header-h-solid);z-index:20;
  margin-top:clamp(38px,4.4vw,64px);background:var(--mv-canvas-light);
  border-top:1px solid var(--mv-line-light);border-bottom:1px solid var(--mv-line-light);
  transition:box-shadow var(--mv-dur-header) var(--mv-ease)}
.mv-in-bar.is-stuck{box-shadow:0 14px 30px rgba(18,22,31,.08);border-bottom-color:var(--mv-line-gold-strong)}
.mv-in-bar__in{display:flex;align-items:center;gap:clamp(14px,2vw,34px);
  padding:clamp(16px,1.9vw,26px) 0;transition:padding var(--mv-dur-header) var(--mv-ease)}
.mv-in-bar.is-stuck .mv-in-bar__in{padding:9px 0}
.mv-in-bar__label{flex:0 0 auto;font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-eyebrow);text-transform:uppercase;color:var(--mv-accent-deep);
  overflow:hidden;white-space:nowrap;max-width:22ch;opacity:1;
  transition:max-width var(--mv-dur-header) var(--mv-ease),opacity var(--mv-dur-base) var(--mv-ease)}
.mv-in-bar.is-stuck .mv-in-bar__label{max-width:0;opacity:0}
.mv-in-chips{display:flex;align-items:center;gap:var(--mv-sp-2);flex:1;min-width:0;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.mv-in-chips::-webkit-scrollbar{display:none}
.mv-in-chip{flex:0 0 auto;background:transparent;cursor:pointer;
  border:1px solid var(--mv-line-light-strong);border-radius:var(--mv-r1);
  padding:9px 15px;font-family:var(--mv-font-body);font-size:var(--mv-fs-micro);
  font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-on-light);white-space:nowrap;
  transition:background var(--mv-dur-fast) var(--mv-ease),color var(--mv-dur-fast),
             border-color var(--mv-dur-fast)}
.mv-in-chip:hover{border-color:var(--mv-accent-deep);color:var(--mv-accent-deep)}
.mv-in-chip.is-active{background:var(--mv-primary);border-color:var(--mv-primary);color:var(--mv-accent)}
.mv-in-chip:focus-visible{outline:var(--mv-focus-w) solid var(--mv-accent-deep);
  outline-offset:var(--mv-focus-offset)}
.mv-in-bar__count{flex:0 0 auto;font-size:var(--mv-fs-micro);letter-spacing:var(--mv-ls-micro);
  text-transform:uppercase;color:var(--mv-on-light-mut);white-space:nowrap}
.mv-in-bar__count b{color:var(--mv-on-light);font-weight:var(--mv-fw-semi)}

/* grid + kartica (deli je i „related" sekcija na pojedinačnoj strani) */
.mv-in-grid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(40px,4.6vw,72px) clamp(22px,2.6vw,44px);margin-top:clamp(40px,5vw,72px)}
.mv-in-grid>*{min-width:0}
.mv-in-card{position:relative;display:flex;flex-direction:column;
  padding-top:var(--mv-sp-5);border-top:1px solid var(--mv-line-light);
  text-decoration:none;color:inherit}
/* WOW 2 (b) — zlatna hairline se produži preko cele širine kartice */
.mv-in-card::after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--mv-accent-deep);transition:width var(--mv-dur-row) var(--mv-ease)}
.mv-in-card:hover::after,.mv-in-card:focus-visible::after{width:100%}
.mv-in-card__media{display:block;position:relative;overflow:hidden;background:var(--mv-navy);aspect-ratio:3/2;
  transition:transform var(--mv-dur-base) var(--mv-ease),box-shadow var(--mv-dur-base) var(--mv-ease)}
.mv-in-card__media img{display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.04) contrast(1.02)}
.mv-in-card__media--empty{background:var(--mv-navy) var(--mv-grad-footer-cta)}
.mv-in-card:hover .mv-in-card__media{transform:translateY(-6px);box-shadow:var(--mv-shadow-media)}
.mv-in-card__cat{display:block;margin-top:var(--mv-sp-5);font-size:var(--mv-fs-micro);
  font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-accent-deep)}
.mv-in-card__t{display:block;margin-top:var(--mv-sp-3);font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);font-size:var(--mv-fs-title-sm);line-height:var(--mv-lh-title);
  letter-spacing:var(--mv-ls-tight);color:var(--mv-on-light);
  transition:color var(--mv-dur-base) var(--mv-ease)}
.mv-in-card:hover .mv-in-card__t{color:var(--mv-accent-deep)}
p.mv-in-card__x{margin-top:var(--mv-sp-3);font-size:var(--mv-fs-body-sm);line-height:var(--mv-lh-prose);
  color:var(--mv-on-light-mut);max-width:42ch}
.mv-in-card__meta{margin-top:var(--mv-sp-4);padding-top:var(--mv-sp-3);
  border-top:1px solid var(--mv-line-light);display:flex;flex-wrap:wrap;gap:var(--mv-sp-3);
  align-items:center;font-size:var(--mv-fs-micro);letter-spacing:var(--mv-ls-micro);
  text-transform:uppercase;color:var(--mv-on-light-mut)}
.mv-in-card__meta i{font-style:normal;opacity:.5}
.mv-in-card__go{margin-left:auto;color:var(--mv-accent-deep);
  transition:transform var(--mv-dur-nav) var(--mv-ease)}
.mv-in-card:hover .mv-in-card__go{transform:translateX(4px)}
.mv-in-card[hidden]{display:none}

/* kartica u tamnoj sekciji (related) */
.mv-dark .mv-in-card,.mv-dark-2 .mv-in-card{border-top-color:var(--mv-line-dark)}
.mv-dark .mv-in-card::after,.mv-dark-2 .mv-in-card::after{background:var(--mv-accent)}
.mv-dark .mv-in-card__cat,.mv-dark-2 .mv-in-card__cat{color:var(--mv-accent)}
.mv-dark .mv-in-card__t,.mv-dark-2 .mv-in-card__t{color:var(--mv-on-dark)}
.mv-dark .mv-in-card:hover .mv-in-card__t{color:var(--mv-accent)}
.mv-dark .mv-in-card__x,.mv-dark-2 .mv-in-card__x{color:var(--mv-on-dark-soft)}
.mv-dark .mv-in-card__meta,.mv-dark-2 .mv-in-card__meta{border-top-color:var(--mv-line-dark);
  color:var(--mv-on-dark-soft)}
.mv-dark .mv-in-card__go,.mv-dark-2 .mv-in-card__go{color:var(--mv-accent)}

/* prazna arhiva / prazan filter */
.mv-in-empty{position:relative;margin-top:clamp(40px,5vw,72px);max-width:830px;
  border:1px solid var(--mv-line-light);background:transparent;
  padding:clamp(46px,6vw,92px) clamp(26px,4vw,72px)}
.mv-in-empty::before{content:"";position:absolute;left:-1px;top:-1px;width:64px;height:2px;
  background:var(--mv-accent-deep)}
.mv-in-empty__t{font-size:var(--mv-fs-h2-xs);max-width:18ch}
p.mv-in-empty__p{margin-top:var(--mv-sp-e3);max-width:var(--mv-measure-lead);
  font-size:var(--mv-fs-lead);line-height:var(--mv-lh-lead);color:var(--mv-on-light-mut)}
.mv-in-empty__btns{margin-top:var(--mv-sp-e5)}
.mv-in-empty[hidden]{display:none}

/* sentinel za sticky detekciju (nema vizuelnu ulogu) */
.mv-in-bar__sentinel{display:block;height:1px}

@media(max-width:1000px){
  .mv-in-bar{top:74px}
  .mv-in-t--say,.mv-in-t--feat,.mv-in-t--soon,.mv-in-t--wide{grid-column:span 12}
  .mv-in-t--sm{grid-column:span 6}
  .mv-in-note__in{grid-template-columns:1fr;gap:var(--mv-sp-e3)}
  .mv-in-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .mv-in-t--sm{grid-column:span 12}
  .mv-in-grid{grid-template-columns:1fr}
  .mv-in-bar__label{display:none}
  .mv-in-bar__count{display:none}
  .mv-in-t--soon .mv-in-t__t{margin-top:var(--mv-sp-7)}
}

/* =============================================================================
   4. SINGLE — article header (B · Big Typography Split, bez fotografije)
   ========================================================================== */
.mv-is-hd{background:var(--mv-canvas-light);color:var(--mv-on-light);overflow:hidden;
  padding:calc(var(--mv-header-h-solid) + clamp(42px,5.4vw,78px)) 0 clamp(34px,4vw,58px)}
.mv-is-hd__in{display:grid;grid-template-columns:1.26fr .74fr;gap:var(--mv-gap-col);
  align-items:end;margin-top:var(--mv-sp-e5)}
.mv-is-hd__in>*{min-width:0}
.mv-is-hd h1{font-size:var(--mv-fs-h2-xl);line-height:var(--mv-lh-tight);max-width:17ch}
p.mv-is-hd__x{margin-top:var(--mv-sp-e3);max-width:var(--mv-measure-lead);
  font-size:var(--mv-fs-hero-sub);line-height:var(--mv-lh-lead);color:var(--mv-on-light-mut)}
.mv-is-meta{margin:0;padding-left:var(--mv-sp-e2);border-left:1px solid var(--mv-accent-deep);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:.625rem 1.25rem;align-items:baseline}
.mv-is-meta dt{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-on-light-mut)}
.mv-is-meta dd{margin:0;font-size:var(--mv-fs-body-sm);color:var(--mv-on-light);
  font-weight:var(--mv-fw-medium)}
.mv-is-back{display:inline-flex;align-items:center;gap:var(--mv-sp-2);
  font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);
  text-transform:uppercase;color:var(--mv-accent-deep);transition:color var(--mv-dur-base)}
.mv-is-back:hover{color:var(--mv-on-light)}

/* cover — prva slika u telu, full-bleed unutar wrap-a */
.mv-is-coverwrap{background:var(--mv-canvas-light);padding:clamp(20px,2.4vw,36px) 0 0}
.mv-is-cover{position:relative;overflow:hidden;background:var(--mv-navy);aspect-ratio:21/9}
.mv-is-cover img{display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.04) contrast(1.02)}
.mv-is-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 16px;
  background:linear-gradient(0deg,rgba(7,10,17,.9),rgba(7,10,17,0));color:var(--mv-white);
  font-size:var(--mv-fs-body-xs);letter-spacing:.02em}

/* =============================================================================
   5. SINGLE — telo: TOC u levoj margini + 66ch kolona
   ========================================================================== */
.mv-is-body{background:var(--mv-canvas-light);color:var(--mv-on-light);
  padding:clamp(44px,5vw,74px) 0 clamp(78px,9vw,124px)}
.mv-is-body__in{display:grid;grid-template-columns:clamp(180px,17vw,244px) minmax(0,1fr);
  gap:clamp(30px,5vw,86px);align-items:start}
.mv-is-body__in>*{min-width:0}

.mv-is-toc{position:sticky;top:calc(var(--mv-header-h-solid) + 32px)}
.mv-is-toc__label{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-eyebrow);text-transform:uppercase;color:var(--mv-accent-deep);
  margin-bottom:var(--mv-sp-4)}
.mv-is-toc nav{display:grid}
.mv-is-toc a{display:block;padding:8px 0 8px var(--mv-sp-4);
  border-left:1px solid var(--mv-line-light);font-size:var(--mv-fs-body-xs);
  line-height:var(--mv-lh-body);color:var(--mv-on-light-mut);
  transition:color var(--mv-dur-base),border-color var(--mv-dur-base)}
.mv-is-toc a:hover{color:var(--mv-on-light)}
/* WOW 1 — scroll-spy */
.mv-is-toc a.is-active{color:var(--mv-accent-deep);border-left-color:var(--mv-accent-deep);
  font-weight:var(--mv-fw-semi)}
.mv-is-toc__m{display:none}

.mv-is-prose{max-width:var(--mv-measure);font-size:var(--mv-fs-prose);
  line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut)}
.mv-is-prose>*:first-child{margin-top:0}
.mv-is-prose p{margin:0 0 var(--mv-sp-e2)}
.mv-is-prose h2{font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-h2-xs);line-height:var(--mv-lh-h3);letter-spacing:var(--mv-ls-head);
  color:var(--mv-on-light);margin:clamp(46px,5vw,76px) 0 var(--mv-sp-4);
  scroll-margin-top:calc(var(--mv-header-h-solid) + 28px)}
.mv-is-prose h3{font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-sm);line-height:var(--mv-lh-title);letter-spacing:var(--mv-ls-tight);
  color:var(--mv-on-light);margin:clamp(34px,3.6vw,52px) 0 var(--mv-sp-3);
  scroll-margin-top:calc(var(--mv-header-h-solid) + 28px)}
.mv-is-prose a{color:var(--mv-accent-deep);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px}
.mv-is-prose a:hover{color:var(--mv-on-light)}
.mv-is-prose strong,.mv-is-prose b{color:var(--mv-on-light);font-weight:var(--mv-fw-semi)}
.mv-is-prose ul,.mv-is-prose ol{margin:0 0 var(--mv-sp-e2);padding:0 0 0 var(--mv-sp-5);
  display:grid;gap:var(--mv-sp-3)}
.mv-is-prose ul{list-style:none;padding-left:0}
.mv-is-prose ul li{position:relative;padding-left:var(--mv-sp-5)}
.mv-is-prose ul li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;
  background:var(--mv-accent-deep)}
.mv-is-prose img{display:block;width:100%;height:auto;margin:clamp(34px,4vw,58px) 0;
  border-radius:var(--mv-r4);background:var(--mv-surface-light)}
.mv-is-prose figure{margin:clamp(34px,4vw,58px) 0}
.mv-is-prose figcaption{margin-top:var(--mv-sp-3);font-size:var(--mv-fs-small);
  color:var(--mv-on-light-mut)}
.mv-is-prose table{width:100%;border-collapse:collapse;margin:var(--mv-sp-e4) 0;
  font-size:var(--mv-fs-body-sm)}
.mv-is-prose th,.mv-is-prose td{text-align:left;padding:12px 14px;
  border-bottom:1px solid var(--mv-line-light)}
.mv-is-prose th{color:var(--mv-on-light);font-weight:var(--mv-fw-semi);
  font-size:var(--mv-fs-micro);letter-spacing:var(--mv-ls-micro);text-transform:uppercase}
.mv-is-scroll{overflow-x:auto}

/* WOW 2 — pull citat sa zlatnom linijom koja se crta */
.mv-is-prose blockquote{position:relative;margin:clamp(40px,4.6vw,68px) 0;
  padding:var(--mv-sp-1) 0 var(--mv-sp-1) var(--mv-sp-e3);max-width:30ch;
  font-family:var(--mv-font-display);font-style:italic;font-weight:var(--mv-fw-semi);
  font-size:var(--mv-fs-quote);line-height:var(--mv-lh-quote);letter-spacing:var(--mv-ls-quote);
  color:var(--mv-on-light)}
.mv-is-prose blockquote p{margin:0}
.mv-is-prose blockquote::before{content:"";position:absolute;left:0;top:0;width:2px;height:0;
  background:var(--mv-accent-deep);transition:height var(--mv-dur-reveal) var(--mv-ease)}
.mv-is-prose blockquote.is-drawn::before{height:100%}

/* autorska napomena */
.mv-is-author{margin-top:clamp(54px,6vw,88px);padding-top:var(--mv-sp-e3);
  border-top:1px solid var(--mv-line-light);max-width:var(--mv-measure);
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--mv-sp-5);align-items:start}
.mv-is-author img{width:64px;height:64px;border-radius:var(--mv-r-circle);object-fit:cover;
  object-position:50% 22%;display:block;background:var(--mv-surface-light)}
.mv-is-author__n{font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-sm);letter-spacing:var(--mv-ls-tight);color:var(--mv-on-light)}
.mv-is-author__r{display:block;margin-top:var(--mv-sp-1);font-size:var(--mv-fs-micro);
  font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-accent-deep)}
p.mv-is-author__p{margin-top:var(--mv-sp-3);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut)}

/* =============================================================================
   6. SINGLE — related / next (dark)
   ========================================================================== */
.mv-is-rel{background:var(--mv-canvas);color:var(--mv-on-dark);
  padding:clamp(74px,9vw,124px) 0 clamp(70px,8vw,112px)}
.mv-is-rel__in{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--mv-gap-col);
  align-items:end;margin-top:var(--mv-sp-e5)}
.mv-is-rel__in>*{min-width:0}
.mv-is-rel h2{font-size:var(--mv-fs-h2-sm);max-width:16ch}
.mv-is-next{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:clamp(44px,5vw,76px);border-top:1px solid var(--mv-line-dark)}
.mv-is-next>*{min-width:0}
.mv-is-next__c{position:relative;padding:28px clamp(16px,2vw,34px) var(--mv-sp-2) 0;display:block;
  text-decoration:none;color:inherit}
.mv-is-next__c+.mv-is-next__c{padding-left:clamp(20px,2.6vw,44px)}
.mv-is-next__c+.mv-is-next__c::before{content:"";position:absolute;left:0;top:28px;bottom:8px;width:1px;
  background:var(--mv-line-dark)}
.mv-is-next__c::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;
  background:var(--mv-accent);transition:width var(--mv-dur-row) var(--mv-ease)}
.mv-is-next__c:hover::after{width:64px}
.mv-is-next__c+.mv-is-next__c::after{left:clamp(20px,2.6vw,44px)}
.mv-is-next__n{display:block;font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent);margin-bottom:var(--mv-sp-3)}
.mv-is-next__t{display:block;font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-md);letter-spacing:var(--mv-ls-tight)}
p.mv-is-next__p{margin-top:var(--mv-sp-e1);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-dark-soft);max-width:var(--mv-measure-narrow)}

@media(max-width:1000px){
  .mv-is-hd__in,.mv-is-rel__in{grid-template-columns:1fr;gap:var(--mv-sp-e4);align-items:start}
  .mv-is-body__in{grid-template-columns:1fr;gap:var(--mv-sp-e4)}
  .mv-is-toc{position:static}
  .mv-is-toc__d{display:none}
  .mv-is-toc__m{display:block;border-top:1px solid var(--mv-line-light);
    border-bottom:1px solid var(--mv-line-light)}
  .mv-is-toc__m summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;
    align-items:center;justify-content:space-between;gap:var(--mv-sp-4);
    font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-eyebrow);
    text-transform:uppercase;color:var(--mv-accent-deep)}
  .mv-is-toc__m summary::-webkit-details-marker{display:none}
  .mv-is-toc__m summary::after{content:"+";font-size:15px;letter-spacing:0}
  .mv-is-toc__m[open] summary::after{content:"\2212"}
  .mv-is-toc__m nav{padding-bottom:var(--mv-sp-4)}
  .mv-is-next{grid-template-columns:1fr;border-top:0}
  .mv-is-next__c,.mv-is-next__c+.mv-is-next__c{padding:24px 0 4px}
  .mv-is-next__c+.mv-is-next__c{border-top:1px solid var(--mv-line-dark)}
  .mv-is-next__c+.mv-is-next__c::before{display:none}
  .mv-is-next__c+.mv-is-next__c::after{left:0}
}
@media(max-width:760px){
  .mv-is-cover{aspect-ratio:4/3}
  .mv-is-author{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .mv-in-card:hover .mv-in-card__media{transform:none;box-shadow:none}
  .mv-is-prose blockquote::before{height:100%}
  .mv-in-bar{position:static}
}