:root {
  --cnaou-primary: #f97316;
  --cnaou-primary-dark: #ea580c;
  --cnaou-accent: #06b6d4;
  --cnaou-bg: #18181b;
  --cnaou-bg-alt: #27272a;
  --cnaou-text: #fafafa;
  --cnaou-text-muted: #a1a1aa;
  --cnaou-border: #3f3f46;
  --cnaou-success: #22c55e;
  --cnaou-warning: #f59e0b;
  --cnaou-danger: #ef4444;
  --cnaou-font-heading: "Merriweather", Georgia, serif;
  --cnaou-font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --cnaou-heading-weight: 500;
  --cnaou-heading-letter-spacing: 0.04em;
  --cnaou-radius: 16px;
  --cnaou-container-width: 1440px;
  --cnaou-spacing-scale: 1.25;
  --cnaou-section-padding: 120px 0;
}

/* ── Author Box (E-E-A-T) ──────────────────────────── */
.author-box {
  margin: 48px 0;
  padding: 32px;
  background: rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius);
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  align-items: start;
}
.author-box-image { width: 120px; height: 120px; }
.author-box-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
  display: block;
}
.author-box-initials {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.02em;
}
.author-box-meta .author-box-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-primary);
  margin-bottom: 6px;
}
.author-box-meta h4 {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  margin: 0 0 4px;
  line-height: 1.3;
}
.author-box-meta .title {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.author-box-meta .credentials {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 12px;
}
.author-box-meta .bio {
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 12px;
}
.author-box-meta .expertise {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.author-box-meta .expertise span {
  background: var(--color-primary);
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .author-box {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 24px;
  }
  .author-box-image,
  .author-box-image img,
  .author-box-initials { margin: 0 auto; }
  .author-box-meta .expertise { justify-content: center; }
}

.mnaou-body{--cnaou-on-primary:#ffffff;--cnaou-on-primary-dark:#ffffff;--cnaou-on-accent:#ffffff;}

/* ======== Magazine reset (var-based — archetype themes drive ALL colour/type;
   NEVER use literal palette hex on element selectors here) ======== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--cnaou-bg);color:var(--cnaou-text);font-family:var(--cnaou-font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{font-family:var(--cnaou-font-heading);color:inherit;margin:0 0 .6em;line-height:1.18;}
p{margin:0 0 1.2em;}
a{color:var(--cnaou-primary);text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* ======== Magazine base (shared primitives) ======== */
.mnaou-container{max-width:var(--cnaou-container-width,1200px);margin:0 auto;padding:0 24px;}
.mnaou-sronly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.mnaou-btn{display:inline-flex;align-items:center;gap:8px;background:var(--cnaou-accent);color:var(--cnaou-on-accent,#fff);border:0;border-radius:var(--cnaou-radius,8px);padding:12px 22px;font-weight:700;cursor:pointer;font-family:var(--cnaou-font-body);text-decoration:none;}
.mnaou-btn:hover{filter:brightness(1.08);}

/* Logo */
.mnaou-logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:var(--cnaou-text);}
.mnaou-logo__mark{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:11px;background:linear-gradient(135deg,var(--cnaou-primary),var(--cnaou-accent));color:var(--cnaou-on-primary,#fff);font-family:var(--cnaou-font-heading);font-weight:800;font-size:1.25rem;letter-spacing:.02em;}
/* Transparent-background mark — render it big and unboxed (no radius/bg). */
.mnaou-logo__img{height:54px;width:auto;max-width:170px;object-fit:contain;border-radius:0;background:transparent;display:block;}
.mnaou-logo__word{font-family:var(--cnaou-font-heading);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;}
@media(max-width:680px){.mnaou-logo__img{height:44px;max-width:130px;}.mnaou-logo__word{font-size:1.3rem;}}

/* Ticker */
.mnaou-ticker{background:var(--cnaou-bg-alt);border-bottom:1px solid var(--cnaou-border);}
.mnaou-ticker__inner{display:flex;align-items:center;gap:16px;height:46px;overflow:hidden;}
.mnaou-ticker__label{flex-shrink:0;background:var(--cnaou-accent);color:var(--cnaou-on-accent,#fff);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:6px;}
.mnaou-ticker__track{display:flex;gap:18px;align-items:center;overflow:hidden;white-space:nowrap;font-size:.86rem;}
.mnaou-ticker__track a{color:var(--cnaou-text);text-decoration:none;font-weight:600;}
.mnaou-ticker__track a:hover{color:var(--cnaou-primary);}
.mnaou-ticker__sep{color:var(--cnaou-accent);}

/* Rows */
.mnaou-row{display:flex;gap:14px;align-items:flex-start;}
.mnaou-row__media{flex-shrink:0;width:96px;height:72px;border-radius:10px;background-size:cover;background-position:center;}
.mnaou-row__num{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;font-family:var(--cnaou-font-heading);font-weight:800;color:var(--cnaou-primary);font-size:1.4rem;}
.mnaou-row__body{min-width:0;}
.mnaou-row__cat{color:var(--cnaou-accent);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;}
.mnaou-row__title{font-family:var(--cnaou-font-heading);font-size:.98rem;line-height:1.25;margin:3px 0 4px;}
.mnaou-row__title a{color:var(--cnaou-text);text-decoration:none;}
.mnaou-row__title a:hover{color:var(--cnaou-primary);}
.mnaou-row__date{color:var(--cnaou-text-muted);font-size:.76rem;}

/* Grid + cards */
.mnaou-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;}
.mnaou-grid--feature > :first-child{grid-column:span 2;}
.mnaou-grid--feature > :first-child .mnaou-card__title{font-size:1.5rem;}
.mnaou-card{background:var(--cnaou-bg-alt);border:1px solid var(--cnaou-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;box-shadow:0 1px 2px rgba(0,0,0,.05),0 16px 34px -22px rgba(0,0,0,.5);}
.mnaou-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(0,0,0,.05),0 26px 48px -24px rgba(0,0,0,.6);}
.mnaou-card__media{display:block;aspect-ratio:16/9;background-size:cover;background-position:center;}
.mnaou-card__media--ph{display:grid;place-items:center;color:rgba(255,255,255,.92);font-family:var(--cnaou-font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.mnaou-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:9px;flex:1;}
.mnaou-card__title{font-family:var(--cnaou-font-heading);font-size:1.16rem;line-height:1.24;}
.mnaou-card__title a{color:var(--cnaou-text);text-decoration:none;}
.mnaou-card__title a:hover{color:var(--cnaou-primary);}
.mnaou-card__excerpt{color:var(--cnaou-text-muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mnaou-card--overlay{border:0;background:transparent;}
.mnaou-card__ovl{display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:22px;background-size:cover;background-position:center;text-decoration:none;border-radius:14px;}
.mnaou-card--overlay .mnaou-card__title{color:#fff;margin:8px 0 6px;font-family:var(--cnaou-font-heading);}
.mnaou-card--horizontal{flex-direction:row;align-items:stretch;}
.mnaou-card--horizontal .mnaou-card__media{aspect-ratio:auto;width:42%;flex-shrink:0;min-height:160px;}
.mnaou-card--horizontal .mnaou-card__body{flex:1;}
@media(max-width:520px){.mnaou-card--horizontal{flex-direction:column;}.mnaou-card--horizontal .mnaou-card__media{width:100%;aspect-ratio:16/9;min-height:0;}}

/* Tiles */
.mnaou-tile{position:relative;display:flex;align-items:flex-end;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;color:#fff;box-shadow:0 16px 36px -22px rgba(0,0,0,.62);}
.mnaou-tile__body{padding:24px;}
.mnaou-tile h3{font-family:var(--cnaou-font-heading);font-size:1.4rem;line-height:1.16;margin:10px 0 6px;color:#fff;}
.mnaou-tile--banner{min-height:430px;}
.mnaou-tile--banner h3{font-size:2.3rem;max-width:780px;}
.mnaou-tile--big{min-height:446px;}
.mnaou-tile--big h3{font-size:1.95rem;}
.mnaou-tile--sm{min-height:214px;}

/* Badge + meta */
.mnaou-badge{display:inline-block;color:var(--cnaou-accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;}
.mnaou-badge--solid{background:var(--cnaou-accent);color:var(--cnaou-on-accent,#fff);padding:5px 11px;border-radius:6px;}
.mnaou-meta{display:inline-flex;align-items:center;gap:7px;color:var(--cnaou-text-muted);font-size:.8rem;margin-top:auto;}
.mnaou-meta__author{font-weight:700;color:var(--cnaou-text);}
.mnaou-meta--light,.mnaou-meta--light .mnaou-meta__author,.mnaou-meta--light time{color:rgba(255,255,255,.88);}

/* Section heads */
.mnaou-section{padding:34px 0 8px;}
.mnaou-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:2px solid var(--cnaou-border);padding-bottom:10px;}
.mnaou-section__head h2{font-family:var(--cnaou-font-heading);font-size:1.45rem;position:relative;padding-left:14px;}
.mnaou-section__head--bar h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:1.1em;background:var(--cnaou-accent);border-radius:3px;}
.mnaou-section__head h2 a{color:var(--cnaou-text);text-decoration:none;}
.mnaou-section__more{color:var(--cnaou-primary);text-decoration:none;font-weight:700;font-size:.85rem;}
.mnaou-section__head--underline{justify-content:center;flex-direction:column;border-bottom:0;text-align:center;}
.mnaou-section__head--underline h2{padding-left:0;}
.mnaou-section__head--underline h2::after{content:"";display:block;width:64px;height:3px;background:var(--cnaou-accent);border-radius:3px;margin:12px auto 0;}
.mnaou-section__head--underline .mnaou-section__more{margin-top:8px;}

/* Prose (article/page body) */
.mnaou-prose{font-family:var(--cnaou-font-body);font-size:1.06rem;line-height:1.75;color:var(--cnaou-text);}
.mnaou-prose h2{font-family:var(--cnaou-font-heading);font-size:1.7rem;margin:34px 0 14px;}
.mnaou-prose h3{font-family:var(--cnaou-font-heading);font-size:1.3rem;margin:26px 0 12px;}
.mnaou-prose p{margin:0 0 18px;}
.mnaou-prose a{color:var(--cnaou-primary);}
.mnaou-prose img{max-width:100%;height:auto;border-radius:12px;margin:22px 0;}
.mnaou-prose ul,.mnaou-prose ol{margin:0 0 18px;padding-left:22px;}
.mnaou-prose li{margin:6px 0;}
.mnaou-prose blockquote{border-left:4px solid var(--cnaou-accent);background:var(--cnaou-bg-alt);padding:16px 22px;margin:24px 0;border-radius:0 10px 10px 0;font-style:italic;}
.mnaou-prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem;}
.mnaou-prose th{background:var(--cnaou-primary);color:var(--cnaou-on-primary,#fff);padding:11px 14px;text-align:left;}
.mnaou-prose td{padding:10px 14px;border-bottom:1px solid var(--cnaou-border);}
/* Structured content blocks (TL;DR / key-stats / callout) ship with LIGHT inline
   backgrounds, so on a DARK archetype the inherited body text (near-white) would be
   invisible. Force readable dark text inside them — children keep their own inline
   colours; only the un-coloured text (summary, stat numbers) is corrected. Targets
   the boxes by their inline background signature so it covers already-published
   articles too (the inline styles are in the stored content). */
[style*="background:#f5f7fa"],[style*="background:#fbf7ec"],[style*="background:#ffffff;border:1px solid #e3e8ee"]{color:#1f2733!important;}

/* Author box */
.mnaou-authorbox{display:flex;gap:16px;align-items:center;background:var(--cnaou-bg-alt);border:1px solid var(--cnaou-border);border-radius:14px;padding:20px;margin:34px 0;}
.mnaou-authorbox__avatar{flex-shrink:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cnaou-primary),var(--cnaou-accent));color:#fff;font-family:var(--cnaou-font-heading);font-weight:800;font-size:1.4rem;}
.mnaou-authorbox p{color:var(--cnaou-text-muted);font-size:.9rem;margin:4px 0 0;}
.mnaou-related{margin-top:40px;}

/* Sidebar widgets */
.mnaou-aside{display:flex;flex-direction:column;gap:26px;}
.mnaou-widget{background:var(--cnaou-bg-alt);border:1px solid var(--cnaou-border);border-radius:14px;padding:20px;}
.mnaou-widget__title{font-family:var(--cnaou-font-heading);font-size:1.05rem;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--cnaou-border);position:relative;}
.mnaou-widget__title::after{content:"";position:absolute;left:0;bottom:-2px;width:44px;height:2px;background:var(--cnaou-accent);}
.mnaou-widget__list{display:flex;flex-direction:column;gap:16px;}
.mnaou-widget--search form{display:flex;gap:0;}
.mnaou-widget--search input{flex:1;border:1px solid var(--cnaou-border);background:var(--cnaou-bg);color:var(--cnaou-text);border-radius:10px 0 0 10px;padding:11px 14px;font-size:.9rem;}
.mnaou-widget--search button{border:0;background:var(--cnaou-accent);color:var(--cnaou-on-accent,#fff);border-radius:0 10px 10px 0;padding:0 16px;cursor:pointer;}
.mnaou-catlist{list-style:none;margin:0;padding:0;}
.mnaou-catlist li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--cnaou-border);}
.mnaou-catlist li:last-child{border-bottom:0;}
.mnaou-catlist a{color:var(--cnaou-text);text-decoration:none;font-weight:600;font-size:.92rem;}
.mnaou-catlist a:hover{color:var(--cnaou-primary);}
.mnaou-catlist span{color:var(--cnaou-text-muted);font-size:.78rem;background:var(--cnaou-bg);border:1px solid var(--cnaou-border);border-radius:20px;padding:1px 9px;}

/* Standard 2-col inner layout (archetypes may use or replace) */
.mnaou-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:34px 24px 56px;}
.mnaou-layout--narrow{grid-template-columns:minmax(0,1fr);max-width:860px;}
.mnaou-layout__main{min-width:0;}
@media(max-width:980px){.mnaou-layout{grid-template-columns:1fr;}}

/* Mobile nav reveal (shared convention: .mnaou-burger toggles #mnaou-nav.open) */
.mnaou-burger{display:none;background:var(--cnaou-bg-alt);border:1px solid var(--cnaou-border);color:var(--cnaou-text);width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:1rem;}
@media(max-width:680px){
  /* Mobile menu = FULL-SCREEN overlay. Target the nav by ID (specificity 1,0,0 +
     !important) so this BEATS every archetype's own .xx-nav{display:flex} (0,1,0).
     The burger gets a higher z-index than the overlay so it stays visible & tappable
     IN PLACE to close — the old top:76px drop-down sat under the taller masthead and
     the opaque panel covered the burger, so you couldn't close it. */
  #mnaou-nav{display:none!important;}
  #mnaou-nav.open{display:flex!important;position:fixed;inset:0;z-index:1000;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;background:var(--cnaou-bg);padding:72px 16px 24px;overflow-y:auto;}
  #mnaou-nav.open a{padding:15px 24px;width:100%;text-align:center;border-bottom:1px solid var(--cnaou-border);}
  .mnaou-burger{display:block;position:relative;z-index:1001;}
}

/* ======== Archetype: magpro (premium dark magazine) ======== */
.arch-magpro{
  --cnaou-bg:#0f1115;--cnaou-bg-alt:#181b22;--cnaou-text:#d3d8e0;--cnaou-text-muted:#8d96a3;--cnaou-border:#2c333d;--cnaou-font-heading:'Outfit', system-ui, sans-serif;--cnaou-font-body:'Inter', system-ui, sans-serif;
  /* Force the tuned premium-dark surface — redefine the palette vars so EVERY
     var(--cnaou-*) element is readable on the near-black canvas. KEEP the brand
     --cnaou-primary/--cnaou-accent for kickers, links + hover accents. */
  --cnaou-bg:#0b0e14;--cnaou-bg-alt:#141823;--cnaou-text:#e8ecf3;--cnaou-text-muted:#9aa4b6;--cnaou-border:#222838;
  --cnaou-font-heading:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;--cnaou-font-body:'Inter','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mp-canvas:#0b0e14;--mp-card:#141823;--mp-chrome:#0e121b;--mp-raised:#1a1f2c;
  --mp-ink:#e8ecf3;--mp-muted:#9aa4b6;--mp-border:#222838;--mp-border-soft:#1b2130;
  --mp-radius:10px;--mnaou-nav-top:0px;
  background:#0b0e14;color:#e8ecf3;
}
.arch-magpro a{color:var(--cnaou-primary);}
.arch-magpro ::selection{background:var(--cnaou-accent);color:#0b0e14;}

/* Masthead — accent top rule + solid chrome wordmark + nav + accent hairline below */
.mp-head{background:var(--mp-chrome);position:sticky;top:0;z-index:50;border-top:3px solid var(--cnaou-accent);}
.mp-head__inner{display:flex;align-items:center;gap:24px;padding:16px 24px;}
.mp-word{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.02em;color:var(--mp-ink);text-decoration:none;line-height:1;margin-right:auto;}
.mp-word:hover{color:var(--cnaou-accent);}
.mp-nav{display:flex;flex-wrap:wrap;gap:4px;}
.mp-nav a{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;font-size:.86rem;letter-spacing:.01em;color:var(--mp-muted);text-decoration:none;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s;}
.mp-nav a:hover{color:var(--mp-ink);background:var(--mp-raised);}
.mp-nav a.active{color:var(--cnaou-accent);}
.mp-head__tools{display:flex;align-items:center;gap:10px;}
/* Language switcher — a prominent segmented pill of cross-tree links to the same
   page per language; the active language is filled with the accent colour. Empty
   on single-language builds (collapses to nothing). */
.mp-langswitch:empty{display:none;}
.mp-langswitch{display:inline-flex;align-items:center;gap:1px;padding:3px 5px 3px 9px;border:1px solid var(--mp-border);border-radius:999px;background:var(--mp-raised);}
.mp-langswitch__globe{color:var(--mp-muted);margin-right:5px;flex:none;}
.mp-lang{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.05em;color:var(--mp-muted);text-decoration:none;padding:5px 11px;border-radius:999px;line-height:1;transition:color .15s,background .15s;}
.mp-lang:hover{color:var(--mp-ink);}
.mp-lang.active{color:var(--cnaou-on-accent,#0b0b0c);background:var(--cnaou-accent);box-shadow:0 1px 8px -2px var(--cnaou-accent);}
.mp-footer .mp-langswitch{margin-top:16px;}
.mp-head__rule{height:2px;background:linear-gradient(90deg,var(--cnaou-accent),transparent 62%);opacity:.85;}
.arch-magpro .mnaou-burger{background:var(--mp-raised);border:1px solid var(--mp-border);color:var(--mp-ink);}
/* CENTER masthead variant — wordmark centred on top, nav row centred below */
.mp-head--center .mp-head__inner{flex-direction:column;gap:12px;padding:18px 24px 14px;position:relative;}
.mp-head--center .mp-word{margin-right:0;font-size:clamp(1.5rem,3.4vw,2.1rem);}
.mp-head--center .mp-nav{justify-content:center;}
.mp-head--center .mp-head__tools{position:absolute;right:24px;top:18px;}

/* Shared accent bits — kicker (seed-driven shape) + byline */
.mp-kicker{display:inline-block;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--cnaou-accent);text-decoration:none;margin-bottom:10px;border-left:3px solid var(--cnaou-accent);padding:1px 0 1px 11px;}
.mp-kicker:hover{filter:brightness(1.12);}
.mp-kicker--plain{color:var(--mp-muted);border:0;border-bottom:0;background:transparent;padding-left:0;}
.mp-byline{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.82rem;color:var(--mp-muted);margin:12px 0 0;}
.mp-byline__author{color:var(--mp-ink);font-weight:700;}
.mp-byline__dot{color:var(--mp-border);}

/* Section divider — accent tick + uppercase title + view-all */
.mp-rule{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid var(--mp-border);}
.mp-rule__title{position:relative;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--mp-ink);margin:0;padding-left:14px;}
.mp-rule__title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.05em;background:var(--cnaou-accent);border-radius:3px;}
.mp-rule__title a{color:var(--mp-ink);text-decoration:none;}
.mp-rule__title a:hover{color:var(--cnaou-accent);}
.mp-rule__more{flex-shrink:0;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;font-size:.8rem;color:var(--cnaou-primary);text-decoration:none;}
.mp-rule__more:hover{color:var(--cnaou-accent);}

/* HERO band — seed-picked lead treatment (overlay / split / editorial) + latest rail */
.mp-hero{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:20px;padding-top:34px;}
.mp-hero--solo{grid-template-columns:1fr;}
.mp-hero__feature{position:relative;min-height:440px;border-radius:var(--mp-radius);overflow:hidden;background-color:var(--mp-card);border:1px solid var(--mp-border);transition:border-color .2s ease;}
.mp-hero--solo .mp-hero__feature{min-height:520px;}
.mp-hero__feature:hover{border-color:color-mix(in srgb,var(--cnaou-accent) 55%,var(--mp-border));}
/* shared lead typography — light ink (panel/lead context on dark card) */
.mp-hero__title{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.02em;margin:8px 0 12px;}
.mp-hero__title a{color:var(--mp-ink);text-decoration:none;}
.mp-hero__feature:hover .mp-hero__title a{color:var(--cnaou-accent);}
.mp-hero__deck{font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.5;color:var(--mp-muted);margin:0 0 14px;max-width:60ch;}
.mp-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;}

/* OVERLAY — text over image behind a scrim (full card clickable via title ::after) */
.mp-hero__feature--overlay{display:flex;align-items:flex-end;background-size:cover;background-position:center;}
.mp-hero__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,8,12,.95) 0%,rgba(6,8,12,.8) 30%,rgba(6,8,12,.3) 62%,rgba(6,8,12,.05) 100%);}
.mp-hero__overlay{position:relative;z-index:2;padding:clamp(22px,3vw,40px);width:100%;max-width:780px;}
.mp-hero__feature--overlay .mp-kicker{position:relative;z-index:3;}
.mp-hero__feature--overlay .mp-hero__title{font-size:clamp(2rem,3.8vw,3.3rem);}
.mp-hero__feature--overlay .mp-hero__title a{color:#fff;}
.mp-hero__link::after{content:"";position:absolute;inset:0;z-index:1;}
.mp-hero__feature--overlay .mp-hero__deck{color:rgba(232,236,243,.86);}
.mp-hero__feature--overlay .mp-hero__meta .mp-byline,.mp-hero__feature--overlay .mp-hero__meta .mp-review{color:rgba(232,236,243,.82);}
.mp-hero__feature--overlay .mp-hero__meta .mp-byline__author,.mp-hero__feature--overlay .mp-hero__meta .mp-review strong{color:#fff;}

/* SPLIT — image beside a text panel */
.mp-hero__feature--split{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;}
.mp-hero--solo .mp-hero__feature--split{grid-template-columns:1.3fr .7fr;}
.mp-hero__img{display:block;min-height:100%;background-size:cover;background-position:center;background-color:var(--mp-raised);}
.mp-hero__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.6vw,40px);}

/* EDITORIAL — bold text lead on top, wide image strip below */
.mp-hero__feature--editorial{display:flex;flex-direction:column;}
.mp-hero__lead{padding:clamp(24px,3vw,40px) clamp(24px,3vw,40px) 18px;}
.mp-hero__feature--editorial .mp-hero__title{font-size:clamp(2rem,4vw,3.4rem);}
.mp-hero__strip{display:block;flex:1;min-height:200px;background-size:cover;background-position:center;background-color:var(--mp-raised);}

/* Latest rail */
.mp-hero__rail{align-self:start;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:20px 20px 8px;}
.mp-rail__head{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cnaou-accent);margin:0 0 14px;}
.mp-rail__list{display:flex;flex-direction:column;}
.mp-rail__row{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--mp-border-soft);}
.mp-rail__row:first-child{border-top:0;padding-top:0;}
.mp-rail__media{flex-shrink:0;width:84px;height:60px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--mp-raised);}
.mp-rail__media--ph{}
.mp-rail__body{min-width:0;}
.mp-rail__cat{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--cnaou-accent);text-decoration:none;}
.mp-rail__cat:hover{text-decoration:underline;}
.mp-rail__title{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.96rem;font-weight:600;line-height:1.25;margin:3px 0 4px;}
.mp-rail__title a{color:var(--mp-ink);text-decoration:none;}
.mp-rail__title a:hover{color:var(--cnaou-accent);}
.mp-rail__date{color:var(--mp-muted);font-size:.74rem;}

/* Bands + card grid */
.mp-band{padding-top:34px;}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}

/* Story card — dark elevation (border + subtle glow), hover lift + accent rule */
.mp-card{position:relative;display:flex;flex-direction:column;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 18px 40px -28px rgba(0,0,0,.9);}
.mp-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cnaou-accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.mp-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cnaou-accent) 55%,var(--mp-border));box-shadow:0 26px 54px -26px rgba(0,0,0,.95),0 0 0 1px color-mix(in srgb,var(--cnaou-accent) 26%,transparent);}
.mp-card:hover::after{transform:scaleX(1);}
.mp-card__media{display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:var(--mp-raised);}
.mp-card__media--ph{position:relative;display:grid;place-items:center;color:#fff;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;}
.mp-card__media--ph::before{content:"";position:absolute;inset:0;background:rgba(11,14,20,.52);}
.mp-card__media--ph span{position:relative;z-index:1;border:1px solid rgba(255,255,255,.4);padding:5px 13px;border-radius:999px;}
.mp-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.mp-card__title{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:1.14rem;line-height:1.24;letter-spacing:-.01em;margin:0 0 8px;}
.mp-card__title a{color:var(--mp-ink);text-decoration:none;}
.mp-card__title a:hover{color:var(--cnaou-accent);}
.mp-card__excerpt{font-size:.9rem;line-height:1.55;color:var(--mp-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mp-card__meta{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.76rem;color:var(--mp-muted);margin:auto 0 0;}
.mp-card__author{color:var(--mp-ink);font-weight:600;}

/* Intro / narrow measures */
.mp-narrow{max-width:720px;}
.mp-pagepad{padding:34px 24px;}
.mp-intro .mnaou-prose{color:var(--mp-muted);}

/* Category page head */
.mp-cathead{padding-top:34px;padding-bottom:6px;border-bottom:1px solid var(--mp-border);}
.mp-cathead__eyebrow{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cnaou-accent);margin:0 0 8px;}
.mp-cathead__title{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.1rem);line-height:1.06;letter-spacing:-.015em;margin:0;}
.mp-cathead__intro{font-size:1.05rem;line-height:1.55;color:var(--mp-muted);max-width:680px;margin:14px 0 0;}
.mp-cathead__count{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mp-muted);margin:16px 0 14px;}

/* Section chips (other categories) */
.mp-othercats__list{display:flex;flex-wrap:wrap;gap:10px 12px;}
.mp-chip{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;font-size:.84rem;color:var(--mp-ink);text-decoration:none;border:1px solid var(--mp-border);background:var(--mp-card);padding:8px 15px;border-radius:999px;transition:border-color .15s,color .15s;}
.mp-chip:hover{border-color:var(--cnaou-accent);color:var(--cnaou-accent);}

/* Article */
.mp-article{max-width:760px;padding-top:34px;}
.mp-article--page{padding-bottom:34px;}
.mp-article__head{margin-bottom:24px;}
.mp-article__head--page{border-bottom:1px solid var(--mp-border);padding-bottom:16px;}
.mp-article__title{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.1;letter-spacing:-.015em;color:var(--mp-ink);margin:12px 0 0;}
.mp-article__deck{font-size:1.18rem;line-height:1.5;color:var(--mp-muted);margin:16px 0 0;}
.mp-article__head .mp-byline{border-top:1px solid var(--mp-border);border-bottom:1px solid var(--mp-border);padding:12px 0;margin-top:20px;}
.mp-articleimg{margin:26px 0 0;}
.mp-articleimg span{display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:var(--mp-radius);border:1px solid var(--mp-border-soft);}
.mp-article__body{margin-top:28px;}
.arch-magpro .mp-article__body h2,.arch-magpro .mp-article__body h3{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;letter-spacing:-.01em;color:var(--mp-ink);}
.arch-magpro .mp-article__body h2{border-bottom:1px solid var(--mp-border);padding-bottom:7px;}

/* Reviewed-by chip (inline trust signal) + article byline row */
.mp-review{display:inline-flex;align-items:center;gap:6px;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;font-weight:600;color:var(--mp-muted);}
.mp-review__check{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--cnaou-accent) 22%,transparent);color:var(--cnaou-accent);font-size:.64rem;font-weight:700;}
.mp-review strong{color:var(--mp-ink);font-weight:700;}
.mp-article__byrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--mp-border);border-bottom:1px solid var(--mp-border);padding:14px 0;margin-top:22px;}
.mp-article__byrow .mp-byline{margin:0;}

