/* HARLOW BEHAVIORAL — corporate site system */

/* ————— brand lockup ————— */
.brand-lockup{
  display:flex; flex-direction:column; gap:2px;
  line-height:1;
}
.brand-lockup__name{
  font-family:"Newsreader", Georgia, serif;
  font-weight:500; font-style:normal;
  font-size:20px; letter-spacing:0.005em;
  color:var(--navy-800);
}
.brand-lockup__sub{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:9.5px; letter-spacing:0.32em; text-transform:uppercase;
  color:var(--slate-500);
  padding-top:3px;
}
.footer .brand-lockup__name{ color:var(--fg-on-dark); }
.footer .brand-lockup__sub{ color:var(--slate-400); }

:root{
  --navy-900:#0a1a2f;
  --navy-800:#0f2744;
  --navy-700:#163359;
  --slate-700:#334155;
  --slate-600:#475569;
  --slate-500:#64748b;
  --slate-400:#94a3b8;
  --slate-300:#cbd5d8;
  --bone-50:#faf8f3;
  --bone-100:#f4f1ea;
  --bone-200:#ebe6d7;
  --rule:#d9d3c4;
  --rule-strong:#b9b2a1;
  --gold:#a67d2e;
  --gold-dark:#8a6520;
  --ink:#16202e;
  --red-mark:#7a2a22;
  --green-mark:#27543a;

  /* Always-light cream for text on dark surfaces (footer, findings, contact).
     Independent of light/dark mode — those surfaces stay dark in both. */
  --fg-on-dark:#f4f1ea;
}

@media (prefers-color-scheme: dark){
  :root{
    /* warm surface palette flips to dark */
    --bone-50: #1d1c22;   /* raised surfaces (cards, sysout, analysis, disclosure, evidence) */
    --bone-100:#14131a;   /* page bg, nav, method default */
    --bone-200:#101014;   /* alternating section tint */

    /* navy: darkest accent surface stays dark; "emphasis" navy-800 becomes warm cream */
    --navy-900:#06070a;
    --navy-800:#e8e3d4;
    --navy-700:#cfc9b6;

    /* slate neutrals: dark grays → warm off-whites of decreasing saturation */
    --slate-700:#bdb8a7;
    --slate-600:#a8a396;
    --slate-500:#86816f;
    --slate-400:#6e685b;
    --slate-300:#c2bda8;

    /* dividers darken */
    --rule:       #2b2a24;
    --rule-strong:#3d3a32;

    /* accents tune brighter for contrast on dark ground */
    --gold:      #c69a45;
    --gold-dark: #a87c2a;
    --red-mark:  #c56956;
    --green-mark:#6ba381;

    /* body text inverts */
    --ink:#d8d3c0;

    /* --fg-on-dark NOT overridden — stays #f4f1ea (always light). */
  }
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{ -webkit-text-size-adjust:100%; }

body{
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size:16px;
  line-height:1.55;
  color:var(--ink);
  background:var(--bone-100);
  font-feature-settings:"ss01","cv11","tnum";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.serif{ font-family:"Newsreader", "Source Serif 4", "Georgia", serif; font-weight:400; letter-spacing:-0.01em; }
.mono{ font-family:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; }

a{ color:inherit; text-decoration:none; }

/* ————— layout ————— */

.page{ min-height:100vh; display:flex; flex-direction:column; }

.container{
  width:100%;
  max-width:1360px;
  margin:0 auto;
  padding:0 48px;
}
@media (max-width:760px){ .container{ padding:0 24px; } }

.grid-12{ display:grid; grid-template-columns:repeat(12, 1fr); column-gap:32px; row-gap:0; }

.hr{ border:0; border-top:1px solid var(--rule); margin:0; }
.hr-strong{ border:0; border-top:1px solid var(--rule-strong); margin:0; }

/* ————— nav ————— */

.nav{
  position:sticky; top:0; z-index:50;
  background:var(--bone-100);
  border-bottom:1px solid var(--rule);
  backdrop-filter:saturate(1.1);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  height:72px;
  gap:24px;
}
.brand{
  display:flex; align-items:center; gap:14px;
  font-weight:500; letter-spacing:0.34em; font-size:14px;
  color:var(--navy-800);
}
.brand-mark{
  width:2px; height:18px; background:var(--gold);
  display:inline-block;
}
.nav-links{ display:flex; gap:36px; align-items:center; }
.nav-links a{
  font-size:13px; color:var(--slate-600); letter-spacing:0.02em;
  padding:6px 0; border-bottom:1px solid transparent;
  transition:color .15s ease, border-color .15s ease;
}
.nav-links a:hover{ color:var(--navy-800); border-bottom-color:var(--gold); }
.nav-links a.active{ color:var(--navy-800); }
.nav-cta{
  font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--bone-50); background:var(--navy-800);
  padding:10px 18px; border:1px solid var(--navy-800);
  transition:background .15s ease;
}
.nav-cta:hover{ background:var(--navy-700); }
.nav-cta__short{ display:none; }
@media (max-width:1200px){
  .nav-cta__full{ display:none; }
  .nav-cta__short{ display:inline; }
}
@media (max-width:1180px){
  .nav-links{ display:none; }
}

/* ————— small label / eyebrow ————— */

.eyebrow{
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--slate-500); font-weight:500;
  display:inline-flex; align-items:center; gap:10px;
}
.eyebrow .dot{ width:6px; height:6px; background:var(--gold); border-radius:50%; display:inline-block; }
.eyebrow-num{ color:var(--gold); font-weight:500; }

.badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px;
  border:1px solid var(--rule-strong);
  background:transparent;
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--slate-600);
}
.badge::before{
  content:""; width:6px; height:6px; background:var(--gold);
  display:inline-block;
}

/* ————— typography scale ————— */

h1,h2,h3,h4,h5{ margin:0; font-weight:500; color:var(--navy-800); }

.display{
  font-family:"Newsreader", "Source Serif 4", Georgia, serif;
  font-weight:400;
  font-size:clamp(44px, 5.4vw, 80px);
  line-height:1.02;
  letter-spacing:-0.022em;
  color:var(--navy-800);
  text-wrap:pretty;
}
.display em{ font-style:italic; color:var(--slate-700); }

.title-xl{
  font-family:"Newsreader", Georgia, serif;
  font-weight:400;
  font-size:clamp(32px, 3.6vw, 52px);
  line-height:1.08; letter-spacing:-0.018em;
  color:var(--navy-800);
}

.title{
  font-family:"Newsreader", Georgia, serif;
  font-weight:400;
  font-size:clamp(24px, 2.2vw, 34px);
  line-height:1.15; letter-spacing:-0.012em;
  color:var(--navy-800);
}

.subtitle{
  font-size:19px; line-height:1.55; color:var(--slate-600);
  max-width:62ch; font-weight:400;
}
.lede{
  font-size:17px; line-height:1.65; color:var(--slate-700);
  max-width:66ch;
}

.smallcaps{
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--slate-500); font-weight:500;
}

.mono-caption{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:11px; letter-spacing:0.04em; color:var(--slate-500);
  text-transform:uppercase;
}

/* ————— section scaffolding ————— */

.section{ padding:96px 0; }
.section-tight{ padding:64px 0; }
.section-header{
  display:grid; grid-template-columns:1fr 2fr; gap:48px;
  padding-bottom:48px; border-bottom:1px solid var(--rule);
  margin-bottom:56px;
}
.section-header .lhs .eyebrow{ margin-bottom:20px; display:flex; }
@media (max-width:860px){
  .section{ padding:64px 0; }
  .section-header{ grid-template-columns:1fr; gap:20px; }
}

/* ————— cards ————— */