/* Author + trust block — avatar, "About the author", name, bio, reviewed-by */
.mp-trust{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(180deg,var(--mp-raised),var(--mp-card));border:1px solid var(--mp-border);border-radius:var(--mp-radius);margin-top:40px;padding:24px;position:relative;overflow:hidden;}
.mp-trust::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cnaou-accent);}
.mp-trust__avatar{flex-shrink:0;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cnaou-primary),var(--cnaou-accent));color:#fff;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:1.45rem;}
.mp-trust__eyebrow{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cnaou-accent);margin:0 0 4px;}
.mp-trust__name{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:1.18rem;color:var(--mp-ink);margin:0;letter-spacing:-.01em;}
.mp-trust__bio{font-size:.92rem;line-height:1.55;color:var(--mp-muted);margin:7px 0 0;max-width:62ch;}
.mp-trust__review{display:inline-flex;align-items:center;gap:7px;margin:13px 0 0;font-size:.85rem;color:var(--mp-muted);}
.mp-trust__review strong{color:var(--mp-ink);}

/* Prose tuned for dark — readable ink, accent links, dark-variant blocks */
.arch-magpro .mnaou-prose{color:var(--mp-ink);}
.arch-magpro .mnaou-prose a{color:var(--cnaou-accent);}
.arch-magpro .mnaou-prose strong{color:var(--mp-ink);}
.arch-magpro .mnaou-prose blockquote{border-left:3px solid var(--cnaou-accent);background:var(--mp-card);color:var(--mp-ink);}
.arch-magpro .mnaou-prose code{background:var(--mp-raised);color:var(--mp-ink);padding:2px 6px;border-radius:5px;font-size:.9em;}
.arch-magpro .mnaou-prose pre{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius);}
.arch-magpro .mnaou-prose th{background:var(--mp-raised);color:var(--mp-ink);border-bottom:1px solid var(--mp-border);}
.arch-magpro .mnaou-prose td{border-bottom:1px solid var(--mp-border-soft);}
.arch-magpro .mnaou-prose img{border:1px solid var(--mp-border-soft);}
/* Dark-variant the LIGHT inline structured blocks (TL;DR / key-stats / callout /
   reviewer chip) so they don't read as bright islands on the dark canvas. The
   inline light backgrounds are overridden to a raised dark tone; the base CSS
   forces dark text on those signatures, so re-light the text here too. */