.card{
  background:var(--bone-50);
  border:1px solid var(--rule);
  padding:32px;
  position:relative;
  transition:border-color .2s ease, background .2s ease;
}
.card:hover{ border-color:var(--rule-strong); }
.card--accent{
  border-left:2px solid var(--gold);
  padding-left:34px;
}
.card__eyebrow{
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:18px;
  font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:var(--slate-500);
}
.card__eyebrow .num{ color:var(--gold); font-weight:500; }
.card__title{
  font-family:"Newsreader", Georgia, serif;
  font-size:24px; line-height:1.18; letter-spacing:-0.01em;
  color:var(--navy-800); margin-bottom:12px; font-weight:400;
}
.card__meta{
  font-size:12px; color:var(--slate-500); letter-spacing:0.04em;
  margin-bottom:14px;
}
.card__body{ font-size:15px; line-height:1.6; color:var(--slate-700); }

/* ————— stats ————— */

.stat{
  border-top:1px solid var(--rule-strong);
  padding-top:28px;
}
.stat__value{
  font-family:"Newsreader", Georgia, serif;
  font-size:clamp(56px, 7vw, 108px);
  line-height:0.98; letter-spacing:-0.03em;
  color:var(--navy-800); font-weight:400;
}
.stat__label{
  margin-top:14px;
  font-size:13px; line-height:1.5; color:var(--slate-600);
  max-width:26ch;
}
.stat__caption{
  margin-top:8px;
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:10px; letter-spacing:0.1em; color:var(--slate-500);
  text-transform:uppercase;
}

/* ————— two-column comparison ————— */

.cmp{
  display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--rule);
  border:1px solid var(--rule);
}
.cmp__col{ background:var(--bone-50); padding:40px; }
.cmp__head{
  display:flex; align-items:center; gap:12px;
  padding-bottom:20px; margin-bottom:24px;
  border-bottom:1px solid var(--rule);
  font-size:11px; letter-spacing:0.2em; text-transform:uppercase; font-weight:500;
}
.cmp__head.red{ color:var(--red-mark); }
.cmp__head.green{ color:var(--green-mark); }
.cmp__head .sq{ width:10px; height:10px; display:inline-block; }
.cmp__head.red .sq{ background:var(--red-mark); }
.cmp__head.green .sq{ background:var(--green-mark); }
.cmp__list{ list-style:none; margin:0; padding:0; }
.cmp__list li{
  display:grid; grid-template-columns:28px 1fr;
  padding:14px 0;
  border-bottom:1px solid var(--rule);
  font-size:15px; color:var(--navy-800); line-height:1.4;
}
.cmp__list li:last-child{ border-bottom:0; }
.cmp__list li::before{
  content:attr(data-n);
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:10px; color:var(--slate-400); letter-spacing:0.1em;
  padding-top:4px;
}
@media (max-width:860px){ .cmp{ grid-template-columns:1fr; } }

/* ————— methodology grid ————— */

.methods{
  display:grid; grid-template-columns:repeat(3, 1fr);
  border-top:1px solid var(--rule);
  border-left:1px solid var(--rule);
}
.method{
  padding:40px 36px 44px;
  border-right:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
  background:var(--bone-100);
  transition:background .2s ease;
}
.method:hover{ background:var(--bone-50); }
.method__num{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:11px; color:var(--gold); letter-spacing:0.14em;
  margin-bottom:24px;
}
.method__title{
  font-family:"Newsreader", Georgia, serif;
  font-size:22px; line-height:1.2; color:var(--navy-800);
  margin-bottom:12px; letter-spacing:-0.01em; font-weight:400;
}
.method__body{ font-size:14.5px; line-height:1.6; color:var(--slate-600); }
@media (max-width:860px){ .methods{ grid-template-columns:1fr; } }

/* ————— team ————— */

.team-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
  border-top:1px solid var(--rule);
}
.team-item{
  padding:36px 28px 36px 0;
  border-right:1px solid var(--rule);
}
.team-item:last-child{ border-right:0; padding-right:0;}
.team-item:not(:first-child){ padding-left:28px; }
.team-item__head{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:10px; letter-spacing:0.14em; color:var(--gold);
  margin-bottom:18px;
}
.team-item__title{
  font-family:"Newsreader", Georgia, serif;
  font-size:20px; color:var(--navy-800); margin-bottom:14px;
  line-height:1.2; font-weight:400;
}
.team-item__body{ font-size:14px; line-height:1.55; color:var(--slate-600); }
@media (max-width:860px){
  .team-grid{ grid-template-columns:1fr; }
  .team-item{ border-right:0; border-bottom:1px solid var(--rule); padding:28px 0; }
  .team-item:not(:first-child){ padding-left:0; }
}

/* ————— footer ————— */

.footer{
  background:var(--navy-900);
  color:var(--fg-on-dark);
  padding:80px 0 40px;
  margin-top:auto;
}
.footer .brand{ color:var(--fg-on-dark); }
.footer-grid{
  display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:48px; padding-bottom:64px; border-bottom:1px solid rgba(255,255,255,0.08);
}
.footer-col h5{
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--slate-400); margin-bottom:20px; font-weight:500;
}
.footer-col ul{ list-style:none; padding:0; margin:0; }
.footer-col li{ padding:6px 0; }
.footer-col a{ color:var(--slate-300); font-size:14px; }
.footer-col a:hover{ color:var(--gold); }
.footer-bottom{
  display:flex; justify-content:space-between; padding-top:32px;
  color:var(--slate-400); font-size:12px; letter-spacing:0.04em;
}
.footer p.long{
  color:var(--slate-300); font-size:14px; line-height:1.6; max-width:34ch;
  margin-top:18px;
}
@media (max-width:860px){
  .footer-grid{ grid-template-columns:1fr 1fr; gap:32px; }
}

/* ————— pull quote / blockquote ————— */

.pullquote{
  border-top:1px solid var(--rule-strong);
  border-bottom:1px solid var(--rule-strong);
  padding:56px 0;
  margin:56px 0;
}
.pullquote__text{
  font-family:"Newsreader", Georgia, serif;
  font-size:clamp(26px, 2.4vw, 36px);
  line-height:1.25; letter-spacing:-0.015em;
  color:var(--navy-800);
  max-width:28ch;
}
.pullquote__attrib{
  margin-top:24px;
  font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--slate-500);
}

/* ————— article bodies ————— */

.prose p{
  font-size:17px; line-height:1.72; color:var(--slate-700); margin:0 0 20px;
  max-width:70ch;
}
.prose p strong{ color:var(--navy-800); font-weight:500; }
.prose h3{
  font-family:"Newsreader", Georgia, serif;
  font-size:28px; color:var(--navy-800); margin:48px 0 16px;
  letter-spacing:-0.012em; font-weight:400;
}
.prose h4{
  font-size:12px; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--gold); margin:32px 0 12px; font-weight:500;
}
.prose ul{ padding-left:0; list-style:none; margin:12px 0 28px; max-width:68ch; }
.prose ul li{
  padding:10px 0 10px 24px;
  border-bottom:1px solid var(--rule);
  font-size:16px; color:var(--slate-700); line-height:1.5;
  position:relative;
}
.prose ul li::before{
  content:""; position:absolute; left:0; top:20px;
  width:10px; height:1px; background:var(--gold);
}

/* ————— case study hero ————— */

.cs-hero{
  padding:80px 0 64px;
  border-bottom:1px solid var(--rule);
}
.cs-meta{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:32px;
  padding:40px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
  margin-top:48px;
}
.cs-meta__item{}
.cs-meta__k{ font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--slate-500); margin-bottom:8px; }
.cs-meta__v{ font-size:15px; color:var(--navy-800); font-weight:500; }
@media (max-width:860px){ .cs-meta{ grid-template-columns:1fr 1fr; gap:20px; } }

/* ————— timeline ————— */

.timeline{ border-left:1px solid var(--rule-strong); padding-left:32px; margin:32px 0; }
.timeline__item{ padding:14px 0 22px; position:relative; }
.timeline__item::before{
  content:""; position:absolute; left:-37px; top:22px; width:9px; height:9px;
  background:var(--bone-100); border:1px solid var(--navy-800);
}
.timeline__item.gold::before{ background:var(--gold); border-color:var(--gold); }
.timeline__time{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:11px; letter-spacing:0.08em; color:var(--slate-500);
  margin-bottom:6px;
}
.timeline__title{ font-size:16px; color:var(--navy-800); font-weight:500; margin-bottom:6px; }
.timeline__body{ font-size:15px; color:var(--slate-700); line-height:1.55; max-width:60ch; }