.arch-magpro .mnaou-prose [style*="background:#f5f7fa"],
.arch-magpro .mnaou-prose [style*="background:#fbf7ec"],
.arch-magpro .mnaou-prose [style*="background:#ffffff;border:1px solid #e3e8ee"],
.arch-magpro .cb-reviewed-by[style]{background:var(--mp-raised)!important;border-color:var(--mp-border)!important;color:var(--mp-ink)!important;}
.arch-magpro .mnaou-prose [style*="background:#f5f7fa"] *,
.arch-magpro .mnaou-prose [style*="background:#fbf7ec"] *,
.arch-magpro .mnaou-prose [style*="background:#ffffff;border:1px solid #e3e8ee"] *,
.arch-magpro .cb-reviewed-by[style] *{color:var(--mp-ink)!important;}

/* Footer — multi-column dark band, thin top border */
.mp-footer{margin-top:34px;background:var(--mp-chrome);border-top:1px solid var(--mp-border);color:var(--mp-muted);}
.mp-footer__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding:46px 24px 30px;}
.mp-footer__word{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:1.4rem;color:var(--mp-ink);text-decoration:none;letter-spacing:-.015em;}
.mp-footer__tag{color:var(--mp-muted);font-size:.92rem;line-height:1.55;margin:12px 0 0;max-width:340px;}
.mp-footer__h{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mp-ink);margin:0 0 14px;}
.mp-footer__links{display:flex;flex-direction:column;gap:9px;}
.mp-footer__links a{color:var(--mp-muted);text-decoration:none;font-size:.92rem;}
.mp-footer__links a:hover{color:var(--cnaou-accent);}
.mp-footer__links--inline{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;}
.mp-footer__bar{display:flex;align-items:center;gap:14px;border-top:1px solid var(--mp-border-soft);padding:18px 24px 26px;}
.mp-footer__mono{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--mp-border);border-radius:50%;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:.88rem;color:var(--mp-ink);}
.mp-footer__copy{font-size:.8rem;color:var(--mp-muted);margin:0;}

/* Responsive */
@media(max-width:980px){
  .mp-hero{grid-template-columns:1fr;}
  .mp-hero__rail{order:2;}
}
@media(max-width:820px){
  .mp-footer__cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:680px){
  .mp-head__inner{flex-wrap:wrap;gap:12px;padding:14px 24px;}
  .mp-grid{grid-template-columns:1fr;}
  .mp-hero__media{aspect-ratio:16/9;}
  .mp-footer__cols{grid-template-columns:1fr;gap:28px;}
  /* Mobile overlay nav inherits the shared #mnaou-nav.open rules; ensure dark chrome */
  .arch-magpro #mnaou-nav.open{background:var(--mp-canvas);}
  .arch-magpro #mnaou-nav.open a{border-bottom-color:var(--mp-border);}
}