/* ————— misc ————— */

.two-col{ display:grid; grid-template-columns:minmax(220px, 280px) minmax(0, 1fr); gap:72px; align-items:start; }
.toc-aside{ position:sticky; top:96px; }
@media (max-width:1040px){
  .two-col{ grid-template-columns:1fr; gap:40px; }
  .toc-aside{ position:static; top:auto; }
}

.related{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
  border-top:1px solid var(--rule);
}
.related__item{
  padding:32px 28px 36px;
  border-right:1px solid var(--rule);
}
.related__item:last-child{ border-right:0; }
.related__eyebrow{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:10px; letter-spacing:0.14em; color:var(--gold); margin-bottom:14px;
}
.related__title{
  font-family:"Newsreader", Georgia, serif;
  font-size:22px; color:var(--navy-800); line-height:1.22;
  margin-bottom:10px; letter-spacing:-0.01em; font-weight:400;
}
.related__body{ font-size:14.5px; color:var(--slate-600); line-height:1.55; }
.related__cta{ margin-top:18px; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:var(--navy-800); border-bottom:1px solid var(--gold); padding-bottom:2px; display:inline-block;}
@media (max-width:860px){ .related{ grid-template-columns:1fr; } .related__item{ border-right:0; border-bottom:1px solid var(--rule); } }

/* ————— disclosure bar ————— */

.disclosure{
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
  background:var(--bone-50);
  padding:14px 0;
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:11px; letter-spacing:0.08em; color:var(--slate-500);
}
.disclosure .row{ display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.disclosure strong{ color:var(--navy-800); font-weight:500; }

/* ————— page header for case studies index ————— */

.crumb{
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:11px; letter-spacing:0.1em; color:var(--slate-500);
  margin-bottom:28px;
}
.crumb a{ color:var(--slate-500); border-bottom:1px solid transparent; }
.crumb a:hover{ color:var(--navy-800); border-bottom-color:var(--gold); }
.crumb .sep{ margin:0 10px; color:var(--rule-strong); }

/* ————— system output + analysis blocks ————— */

.sysout{
  border-left:2px solid var(--navy-800);
  background:var(--bone-50);
  padding:22px 26px 22px 28px;
  margin:28px 0;
  font-family:"JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size:13.5px; line-height:1.65; color:var(--ink);
}
.sysout__head{
  font-family:"Inter Tight", sans-serif;
  font-size:10px; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--slate-500); font-weight:500;
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:12px;
  padding-bottom:10px; border-bottom:1px solid var(--rule);
}
.sysout__head .src{ color:var(--navy-800); letter-spacing:0.12em; }
.sysout p{ margin:0 0 10px; color:var(--slate-700) !important; font-size:13.5px !important; font-family:inherit !important; line-height:1.65 !important; }
.sysout p:last-child{ margin-bottom:0; }
.sysout__cite{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--rule);
  font-family:"Inter Tight", sans-serif;
  font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--slate-500);
}
.sysout__cite a{ color:var(--navy-800); border-bottom:1px solid var(--gold); padding-bottom:1px; }
.sysout__cite a:hover{ color:var(--gold-dark); }

/* ————— tweet embed (dismissal artifact) ————— */
.tweet-embed{
  border:1px solid var(--rule);
  background:var(--bone-50);
  padding:22px 26px;
  margin:32px 0;
  max-width:560px;
  font-family:"Inter Tight", sans-serif;
}
.tweet-embed__head{
  display:flex; align-items:center; gap:12px;
  padding-bottom:12px; margin-bottom:14px;
  border-bottom:1px solid var(--rule);
}
.tweet-embed__avatar{
  width:40px; height:40px; border-radius:50%;
  background:var(--navy-800); color:var(--bone-50);
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:500; letter-spacing:0.02em;
}
.tweet-embed__name{ font-size:14px; font-weight:500; color:var(--ink); }
.tweet-embed__handle{ font-size:12px; color:var(--slate-500); margin-top:2px; }
.tweet-embed__body{
  font-size:15.5px; line-height:1.5; color:var(--ink);
  font-family:"Newsreader", Georgia, serif; font-style:italic;
}
.tweet-embed__meta{
  margin-top:14px; padding-top:12px;
  border-top:1px solid var(--rule);
  font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--slate-500);
  display:flex; justify-content:space-between; align-items:center;
}
.tweet-embed__meta a{ color:var(--navy-800); border-bottom:1px solid var(--gold); padding-bottom:1px; }

.analysis{
  border-left:2px solid var(--gold);
  background:var(--bone-50);
  padding:22px 26px 22px 28px;
  margin:28px 0;
}
.analysis__head{
  font-size:10px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--gold-dark); font-weight:500;
  margin-bottom:12px;
}
.analysis p{ margin:0; color:var(--navy-800) !important; font-size:15.5px !important; line-height:1.6 !important; max-width:none !important; }
.analysis p + p{ margin-top:14px !important; }

/* ————— metric strip (3-col) ————— */

.metric-strip{
  display:grid; grid-template-columns:repeat(3, 1fr);
  border-top:1px solid var(--rule-strong);
  border-bottom:1px solid var(--rule-strong);
  margin:28px 0;
}
.metric-strip .m{
  padding:28px 28px 32px;
  border-right:1px solid var(--rule);
}
.metric-strip .m:last-child{ border-right:0; }
.metric-strip .m__k{ font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; color:var(--gold); margin-bottom:10px; text-transform:uppercase; }
.metric-strip .m__v{ font-family:"Newsreader",Georgia,serif; font-size:44px; line-height:1; color:var(--navy-800); letter-spacing:-0.02em; font-weight:400; }
.metric-strip .m__l{ margin-top:10px; font-size:13px; color:var(--slate-600); line-height:1.5; }
@media (max-width:860px){ .metric-strip{ grid-template-columns:1fr; } .metric-strip .m{ border-right:0; border-bottom:1px solid var(--rule); } }

/* ————— findings box ————— */

.findings{
  background:var(--navy-900); color:var(--fg-on-dark);
  padding:40px 44px;
  margin:36px 0;
}
@media (max-width:640px){ .findings{ padding:28px 24px; } }
.findings__head{
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--gold); font-weight:500; margin-bottom:20px;
}
.prose .findings ul,
.findings ul{ list-style:none; padding:0; margin:0; max-width:none; }
.prose .findings ul li,
.findings li{
  display:flex; gap:16px; align-items:baseline;
  padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.08);
  font-size:15px; color:var(--fg-on-dark); line-height:1.55;
}
.prose .findings ul li:last-child,
.findings li:last-child{ border-bottom:0; }
.prose .findings ul li::before,
.findings li::before{
  content:attr(data-n);
  flex:0 0 32px;
  position:static; width:auto; height:auto; background:transparent;
  font-family:"JetBrains Mono",monospace; font-size:10px;
  color:var(--gold); letter-spacing:0.1em; padding-top:4px;
}

/* ————— buttons / links ————— */

.link-arrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--navy-800); font-weight:500;
  border-bottom:1px solid var(--gold); padding-bottom:4px;
  transition:gap .2s ease;
}
.link-arrow:hover{ gap:14px; }
.link-arrow .arw{ font-family:"JetBrains Mono", monospace; color:var(--gold); }

/* ————— cascade stage markers + evidence figures ————— */

.stage{
  display:grid; grid-template-columns:88px 1fr; gap:28px;
  padding:36px 0 8px;
  border-top:1px solid var(--rule);
  margin-top:32px;
}
.stage:first-of-type{ border-top:0; padding-top:12px; }
.stage__num{
  font-family:"JetBrains Mono", monospace;
  font-size:11px; letter-spacing:0.14em; color:var(--gold);
  padding-top:6px;
}
.stage__num .big{
  display:block; font-family:"Newsreader", Georgia, serif;
  font-size:40px; line-height:1; color:var(--navy-800);
  letter-spacing:-0.02em; margin-top:4px;
}
.stage__body h4{
  /* override prose h4 gold styling — stage titles are larger */
  font-family:"Inter Tight", sans-serif !important;
  font-size:20px !important; letter-spacing:0 !important;
  text-transform:none !important; color:var(--ink) !important;
  font-weight:500 !important; margin:0 0 14px !important;
}
.stage__body > p:first-of-type{ margin-top:0; }

/* evidence figure: screenshot + caption */
.evidence{
  margin:24px 0 8px;
  border:1px solid var(--rule);
  background:var(--bone-50);
  padding:10px;
}
.evidence--dark{ background:#141418; border-color:#2a2a30; padding:10px; }
.evidence img{
  display:block; width:100%; height:auto;
  max-width:680px; margin:0 auto;
}
.evidence__cap{
  margin-top:14px; padding-top:12px;
  border-top:1px solid var(--rule);
  font-family:"JetBrains Mono", monospace;
  font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--slate-500);
  display:flex; justify-content:space-between; align-items:baseline;
  gap:20px; flex-wrap:wrap;
}
.evidence--dark .evidence__cap{ border-top-color:#2a2a30; color:#9a9aa8; }
.evidence__cap a{ color:var(--navy-800); border-bottom:1px solid var(--gold); padding-bottom:1px; }
.evidence--dark .evidence__cap a{ color:var(--fg-on-dark); }

/* triptych / strip of 2-3 screenshots side by side */
.evidence-strip{
  display:grid; gap:10px;
  margin:24px 0 8px;
  padding:10px;
  border:1px solid var(--rule);
  background:var(--bone-50);
}
.evidence-strip--2{ grid-template-columns:1fr 1fr; }
.evidence-strip--3{ grid-template-columns:1fr 1fr 1fr; }
.evidence-strip--dark{ background:#141418; border-color:#2a2a30; }
.evidence-strip img{ display:block; width:100%; height:auto; }
.evidence-strip__cap{
  grid-column:1/-1;
  margin-top:4px; padding-top:12px;
  border-top:1px solid var(--rule);
  font-family:"JetBrains Mono", monospace;
  font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--slate-500);
  display:flex; justify-content:space-between; align-items:baseline;
  gap:20px; flex-wrap:wrap;
}
.evidence-strip--dark .evidence-strip__cap{ border-top-color:#2a2a30; color:#9a9aa8; }
.evidence-strip__cap a{ color:var(--navy-800); border-bottom:1px solid var(--gold); padding-bottom:1px; }
.evidence-strip--dark .evidence-strip__cap a{ color:var(--fg-on-dark); }

@media (max-width:720px){
  .stage{ grid-template-columns:1fr; gap:14px; }
  .stage__num{ padding-top:0; }
  .evidence-strip--2, .evidence-strip--3{ grid-template-columns:1fr; }
}

/* incident header for agentic section */
.incident{
  display:grid; grid-template-columns:140px 1fr; gap:28px;
  padding:32px 0 8px;
  border-top:1px solid var(--rule);
  margin-top:32px;
}
.incident:first-of-type{ border-top:0; padding-top:8px; margin-top:0; }
.incident__meta{
  font-family:"JetBrains Mono", monospace;
  font-size:11px; letter-spacing:0.1em; color:var(--gold);
  text-transform:uppercase; padding-top:4px; line-height:1.6;
}
.incident__meta .dot{ display:block; color:var(--slate-500); margin-top:8px; font-size:10px; letter-spacing:0.14em; }
.incident__body h4{
  font-family:"Inter Tight", sans-serif !important;
  font-size:20px !important; letter-spacing:0 !important;
  text-transform:none !important; color:var(--ink) !important;
  font-weight:500 !important; margin:0 0 14px !important;
}
.incident__body > p:first-of-type{ margin-top:0; }
@media (max-width:720px){
  .incident{ grid-template-columns:1fr; gap:14px; }
  .incident__meta{ padding-top:0; }
}