/* NTW Dedicated Chapters — layered on top of the R5 visual system */
:root{--chapter-max:1440px}
.chapter-hero{min-height:100svh;padding:130px 6vw 80px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:var(--green);color:var(--cream)}
.chapter-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(241,224,189,.18) 0 1.1px,transparent 1.2px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);opacity:.72;animation:chapterDots 18s linear infinite}@keyframes chapterDots{to{background-position:28px 28px}}
.chapter-hero-inner{width:min(var(--chapter-max),100%);position:relative;z-index:2}.chapter-kicker{display:flex;justify-content:space-between;border-bottom:1px solid rgba(241,224,189,.3);padding-bottom:12px;font-size:10px;font-weight:800;letter-spacing:.12em}.chapter-number{font:800 clamp(140px,20vw,320px)/.68 var(--display);color:rgba(216,157,78,.22);position:absolute;right:0;top:30px;pointer-events:none}.chapter-hero h1{font:800 clamp(92px,13vw,220px)/.76 var(--display);letter-spacing:-.04em;margin:110px 0 30px;text-transform:uppercase;max-width:1000px}.chapter-hero h1 span{color:var(--gold)}.chapter-deck{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.chapter-deck p{font-size:clamp(16px,1.5vw,21px);max-width:720px}.chapter-meta{border-left:6px solid var(--rust);padding-left:18px;font-size:10px;letter-spacing:.12em;line-height:1.8}
.chapter-section{padding:110px 6vw;max-width:calc(var(--chapter-max) + 12vw);margin:auto}.chapter-section.full{max-width:none}.section-green{background:var(--green);color:var(--cream)}.section-paper{background:var(--paper);color:var(--ink)}.section-ink{background:var(--ink);color:var(--paper)}
.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.editorial-grid h2,.lab-heading{font:800 clamp(72px,9vw,150px)/.77 var(--display);letter-spacing:-.04em;margin:0}.editorial-grid h2 span,.lab-heading span{color:var(--rust)}.lead-copy{font-size:clamp(17px,1.6vw,22px);line-height:1.65;max-width:700px}.reading-copy{font-size:14px;line-height:1.85;max-width:660px}.reading-copy p{margin:0 0 22px}.pullquote{font:700 clamp(34px,4.4vw,66px)/.9 var(--display);margin:42px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:25px 0}.source-line{font-size:9px;letter-spacing:.11em;opacity:.65}
.system-board{border:1px solid currentColor;padding:34px;position:relative;overflow:hidden;margin-top:60px}.system-board::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(216,157,78,.12),transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,68,5,.06),transparent 28%)}.system-board-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:12px;position:relative;z-index:1}.system-map{position:relative;min-height:520px;margin-top:30px;z-index:1}.system-node{position:absolute;border:1px solid currentColor;padding:15px 18px;background:rgba(245,241,232,.02);backdrop-filter:blur(2px);font:800 11px var(--mono);letter-spacing:.08em}.system-node strong{display:block;font:800 40px/.8 var(--display);margin-top:8px}.system-node.a{left:5%;top:8%}.system-node.b{left:31%;top:38%}.system-node.c{left:56%;top:16%}.system-node.d{left:74%;top:52%}.system-node.e{left:32%;top:72%}.system-node.f{left:74%;top:78%}.system-node.g{left:72%;top:12%}.system-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.system-svg path{stroke:var(--gold);stroke-width:1.4;fill:none;stroke-dasharray:6 8;animation:dash 13s linear infinite}@keyframes dash{to{stroke-dashoffset:-160}}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:50px}.fact-card{border:1px solid currentColor;padding:24px;min-height:220px;position:relative}.fact-card::before{content:"";position:absolute;top:-1px;left:-1px;width:40px;height:3px;background:var(--signal)}.fact-card span{font-size:9px;letter-spacing:.12em;opacity:.6}.fact-card strong{display:block;font:800 42px/.8 var(--display);margin:42px 0 16px}.fact-card p{font-size:11px;line-height:1.7}
.lab-shell{border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-top:60px}.lab-top{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:22px 0}.lab-top h3{font:800 clamp(46px,6vw,88px)/.82 var(--display);margin:0}.lab-top p{font-size:10px;max-width:420px;opacity:.7}.quiz-shell{padding:34px 0}.quiz-progress-line{height:5px;background:rgba(20,20,15,.12);margin:0 0 35px}.quiz-progress-line span{display:block;height:100%;background:var(--signal);transition:width .4s}.quiz-kicker{font-size:9px;letter-spacing:.13em;color:var(--rust);font-weight:800}.quiz-shell h4{font:800 clamp(46px,6vw,100px)/.82 var(--display);margin:16px 0 26px;max-width:1000px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quiz-options button{border:1px solid currentColor;background:transparent;padding:20px;text-align:left;font:700 13px/1.45 var(--mono);min-height:92px;cursor:pointer}.quiz-options button:hover{background:var(--gold);color:var(--ink)}.quiz-feedback{margin-top:24px;border-left:5px solid var(--rust);padding:16px 18px;background:rgba(216,157,78,.08)}.quiz-feedback strong{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:8px}.quiz-result{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;padding:45px 0}.score-big{font:800 clamp(120px,18vw,260px)/.67 var(--display);color:var(--rust)}.score-big span{font-size:.25em;color:var(--ink)}.result-copy h4{margin:0 0 18px;font:800 clamp(50px,6vw,90px)/.8 var(--display)}.result-bars{margin-top:25px}.result-bars div{display:grid;grid-template-columns:150px 1fr 50px;gap:12px;align-items:center;margin:9px 0;font-size:9px}.result-bars i{height:7px;background:rgba(20,20,15,.12);display:block}.result-bars i b{display:block;height:100%;background:var(--rust)}
.interaction-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;margin-top:60px}.panel{border:1px solid currentColor;padding:26px}.panel h3{font:800 44px/.83 var(--display);margin:22px 0 18px}.panel p{font-size:12px;line-height:1.75}.chain-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chain-buttons button{border:1px solid currentColor;background:transparent;color:inherit;padding:18px 14px;min-height:100px;text-align:left;cursor:pointer}.chain-buttons button.active,.chain-buttons button:hover{background:var(--green);color:var(--cream)}.chain-detail{margin-top:16px;border-top:1px solid currentColor;padding-top:20px}.chain-detail .stage-num{font:800 60px/.75 var(--display);color:var(--rust)}.chain-detail h3{font:800 clamp(42px,5vw,75px)/.8 var(--display)}.lens-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:24px}.lens{border:1px solid currentColor;padding:18px;cursor:pointer}.lens.active{background:var(--gold);color:var(--ink)}.lens strong{font:800 24px/.85 var(--display);display:block;margin-bottom:8px}
.signal-board{border:1px solid currentColor;padding:30px;margin-top:55px}.message-box{background:#efe7d7;border:1px solid var(--ink);color:var(--ink);padding:28px;max-width:800px;margin:20px auto 0}.message-head{display:flex;justify-content:space-between;font-size:9px;border-bottom:1px solid var(--ink);padding-bottom:10px}.message-body{font:700 clamp(36px,5vw,72px)/.86 var(--display);margin-top:35px}.signal-token{appearance:none;border:0;border-bottom:3px solid var(--rust);background:transparent;color:inherit;font:inherit;cursor:pointer}.signal-token.found{background:var(--gold)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:26px}.signal-grid article{border:1px solid currentColor;padding:16px;min-height:180px}.signal-grid span{font:800 9px var(--mono);letter-spacing:.12em;color:var(--rust)}.signal-grid h4{font:800 30px/.86 var(--display);margin:30px 0 12px}.signal-progress{height:5px;background:rgba(20,20,15,.12);margin:22px 0}.signal-progress span{display:block;height:100%;background:var(--rust);transition:width .35s}
.commit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:50px}.commit{border:1px solid currentColor;background:transparent;color:inherit;padding:24px;text-align:left;cursor:pointer;min-height:170px}.commit.selected{background:var(--green);color:var(--cream)}.commit strong{display:block;font:800 36px/.84 var(--display);margin-top:34px}.commit small{display:block;margin-top:12px;font-size:10px;opacity:.68}.tree-section{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:stretch;margin-top:55px}.tree-wrap{border:1px solid currentColor;min-height:500px;position:relative}.tree-wrap canvas{width:100%;height:100%;display:block}.tree-copy{align-self:center}.tree-count{font:800 clamp(100px,14vw,210px)/.68 var(--display);color:var(--rust)}
.chapter-footer{padding:80px 6vw;border-top:1px solid rgba(245,241,232,.2);background:var(--ink);color:var(--paper)}.chapter-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:end}.chapter-footer h2{font:800 clamp(70px,10vw,160px)/.75 var(--display);margin:0}.tiny-orange{color:var(--signal)}
.back-band{padding:22px 6vw;background:var(--paper2);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);font-size:9px;letter-spacing:.11em}.back-band a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:900px){.chapter-deck,.editorial-grid,.interaction-grid,.tree-section,.quiz-result{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}.system-map{min-height:460px}.chain-buttons{grid-template-columns:1fr 1fr}.signal-grid{grid-template-columns:1fr 1fr}.chapter-number{top:120px;right:-30px}.chapter-footer-inner{display:block}.chapter-footer h2{margin-bottom:25px}.chapter-hero h1{margin-top:90px}}
@media(max-width:560px){.chapter-hero{padding:110px 6vw 60px}.chapter-kicker{font-size:8px}.fact-grid,.quiz-options,.lens-grid,.commit-grid,.signal-grid{grid-template-columns:1fr}.system-board{padding:18px}.system-map{min-height:520px}.system-node{padding:10px 11px;font-size:8px}.system-node strong{font-size:30px}.result-bars div{grid-template-columns:100px 1fr 35px}.tree-wrap{min-height:420px}.chapter-footer h2{font-size:74px}}

/* NTW-R7 visual refinement */
.site-nav{grid-template-columns:1fr 1fr 1fr;position:fixed}
.site-nav .nav-campaign{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
.nav-brand .brand-mark{position:relative}.nav-brand .brand-mark::after{content:"";width:4px;height:4px;background:var(--signal);border-radius:50%;position:absolute;right:-6px;top:-4px}
.chapter-hero .botanical{position:absolute;z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.10));will-change:transform;animation:chapterLeafFloat 8s ease-in-out infinite}
.chapter-hero .botanical::before,.chapter-hero .botanical::after{display:none}
.chapter-hero .botanical-a{left:-18px;bottom:-76px;width:300px;height:400px;transform:rotate(-13deg);background-image:url("../assets/botanicals/leaf-green.svg");animation-delay:-2s}
.chapter-hero .botanical-b{right:-34px;top:-70px;width:285px;height:370px;transform:rotate(11deg);background-image:url("../assets/botanicals/leaf-gold.svg");animation-delay:-4.5s}
@keyframes chapterLeafFloat{0%,100%{translate:0 0 rotate(0deg)}50%{translate:6px -10px rotate(1deg)}}
@media(max-width:900px){.site-nav{grid-template-columns:auto 1fr auto}.site-nav .nav-campaign{position:static;transform:none;justify-self:center}.nav-links{gap:7px}}
@media(max-width:560px){.site-nav{height:48px;padding:0 10px;font-size:8px}.nav-campaign{font-size:7px}.site-nav .nav-links a:nth-child(n+3){display:none}.chapter-hero .botanical-a{width:220px;height:290px;left:-42px}.chapter-hero .botanical-b{width:210px;height:270px;right:-52px}}

/* =========================================================
   NTW-R8 SURGICAL REFINEMENT
   DAY 01 / 02 / 03 / 04
   ========================================================= */

/* 01 — Larger professional navbar typography */
.site-nav{
  font-size:clamp(11px,.62vw,12px);
  letter-spacing:.075em;
}

.site-nav .nav-brand{
  font-size:inherit;
}

.site-nav .nav-campaign{
  font-size:clamp(10.5px,.60vw,12px);
  letter-spacing:.095em;
}

.site-nav .nav-links{
  font-size:clamp(10.5px,.58vw,11.5px);
  letter-spacing:.08em;
}

.site-nav .brand-mark{
  padding:2px 6px;
}


/* 02 — Center the chapter hero vertically.
      This moves the headline group into the middle
      of the viewport directly below the navbar. */
.chapter-hero{
  align-items:center;
  padding-top:82px;
  padding-bottom:62px;
}

.chapter-hero h1{
  margin-top:58px;
  margin-bottom:30px;
}


/* Preserve the centered composition on mobile */
@media(max-width:900px){
  .chapter-hero{
    align-items:center;
  }

  .chapter-hero h1{
    margin-top:58px;
  }
}

@media(max-width:560px){
  .chapter-hero{
    padding-top:80px;
    padding-bottom:58px;
  }

  .chapter-hero h1{
    margin-top:52px;
  }
}

/* =========================================================
   NTW POSITION REFINEMENT
   HERO CONTENT ONLY — DO NOT ALTER OTHER COMPONENTS
   ========================================================= */

.chapter-hero{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;

  /* lift the composition upward */
  padding-top:0 !important;
  padding-bottom:9vh !important;
}

/* Center only the actual hero content block */
.chapter-hero > *{
  margin-left:auto !important;
  margin-right:auto !important;
}

.chapter-hero h1{
  margin-top:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Description / supporting copy follows the centered title */
.chapter-hero p{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* The small orange editorial callout also stays centered
   rather than remaining stranded toward the left */
.chapter-hero .chapter-callout,
.chapter-hero .hero-callout{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Preserve the large, premium composition while lifting it */
@media (min-width:901px){
  .chapter-hero{
    transform:translateY(-6vh);
  }
}

@media (max-width:900px){
  .chapter-hero{
    transform:translateY(-3vh);
  }
}

@media (max-width:560px){
  .chapter-hero{
    transform:translateY(-1.5vh);
  }
}

/* =========================================================
   NTW — HERO ALIGNMENT PASS
   DAY 01 / DAY 02 / DAY 03 / DAY 04
   HERO ONLY — DO NOT CHANGE LOWER SECTIONS
   ========================================================= */

/* Keep the hero composition centered as one visual unit */
.chapter-hero{
  align-items:center !important;
  justify-content:center !important;
  padding-top:0 !important;
  padding-bottom:11vh !important;
}

/* Center the inner composition */
.chapter-hero-inner{
  width:min(1440px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* Metadata rule stays full width exactly as before */
.chapter-kicker{
  width:100%;
  flex:0 0 auto;
}

/* Headline gets the full visual center */
.chapter-hero h1{
  width:100%;
  max-width:1100px !important;
  margin:62px auto 24px !important;
  text-align:center;
  position:relative;
  z-index:3;
}

/* Supporting content becomes a centered composition
   rather than the old wide 1.25 / .75 layout */
.chapter-deck{
  width:min(980px,100%);
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:54px !important;
  align-items:center !important;
  margin:0 auto !important;
  text-align:center;
}

/* Description centered beneath the headline */
.chapter-deck p{
  max-width:620px !important;
  margin:0 auto !important;
  text-align:center;
}

/* Editorial callout stays as a defined block,
   but is centered within its own column */
.chapter-meta{
  width:max-content;
  max-width:100%;
  margin:0 auto !important;
  text-align:left;
  position:relative;
  z-index:3;
}

/* Move the large day number farther away from the headline */
.chapter-number{
  right:2.5vw !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:1 !important;
  pointer-events:none;
}

/* Lift the complete composition slightly */
@media(min-width:901px){
  .chapter-hero{
    transform:translateY(-8vh) !important;
  }
}

/* Tablet */
@media(max-width:900px){
  .chapter-hero{
    transform:translateY(-4vh) !important;
    padding-bottom:7vh !important;
  }

  .chapter-hero h1{
    max-width:900px !important;
    margin-top:54px !important;
  }

  .chapter-deck{
    width:min(760px,100%);
    grid-template-columns:1fr 1fr !important;
    gap:32px !important;
  }

  .chapter-number{
    right:-10px !important;
    top:52% !important;
  }
}

/* Mobile */
@media(max-width:560px){
  .chapter-hero{
    transform:translateY(-2vh) !important;
    padding-top:0 !important;
    padding-bottom:5vh !important;
  }

  .chapter-hero h1{
    margin-top:48px !important;
    margin-bottom:22px !important;
  }

  .chapter-deck{
    width:100%;
    grid-template-columns:1fr !important;
    gap:26px !important;
  }

  .chapter-deck p{
    max-width:560px !important;
  }

  .chapter-meta{
    width:auto;
    text-align:center;
  }

  .chapter-number{
    right:-28px !important;
    top:51% !important;
    opacity:.65;
  }
}


/* =========================================================
   NTW — FINAL HERO MICRO-ALIGNMENT
   ONLY: GHOST NUMBER + HERO SUPPORTING TEXT
   ========================================================= */

/* Keep the ghost day number anchored to the bottom-right
   of the full hero instead of sitting behind the headline. */
.chapter-hero-inner{
  min-height:100%;
}

.chapter-number{
  top:auto !important;
  bottom:4vh !important;
  right:0 !important;
  transform:none !important;
  z-index:1 !important;
}

/* Increase only the supporting hero copy.
   Headline remains completely untouched. */
.chapter-deck p{
  font-size:clamp(18px,1.65vw,24px) !important;
  line-height:1.52 !important;
}

/* Keep the editorial callout visually balanced. */
.chapter-meta{
  font-size:11px !important;
}

/* Mobile: keep the number low without letting it collide
   with the supporting copy. */
@media(max-width:900px){
  .chapter-number{
    bottom:3vh !important;
    right:-10px !important;
  }

  .chapter-deck p{
    font-size:clamp(17px,2.5vw,21px) !important;
  }
}

@media(max-width:560px){
  .chapter-number{
    bottom:2vh !important;
    right:-22px !important;
  }

  .chapter-deck p{
    font-size:18px !important;
    line-height:1.5 !important;
  }

  .chapter-meta{
    font-size:9px !important;
  }
}


/* =========================================================
   NTW — DAY 02 ONLY
   FINAL HERO POSITION FIX
   ========================================================= */

/* Make the HERO itself the positioning context.
   This is the critical fix for the ghost "02". */
body[data-day="2"] .chapter-hero-inner{
  position:static !important;
}

/* Move the ghost 02 to the bottom-right of the HERO.
   Remove the old top/center transform completely. */
body[data-day="2"] .chapter-number{
  position:absolute !important;
  top:auto !important;
  right:4vw !important;
  bottom:4vh !important;
  transform:none !important;
  z-index:1 !important;
  pointer-events:none;
}

/* Give ONLY the Day 02 supporting text more presence.
   Headline remains untouched. */
body[data-day="2"] .chapter-deck p{
  font-size:clamp(19px,1.7vw,25px) !important;
  line-height:1.52 !important;
  max-width:620px !important;
}

/* Keep the Day 02 text composition centered */
body[data-day="2"] .chapter-deck{
  align-items:center !important;
}

body[data-day="2"] .chapter-deck p{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Keep the callout visually balanced without changing
   its existing design. */
body[data-day="2"] .chapter-meta{
  align-self:center !important;
}

/* Desktop */
@media (min-width:901px){

  body[data-day="2"] .chapter-number{
    right:4.5vw !important;
    bottom:3.5vh !important;
  }

  body[data-day="2"] .chapter-deck{
    grid-template-columns:1fr 1fr !important;
  }

}

/* Tablet */
@media (max-width:900px){

  body[data-day="2"] .chapter-number{
    right:3vw !important;
    bottom:3vh !important;
  }

  body[data-day="2"] .chapter-deck p{
    font-size:clamp(18px,2.5vw,22px) !important;
  }

}

/* Mobile */
@media (max-width:560px){

  body[data-day="2"] .chapter-number{
    right:2vw !important;
    bottom:2vh !important;
    opacity:.55;
  }

  body[data-day="2"] .chapter-deck{
    grid-template-columns:1fr !important;
  }

  body[data-day="2"] .chapter-deck p{
    font-size:18px !important;
    line-height:1.5 !important;
  }

}

/* =========================================================
   NTW — DAY 02 ONLY
   MOVE GHOST "02" BESIDE THE EDITORIAL CALLOUT
   ========================================================= */

body[data-day="2"] .chapter-number{
  position:absolute !important;

  /* remove previous bottom/right anchoring */
  top:50% !important;
  bottom:auto !important;
  right:auto !important;
  left:calc(50% + 150px) !important;

  transform:translateY(-4%) !important;

  z-index:1 !important;
  pointer-events:none !important;
}

/* Keep the callout above the ghost number */
body[data-day="2"] .chapter-meta{
  position:relative !important;
  z-index:4 !important;
}

/* Desktop: place 02 immediately beside the callout */
@media (min-width:1100px){
  body[data-day="2"] .chapter-number{
    left:calc(50% + 145px) !important;
    top:56% !important;
  }
}

/* Tablet */
@media (max-width:1099px) and (min-width:561px){
  body[data-day="2"] .chapter-number{
    left:calc(50% + 105px) !important;
    top:57% !important;
    opacity:.52;
  }
}

/* Mobile */
@media (max-width:560px){
  body[data-day="2"] .chapter-number{
    left:auto !important;
    right:5% !important;
    top:62% !important;
    transform:none !important;
    opacity:.42;
  }
}


/* =========================================================
   NTW — DAY 01 EXPANSION / PASS 1
   Existing palette and design language only.
   ========================================================= */

body[data-day="1"] .day01-editorial{
  position:relative;
}

body[data-day="1"] .day01-section-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:9vw;
  align-items:end;
  margin-bottom:55px;
}

body[data-day="1"] .day01-section-head h2{
  font:800 clamp(72px,9vw,150px)/.77 var(--display);
  letter-spacing:-.04em;
  margin:0;
}

body[data-day="1"] .day01-section-head h2 span{
  color:var(--rust);
}

body[data-day="1"] .day01-section-head > p{
  font-size:clamp(15px,1.3vw,19px);
  line-height:1.7;
  max-width:560px;
}

body[data-day="1"] .day01-comparison{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:70px;
}

body[data-day="1"] .day01-comparison > div{
  border:1px solid currentColor;
  padding:28px;
  min-height:230px;
}

body[data-day="1"] .day01-comparison span,
body[data-day="1"] .day01-guide-grid span{
  display:block;
  font-size:9px;
  letter-spacing:.14em;
  opacity:.65;
}

body[data-day="1"] .day01-comparison strong{
  display:block;
  font:800 clamp(42px,5vw,80px)/.82 var(--display);
  margin:45px 0 18px;
}

body[data-day="1"] .day01-comparison p{
  max-width:420px;
  line-height:1.65;
}

/* SYSTEM MAP */

body[data-day="1"] .day01-system-map{
  position:relative;
  min-height:620px;
  margin-top:70px;
  border:1px solid rgba(241,224,189,.35);
  background:
    radial-gradient(circle at center,
      rgba(216,157,78,.13),
      transparent 34%),
    linear-gradient(
      rgba(241,224,189,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(241,224,189,.055) 1px,
      transparent 1px
    );
  background-size:auto,44px 44px,44px 44px;
  overflow:hidden;
}

body[data-day="1"] .day01-system-map::before,
body[data-day="1"] .day01-system-map::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:rgba(241,224,189,.2);
  transform:translate(-50%,-50%);
  pointer-events:none;
}

body[data-day="1"] .day01-system-map::before{
  width:70%;
  height:1px;
}

body[data-day="1"] .day01-system-map::after{
  width:1px;
  height:70%;
}

body[data-day="1"] .day01-system-map button{
  position:absolute;
  z-index:3;
  width:170px;
  min-height:100px;
  padding:16px;
  border:1px solid rgba(241,224,189,.35);
  background:rgba(30,74,70,.82);
  color:var(--cream);
  text-align:left;
  cursor:pointer;
  transition:.25s ease;
}

body[data-day="1"] .day01-system-map button:hover,
body[data-day="1"] .day01-system-map button.active{
  background:var(--gold);
  color:var(--ink);
  transform:translateY(-4px);
}

body[data-day="1"] .day01-system-map button small{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  opacity:.65;
}

body[data-day="1"] .day01-system-map button strong{
  display:block;
  font:800 32px/.85 var(--display);
  margin:18px 0 10px;
}

body[data-day="1"] .day01-system-map button span{
  font-size:8px;
  letter-spacing:.13em;
}

body[data-day="1"] .day01-system-map button:nth-child(1){left:9%;top:16%}
body[data-day="1"] .day01-system-map button:nth-child(2){right:9%;top:17%}
body[data-day="1"] .day01-system-map button:nth-child(3){left:8%;bottom:17%}
body[data-day="1"] .day01-system-map button:nth-child(4){right:8%;bottom:17%}
body[data-day="1"] .day01-system-map button:nth-child(5){left:38%;top:8%}
body[data-day="1"] .day01-system-map button:nth-child(6){right:38%;bottom:7%}

body[data-day="1"] .day01-system-core{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:190px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid var(--gold);
  border-radius:50%;
  background:var(--ink);
  color:var(--cream);
  font:800 34px/.82 var(--display);
}

body[data-day="1"] .day01-system-detail{
  margin-top:7px;
  padding:32px;
  border:1px solid currentColor;
}

body[data-day="1"] .day01-system-detail h3{
  font:800 clamp(52px,7vw,100px)/.8 var(--display);
  margin:12px 0 16px;
}

body[data-day="1"] .day01-system-detail p{
  max-width:760px;
  font-size:16px;
  line-height:1.7;
}

/* FAILURE LAB */

body[data-day="1"] .day01-failure-lab{
  margin-top:60px;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
}

body[data-day="1"] .day01-failure-controls{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  padding:26px 0;
}

body[data-day="1"] .day01-failure-controls button{
  min-height:78px;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  font:800 12px var(--mono);
  letter-spacing:.06em;
  cursor:pointer;
  transition:.2s ease;
}

body[data-day="1"] .day01-failure-controls button:hover{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-health{
  padding:45px 0;
}

body[data-day="1"] .day01-health-header{
  display:flex;
  align-items:end;
  justify-content:space-between;
}

body[data-day="1"] .day01-health-header span{
  font-size:9px;
  letter-spacing:.13em;
}

body[data-day="1"] .day01-health-header strong{
  font:800 clamp(60px,8vw,110px)/.75 var(--display);
  color:var(--rust);
}

body[data-day="1"] .day01-health-bar{
  height:12px;
  margin:18px 0 45px;
  background:rgba(20,20,15,.1);
}

body[data-day="1"] .day01-health-bar span{
  display:block;
  width:100%;
  height:100%;
  background:var(--rust);
  transition:width .5s ease;
}

body[data-day="1"] .day01-network{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}

body[data-day="1"] .day01-network span{
  min-height:110px;
  padding:18px;
  border:1px solid currentColor;
  display:flex;
  align-items:flex-end;
  font:800 30px/.85 var(--display);
  transition:.3s ease;
}

body[data-day="1"] .day01-network .stressed{
  background:rgba(216,157,78,.15);
}

body[data-day="1"] .day01-network .failed{
  background:var(--rust);
  color:var(--paper);
}

body[data-day="1"] .day01-failure-feedback{
  padding:25px 0;
  border-top:1px solid currentColor;
}

body[data-day="1"] .day01-failure-feedback strong{
  font-size:10px;
  letter-spacing:.13em;
}

body[data-day="1"] .day01-failure-feedback p{
  font-size:16px;
  line-height:1.65;
  margin:10px 0;
}

body[data-day="1"] .day01-failure-feedback span{
  font-size:9px;
  letter-spacing:.1em;
  opacity:.65;
}

/* FIELD GUIDE */

body[data-day="1"] .day01-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:55px;
}

body[data-day="1"] .day01-guide-grid button{
  min-height:190px;
  padding:24px;
  border:1px solid rgba(241,224,189,.35);
  background:transparent;
  color:var(--cream);
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}

body[data-day="1"] .day01-guide-grid button:hover,
body[data-day="1"] .day01-guide-grid button.active{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-guide-grid strong{
  display:block;
  font:800 50px/.82 var(--display);
  margin:38px 0 12px;
}

body[data-day="1"] .day01-guide-grid small{
  font-size:10px;
  letter-spacing:.08em;
}

body[data-day="1"] .day01-guide-detail{
  margin-top:7px;
  padding:38px;
  border:1px solid rgba(241,224,189,.35);
  background:rgba(20,20,15,.16);
}

body[data-day="1"] .day01-guide-detail h3{
  font:800 clamp(52px,7vw,110px)/.8 var(--display);
  margin:12px 0 18px;
}

body[data-day="1"] .day01-guide-detail p{
  max-width:780px;
  font-size:17px;
  line-height:1.7;
}

body[data-day="1"] .day01-guide-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:35px;
}

body[data-day="1"] .day01-guide-columns > div{
  padding:22px;
  border:1px solid rgba(241,224,189,.25);
}

body[data-day="1"] .day01-guide-columns span{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  opacity:.6;
  margin-bottom:12px;
}

body[data-day="1"] .day01-guide-columns strong{
  font:800 28px/.9 var(--display);
}

/* responsive */
@media(max-width:900px){
  body[data-day="1"] .day01-section-head{
    grid-template-columns:1fr;
    gap:30px;
  }

  body[data-day="1"] .day01-system-map{
    min-height:570px;
  }

  body[data-day="1"] .day01-system-map button{
    width:145px;
  }

  body[data-day="1"] .day01-failure-controls{
    grid-template-columns:1fr 1fr;
  }

  body[data-day="1"] .day01-network{
    grid-template-columns:1fr 1fr;
  }

  body[data-day="1"] .day01-guide-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  body[data-day="1"] .day01-comparison,
  body[data-day="1"] .day01-guide-grid,
  body[data-day="1"] .day01-guide-columns{
    grid-template-columns:1fr;
  }

  body[data-day="1"] .day01-system-map{
    min-height:700px;
  }

  body[data-day="1"] .day01-system-map button{
    width:130px;
  }

  body[data-day="1"] .day01-system-map button:nth-child(1){left:3%;top:10%}
  body[data-day="1"] .day01-system-map button:nth-child(2){right:3%;top:10%}
  body[data-day="1"] .day01-system-map button:nth-child(3){left:3%;top:34%;bottom:auto}
  body[data-day="1"] .day01-system-map button:nth-child(4){right:3%;top:34%;bottom:auto}
  body[data-day="1"] .day01-system-map button:nth-child(5){left:3%;bottom:10%;top:auto}
  body[data-day="1"] .day01-system-map button:nth-child(6){right:3%;bottom:10%;top:auto}

  body[data-day="1"] .day01-system-core{
    width:160px;
    height:160px;
    font-size:28px;
  }

  body[data-day="1"] .day01-failure-controls{
    grid-template-columns:1fr;
  }

  body[data-day="1"] .day01-network{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   NTW — DAY 01 PASS 2
   ========================================================= */

body[data-day="1"] .day01-human-stage{
  display:grid;
  grid-template-columns:.22fr 1.4fr .9fr;
  gap:7px;
  margin-top:60px;
}

body[data-day="1"] .day01-human-index,
body[data-day="1"] .day01-human-message,
body[data-day="1"] .day01-human-result{
  border:1px solid currentColor;
  padding:28px;
}

body[data-day="1"] .day01-human-index{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

body[data-day="1"] .day01-human-index span,
body[data-day="1"] .day01-human-index small{
  font-size:9px;
  letter-spacing:.12em;
}

body[data-day="1"] .day01-human-index strong{
  font:800 clamp(72px,9vw,140px)/.72 var(--display);
  color:var(--rust);
}

body[data-day="1"] .day01-message-top{
  display:flex;
  justify-content:space-between;
  font-size:9px;
  letter-spacing:.1em;
  padding-bottom:18px;
  border-bottom:1px solid currentColor;
}

body[data-day="1"] .day01-message-body{
  min-height:260px;
  display:flex;
  align-items:center;
  font:800 clamp(32px,4vw,64px)/.95 var(--display);
  margin:25px 0;
}

body[data-day="1"] .day01-human-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}

body[data-day="1"] .day01-human-actions button,
body[data-day="1"] .day01-human-result button{
  min-height:58px;
  padding:14px 18px;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
  font:800 10px var(--mono);
  letter-spacing:.08em;
}

body[data-day="1"] .day01-human-actions button:hover,
body[data-day="1"] .day01-human-result button:hover{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-human-result{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body[data-day="1"] .day01-human-result h3{
  font:800 clamp(48px,5vw,82px)/.82 var(--display);
  margin:14px 0;
}

body[data-day="1"] .day01-human-result p{
  line-height:1.7;
}

/* THREAT CHAIN */

body[data-day="1"] .day01-threat-chain{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:7px;
  margin-top:60px;
}

body[data-day="1"] .day01-threat-chain button{
  min-height:170px;
  padding:20px;
  background:transparent;
  border:1px solid rgba(241,224,189,.35);
  color:var(--cream);
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}

body[data-day="1"] .day01-threat-chain button:hover,
body[data-day="1"] .day01-threat-chain button.active{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-threat-chain button span{
  font-size:9px;
  letter-spacing:.12em;
}

body[data-day="1"] .day01-threat-chain button strong{
  display:block;
  margin-top:55px;
  font:800 35px/.8 var(--display);
}

body[data-day="1"] .day01-threat-detail{
  margin-top:7px;
  padding:40px;
  border:1px solid rgba(241,224,189,.35);
}

body[data-day="1"] .day01-threat-detail h3{
  font:800 clamp(50px,6.5vw,110px)/.8 var(--display);
  margin:14px 0 20px;
}

body[data-day="1"] .day01-threat-detail p{
  max-width:820px;
  font-size:17px;
  line-height:1.7;
}

body[data-day="1"] .day01-threat-note{
  margin-top:35px;
  padding-top:20px;
  border-top:1px solid rgba(241,224,189,.25);
}

body[data-day="1"] .day01-threat-note span{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  opacity:.6;
  margin-bottom:10px;
}

body[data-day="1"] .day01-threat-note strong{
  font:800 30px/.95 var(--display);
}

/* ASSESSMENT */

body[data-day="1"] .day01-assessment{
  margin-top:60px;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
}

body[data-day="1"] .day01-assessment-top{
  display:grid;
  grid-template-columns:.8fr 1.2fr .8fr;
  border-bottom:1px solid currentColor;
}

body[data-day="1"] .day01-assessment-top > div{
  min-height:125px;
  padding:22px;
  border-right:1px solid currentColor;
}

body[data-day="1"] .day01-assessment-top > div:last-child{
  border-right:0;
}

body[data-day="1"] .day01-assessment-top span{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  opacity:.6;
}

body[data-day="1"] .day01-assessment-top strong{
  display:inline-block;
  margin-top:28px;
  font:800 clamp(38px,5vw,72px)/.8 var(--display);
}

body[data-day="1"] .day01-assessment-top small{
  font-size:11px;
}

body[data-day="1"] .day01-assessment-question{
  padding:55px 0;
  max-width:1050px;
}

body[data-day="1"] .day01-assessment-question h3{
  font:800 clamp(42px,5.5vw,92px)/.88 var(--display);
  margin:16px 0;
}

body[data-day="1"] .day01-assessment-question > p{
  max-width:720px;
  line-height:1.6;
}

body[data-day="1"] .day01-assessment-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:40px;
}

body[data-day="1"] .day01-assessment-options button{
  min-height:150px;
  padding:22px;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

body[data-day="1"] .day01-assessment-options button:hover,
body[data-day="1"] .day01-assessment-options button.selected{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-assessment-options strong{
  display:block;
  font:800 34px/.8 var(--display);
}

body[data-day="1"] .day01-assessment-options small{
  display:block;
  margin-top:14px;
  line-height:1.45;
}

body[data-day="1"] .day01-assessment-feedback{
  padding:25px 0 40px;
}

body[data-day="1"] .day01-assessment-feedback p{
  max-width:700px;
  line-height:1.6;
}

body[data-day="1"] .day01-assessment-feedback button{
  min-height:54px;
  padding:14px 20px;
  border:1px solid currentColor;
  background:var(--ink);
  color:var(--cream);
  cursor:pointer;
  font:800 10px var(--mono);
  letter-spacing:.08em;
}

body[data-day="1"] .day01-assessment-result{
  display:flex;
  align-items:baseline;
  gap:8px;
}

body[data-day="1"] .day01-assessment-result strong{
  font:800 clamp(100px,15vw,220px)/.7 var(--display);
  color:var(--rust);
}

body[data-day="1"] .day01-assessment-result span{
  font:800 30px var(--display);
}

body[data-day="1"] .day01-assessment-result p{
  margin-left:25px;
  font:800 28px var(--display);
}

/* DEFENSE BUILDER */

body[data-day="1"] .day01-defense-shell{
  margin-top:60px;
}

body[data-day="1"] .day01-defense-profile,
body[data-day="1"] .day01-defense-budget,
body[data-day="1"] .day01-defense-status{
  border:1px solid rgba(241,224,189,.35);
}

body[data-day="1"] .day01-defense-profile{
  padding:26px;
}

body[data-day="1"] .day01-defense-profile span,
body[data-day="1"] .day01-defense-budget span{
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  opacity:.6;
}

body[data-day="1"] .day01-defense-profile strong{
  display:block;
  font:800 44px/.85 var(--display);
  margin:24px 0 12px;
}

body[data-day="1"] .day01-defense-profile p{
  margin:0;
}

body[data-day="1"] .day01-defense-budget{
  display:flex;
  justify-content:space-between;
  align-items:end;
  padding:24px;
  border-top:0;
}

body[data-day="1"] .day01-defense-budget strong{
  font:800 90px/.7 var(--display);
  color:var(--rust);
}

body[data-day="1"] .day01-defense-controls{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:7px;
}

body[data-day="1"] .day01-defense-controls button{
  min-height:150px;
  padding:22px;
  border:1px solid rgba(241,224,189,.35);
  background:transparent;
  color:var(--cream);
  cursor:pointer;
  text-align:left;
}

body[data-day="1"] .day01-defense-controls button:hover,
body[data-day="1"] .day01-defense-controls button.active{
  background:var(--gold);
  color:var(--ink);
}

body[data-day="1"] .day01-defense-controls strong{
  display:block;
  font:800 29px/.82 var(--display);
}

body[data-day="1"] .day01-defense-controls small{
  display:block;
  margin-top:20px;
  font-size:8px;
  letter-spacing:.12em;
}

body[data-day="1"] .day01-defense-status{
  margin-top:7px;
  padding:36px;
}

body[data-day="1"] .day01-defense-status h3{
  font:800 clamp(48px,6vw,95px)/.8 var(--display);
  margin:14px 0 20px;
}

body[data-day="1"] .day01-defense-status p{
  max-width:720px;
  line-height:1.7;
}

body[data-day="1"] .day01-defense-status span{
  display:block;
  margin:20px 0;
  font-size:9px;
  letter-spacing:.1em;
  opacity:.65;
}

body[data-day="1"] .day01-defense-status button{
  min-height:58px;
  padding:15px 25px;
  border:0;
  background:var(--rust);
  color:var(--paper);
  cursor:pointer;
  font:800 10px var(--mono);
  letter-spacing:.08em;
}

/* responsive */
@media(max-width:1000px){
  body[data-day="1"] .day01-human-stage{
    grid-template-columns:1fr 1.7fr;
  }

  body[data-day="1"] .day01-human-result{
    grid-column:1 / -1;
  }

  body[data-day="1"] .day01-threat-chain{
    grid-template-columns:repeat(3,1fr);
  }

  body[data-day="1"] .day01-defense-controls{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  body[data-day="1"] .day01-human-stage{
    grid-template-columns:1fr;
  }

  body[data-day="1"] .day01-threat-chain{
    grid-template-columns:1fr 1fr;
  }

  body[data-day="1"] .day01-assessment-top{
    grid-template-columns:1fr;
  }

  body[data-day="1"] .day01-assessment-top > div{
    border-right:0;
    border-bottom:1px solid currentColor;
  }

  body[data-day="1"] .day01-assessment-options{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  body[data-day="1"] .day01-threat-chain,
  body[data-day="1"] .day01-defense-controls{
    grid-template-columns:1fr;
  }

  body[data-day="1"] .day01-defense-profile strong{
    font-size:38px;
  }
}


/* =========================================================
   NTW — DAY 01 FINAL PASS
   Incident / resilience / case files / myths / speed / reset
   Scoped only to body[data-day="1"]
   ========================================================= */

body[data-day="1"] .day01-final{position:relative}
body[data-day="1"] .day01-incident{margin-top:58px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
body[data-day="1"] .day01-incident-rail{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid currentColor}
body[data-day="1"] .incident-stage{padding:18px 14px;border-right:1px solid currentColor;min-height:105px;display:flex;flex-direction:column;justify-content:space-between;opacity:.48}
body[data-day="1"] .incident-stage:last-child{border-right:0}
body[data-day="1"] .incident-stage.active{opacity:1;background:var(--gold);color:var(--ink)}
body[data-day="1"] .incident-stage span{font-size:8px;letter-spacing:.12em}
body[data-day="1"] .incident-stage strong{font:800 27px/.8 var(--display)}
body[data-day="1"] .day01-incident-body{padding:48px 0 54px;max-width:1050px}
body[data-day="1"] .day01-incident-body h3{font:800 clamp(52px,7vw,112px)/.8 var(--display);margin:12px 0 22px}
body[data-day="1"] .day01-incident-body>p{max-width:760px;font-size:16px;line-height:1.7}
body[data-day="1"] .incident-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:38px}
body[data-day="1"] .incident-options button{min-height:125px;padding:20px;border:1px solid currentColor;background:transparent;color:inherit;text-align:left;font:800 11px/1.35 var(--mono);cursor:pointer;transition:.2s ease}
body[data-day="1"] .incident-options button:hover:not(:disabled){background:var(--green);color:var(--cream)}
body[data-day="1"] .incident-options button:disabled{opacity:.45;cursor:default}
body[data-day="1"] .incident-feedback{margin-top:24px;border-top:1px solid currentColor;padding-top:22px;min-height:90px}
body[data-day="1"] .incident-feedback p{max-width:720px;line-height:1.7}

body[data-day="1"] .day01-resilience{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;margin-top:65px}
body[data-day="1"] .resilience-orbit{position:relative;min-height:590px;border:1px solid rgba(241,224,189,.3);background:radial-gradient(circle at center,rgba(216,157,78,.1),transparent 40%)}
body[data-day="1"] .resilience-orbit:before{content:"";position:absolute;inset:16%;border:1px solid rgba(241,224,189,.25);border-radius:50%}
body[data-day="1"] .resilience-orbit:after{content:"";position:absolute;left:50%;top:50%;width:72%;height:1px;background:rgba(241,224,189,.16);transform:translate(-50%,-50%) rotate(30deg)}
body[data-day="1"] .resilience-node{position:absolute;width:132px;height:96px;padding:14px;border:1px solid rgba(241,224,189,.35);background:rgba(30,74,70,.88);color:var(--cream);text-align:left;cursor:pointer;z-index:2}
body[data-day="1"] .resilience-node:hover,.resilience-node.active{background:var(--gold);color:var(--ink)}
body[data-day="1"] .resilience-node span{display:block;font-size:8px;letter-spacing:.12em}
body[data-day="1"] .resilience-node strong{display:block;font:800 25px/.82 var(--display);margin-top:28px}
body[data-day="1"] .resilience-node:nth-child(1){left:50%;top:3%;transform:translateX(-50%)}
body[data-day="1"] .resilience-node:nth-child(2){right:4%;top:23%}
body[data-day="1"] .resilience-node:nth-child(3){right:4%;bottom:18%}
body[data-day="1"] .resilience-node:nth-child(4){left:50%;bottom:2%;transform:translateX(-50%)}
body[data-day="1"] .resilience-node:nth-child(5){left:4%;bottom:18%}
body[data-day="1"] .resilience-node:nth-child(6){left:4%;top:23%}
body[data-day="1"] .resilience-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ink);color:var(--cream);font:800 33px/.8 var(--display)}
body[data-day="1"] .resilience-detail{border:1px solid rgba(241,224,189,.3);padding:35px}
body[data-day="1"] .resilience-detail h3{font:800 clamp(48px,5.8vw,92px)/.82 var(--display);margin:14px 0 18px}
body[data-day="1"] .resilience-detail p{line-height:1.7;max-width:620px}

body[data-day="1"] .day01-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:60px}
body[data-day="1"] .case-card{min-height:235px;padding:24px;border:1px solid currentColor;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.2s ease}
body[data-day="1"] .case-card:hover,.case-card.active{background:var(--gold);color:var(--ink)}
body[data-day="1"] .case-card span{font-size:8px;letter-spacing:.12em;opacity:.68}
body[data-day="1"] .case-card strong{display:block;font:800 42px/.84 var(--display);margin-top:65px}
body[data-day="1"] .case-card small{display:block;margin-top:15px;font-size:10px;line-height:1.45}
body[data-day="1"] .day01-case-detail{border:1px solid currentColor;border-top:0;padding:38px}
body[data-day="1"] .day01-case-detail h3{font:800 clamp(52px,6.5vw,108px)/.8 var(--display);margin:14px 0 22px}
body[data-day="1"] .day01-case-detail>p{max-width:840px;font-size:16px;line-height:1.75}
body[data-day="1"] .case-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:35px}
body[data-day="1"] .case-takeaways>div{border:1px solid currentColor;padding:20px;min-height:125px}
body[data-day="1"] .case-takeaways span{display:block;font-size:8px;letter-spacing:.12em;opacity:.6}
body[data-day="1"] .case-takeaways strong{display:block;font:800 24px/.86 var(--display);margin-top:24px}
body[data-day="1"] .case-source{margin-top:24px;font-size:8px;letter-spacing:.1em;opacity:.62}

body[data-day="1"] .day01-myth-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:60px}
body[data-day="1"] .day01-myth-grid button{min-height:190px;padding:20px;border:1px solid rgba(241,224,189,.35);background:transparent;color:var(--cream);text-align:left;cursor:pointer;transition:.2s ease}
body[data-day="1"] .day01-myth-grid button:hover,.day01-myth-grid button.active{background:var(--gold);color:var(--ink)}
body[data-day="1"] .day01-myth-grid span{display:block;font-size:8px;letter-spacing:.12em}
body[data-day="1"] .day01-myth-grid strong{display:block;font:800 29px/.83 var(--display);margin-top:48px}
body[data-day="1"] .day01-myth-detail{margin-top:7px;border:1px solid rgba(241,224,189,.35);padding:38px;min-height:240px}
body[data-day="1"] .day01-myth-detail h3{font:800 clamp(45px,6vw,90px)/.82 var(--display);margin:14px 0 18px}
body[data-day="1"] .day01-myth-detail p{max-width:800px;line-height:1.7}

body[data-day="1"] .day01-speed{margin-top:60px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
body[data-day="1"] .speed-top{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid currentColor}
body[data-day="1"] .speed-top>div{padding:20px;border-right:1px solid currentColor}
body[data-day="1"] .speed-top>div:last-child{border-right:0}
body[data-day="1"] .speed-top span{display:block;font-size:8px;letter-spacing:.12em;opacity:.6}
body[data-day="1"] .speed-top strong{display:block;font:800 clamp(58px,8vw,110px)/.75 var(--display);margin-top:24px;color:var(--rust)}
body[data-day="1"] .speed-scenario{padding:50px 0}
body[data-day="1"] .speed-scenario h3{font:800 clamp(48px,6.5vw,104px)/.82 var(--display);margin:15px 0 30px;max-width:1100px}
body[data-day="1"] .speed-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
body[data-day="1"] .speed-options button{min-height:100px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font:800 11px var(--mono)}
body[data-day="1"] .speed-options button:hover,.speed-options button.selected{background:var(--gold);color:var(--ink)}
body[data-day="1"] .speed-feedback{padding-top:24px;min-height:105px;border-top:1px solid currentColor;margin-top:24px}
body[data-day="1"] .speed-feedback p{max-width:720px;line-height:1.65}

body[data-day="1"] .day01-reset{margin-top:60px}
body[data-day="1"] .reset-progress{border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:8px 30px;align-items:end}
body[data-day="1"] .reset-progress span{font-size:8px;letter-spacing:.12em}
body[data-day="1"] .reset-progress strong{font:800 70px/.75 var(--display);color:var(--rust)}
body[data-day="1"] .reset-progress>div{grid-column:1 / -1;height:7px;background:rgba(20,20,15,.08)}
body[data-day="1"] .reset-progress i{display:block;width:0;height:100%;background:var(--rust);transition:.25s ease}
body[data-day="1"] .reset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
body[data-day="1"] .reset-grid label{display:grid;grid-template-columns:auto 36px 1fr;gap:12px;align-items:center;padding:20px;border:1px solid currentColor;cursor:pointer}
body[data-day="1"] .reset-grid input{accent-color:var(--rust);width:18px;height:18px}
body[data-day="1"] .reset-grid span{font:800 32px/.8 var(--display);color:var(--gold)}
body[data-day="1"] .reset-grid strong{font:800 22px/.95 var(--display)}
body[data-day="1"] .reset-grid label:has(input:checked){background:var(--gold);color:var(--ink)}

body[data-day="1"] .day01-completion{display:grid;grid-template-columns:1.25fr .75fr;gap:7px}
body[data-day="1"] .day01-completion>div:first-child{padding:45px;border:1px solid currentColor}
body[data-day="1"] .day01-completion h2{font:800 clamp(72px,9vw,150px)/.76 var(--display);margin:18px 0 25px}
body[data-day="1"] .day01-completion h2 span{color:var(--rust)}
body[data-day="1"] .day01-completion p{max-width:700px;line-height:1.7}
body[data-day="1"] .completion-panel{border:1px solid currentColor}
body[data-day="1"] .completion-panel>div{padding:24px;border-bottom:1px solid currentColor;min-height:105px}
body[data-day="1"] .completion-panel>div:last-child{border-bottom:0}
body[data-day="1"] .completion-panel span{display:block;font-size:8px;letter-spacing:.12em;opacity:.6}
body[data-day="1"] .completion-panel strong{display:block;font:800 34px/.8 var(--display);margin-top:22px}
body[data-day="1"] .day01-next-day{margin-top:7px;border:1px solid currentColor;padding:38px;background:var(--paper2)}
body[data-day="1"] .day01-next-day h3{font:800 clamp(52px,7vw,110px)/.8 var(--display);margin:12px 0 18px}
body[data-day="1"] .day01-next-day p{max-width:760px;line-height:1.7;margin-bottom:25px}

@media(max-width:1000px){
  body[data-day="1"] .day01-incident-rail{grid-template-columns:repeat(3,1fr)}
  body[data-day="1"] .incident-stage:nth-child(3){border-right:0}
  body[data-day="1"] .day01-resilience{grid-template-columns:1fr}
  body[data-day="1"] .day01-case-grid{grid-template-columns:1fr}
  body[data-day="1"] .day01-myth-grid{grid-template-columns:repeat(2,1fr)}
  body[data-day="1"] .case-takeaways{grid-template-columns:1fr}
  body[data-day="1"] .day01-completion{grid-template-columns:1fr}
}

@media(max-width:700px){
  body[data-day="1"] .day01-incident-rail{grid-template-columns:1fr 1fr}
  body[data-day="1"] .incident-stage:nth-child(odd){border-right:1px solid currentColor}
  body[data-day="1"] .incident-options,.day01-myth-grid,.speed-options,.day01-reset .reset-grid{grid-template-columns:1fr}
  body[data-day="1"] .speed-top{grid-template-columns:1fr}
  body[data-day="1"] .speed-top>div{border-right:0;border-bottom:1px solid currentColor}
  body[data-day="1"] .resilience-orbit{min-height:680px}
  body[data-day="1"] .resilience-node{width:118px}
  body[data-day="1"] .resilience-core{width:150px;height:150px;font-size:29px}
}

@media(max-width:560px){
  body[data-day="1"] .day01-incident-rail{grid-template-columns:1fr}
  body[data-day="1"] .incident-stage{border-right:0!important;border-bottom:1px solid currentColor}
  body[data-day="1"] .resilience-orbit{min-height:720px}
  body[data-day="1"] .resilience-node:nth-child(1){top:2%}
  body[data-day="1"] .resilience-node:nth-child(2){right:2%;top:20%}
  body[data-day="1"] .resilience-node:nth-child(3){right:2%;bottom:22%}
  body[data-day="1"] .resilience-node:nth-child(4){bottom:2%}
  body[data-day="1"] .resilience-node:nth-child(5){left:2%;bottom:22%}
  body[data-day="1"] .resilience-node:nth-child(6){left:2%;top:20%}
  body[data-day="1"] .reset-grid{grid-template-columns:1fr}
}

/* =========================================================
   DAY 01 — CYBERSECURITY × NATURE HERO LOCKUP
   Only Day 01
   ========================================================= */

body[data-day="1"] .day01-hero-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:0 !important;
  white-space:normal !important;
}

/* CYBERSECURITY */
body[data-day="1"] .day01-title-main{
  display:block;
  line-height:.82;
}

/* centered × separator */
body[data-day="1"] .day01-title-x{
  display:block;
  margin:.055em 0 .035em !important;

  color:var(--gold) !important;

  font-family:var(--display) !important;
  font-size:.58em !important;
  font-weight:800 !important;
  line-height:.62 !important;

  transform:none !important;
}

/* NATURE */
body[data-day="1"] .day01-title-sub{
  display:block;
  line-height:.82;
}

@media(max-width:560px){
  body[data-day="1"] .day01-title-x{
    font-size:.55em !important;
    margin:.075em 0 .045em !important;
  }
}


/* =========================================================
   DAY 01 — WHY CYBERSECURITY × NATURE?
   Heading only
   ========================================================= */

body[data-day="1"] .day01-why-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:0 !important;
  white-space:normal !important;
}

/* WHY */
body[data-day="1"] .day01-why-label{
  display:block;
  line-height:.82;
}

/* CYBERSECURITY */
body[data-day="1"] .day01-why-main{
  display:block;
  line-height:.82;
}

/* centered × between the two title levels */
body[data-day="1"] .day01-why-x{
  display:block;

  margin:.045em 0 .025em !important;
  padding-left:.08em;

  color:var(--rust) !important;

  font-family:var(--display) !important;
  font-size:.54em !important;
  font-weight:800 !important;
  line-height:.6 !important;
}

/* NATURE? */
body[data-day="1"] .day01-why-sub{
  display:block;
  line-height:.82;
}

@media(max-width:560px){
  body[data-day="1"] .day01-why-x{
    font-size:.52em !important;
    margin:.065em 0 .035em !important;
  }
}


/* =========================================================
   DAY 01 — RESTORE ORIGINAL HERO COLORS
   CYBERSECURITY / NATURE = CREAM
   × = GOLD
   ========================================================= */

body[data-day="1"] .day01-hero-title .day01-title-main,
body[data-day="1"] .day01-hero-title .day01-title-sub{
  color:#F1E0BD !important;
}

body[data-day="1"] .day01-hero-title .day01-title-x{
  color:#D89D4E !important;
}


/* =========================================================
   NTW — DAY 01 BOTANICALS
   VISUAL CHANGE ONLY
   ========================================================= */

body[data-day="1"] .chapter-hero .botanical-a{
  background-image:url("../assets/botanicals/day01/day01-top.svg") !important;
  background-repeat:no-repeat !important;
  background-position:top right !important;
  background-size:contain !important;
  width:min(31vw,440px) !important;
  height:min(58vh,720px) !important;
  top:0 !important;
  right:0 !important;
  opacity:.82 !important;
  animation:day01TopDrift 16s ease-in-out infinite !important;
}

body[data-day="1"] .chapter-hero .botanical-b{
  background-image:url("../assets/botanicals/day01/day01-bottom.svg") !important;
  background-repeat:no-repeat !important;
  background-position:bottom left !important;
  background-size:contain !important;
  width:min(34vw,500px) !important;
  height:min(52vh,620px) !important;
  left:0 !important;
  bottom:0 !important;
  opacity:.62 !important;
  animation:day01BottomDrift 18s ease-in-out infinite !important;
}

@keyframes day01TopDrift{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(-5px,6px,0) rotate(.3deg);
  }
}

@keyframes day01BottomDrift{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(5px,-4px,0) rotate(-.25deg);
  }
}

@media(max-width:900px){
  body[data-day="1"] .chapter-hero .botanical-a{
    width:40vw !important;
    height:42vh !important;
  }

  body[data-day="1"] .chapter-hero .botanical-b{
    width:42vw !important;
    height:38vh !important;
  }
}

@media(max-width:560px){
  body[data-day="1"] .chapter-hero .botanical-a{
    width:53vw !important;
    height:32vh !important;
    opacity:.68 !important;
  }

  body[data-day="1"] .chapter-hero .botanical-b{
    width:58vw !important;
    height:30vh !important;
    opacity:.52 !important;
  }
}


/* =========================================================
   DAY 01 — BOTANICAL POSITION FIX
   Position the actual containers, not just their backgrounds.
   ========================================================= */

body[data-day="1"] .chapter-hero{
  position:relative !important;
  overflow:hidden !important;
}

/* TOP RIGHT */
body[data-day="1"] .chapter-hero .botanical-a{
  position:absolute !important;

  top:-10px !important;
  right:-10px !important;
  left:auto !important;
  bottom:auto !important;

  width:340px !important;
  height:500px !important;

  margin:0 !important;
  padding:0 !important;

  background-image:url("../assets/botanicals/day01/day01-top.svg") !important;
  background-repeat:no-repeat !important;
  background-position:top right !important;
  background-size:100% auto !important;

  transform:none !important;
  opacity:.72 !important;

  z-index:1 !important;
  pointer-events:none !important;
}

/* BOTTOM LEFT */
body[data-day="1"] .chapter-hero .botanical-b{
  position:absolute !important;

  left:-10px !important;
  bottom:-10px !important;
  right:auto !important;
  top:auto !important;

  width:380px !important;
  height:420px !important;

  margin:0 !important;
  padding:0 !important;

  background-image:url("../assets/botanicals/day01/day01-bottom.svg") !important;
  background-repeat:no-repeat !important;
  background-position:bottom left !important;
  background-size:100% auto !important;

  transform:none !important;
  opacity:.55 !important;

  z-index:1 !important;
  pointer-events:none !important;
}

/* Keep the actual hero content above the botanical layer */
body[data-day="1"] .chapter-hero-inner{
  position:relative !important;
  z-index:5 !important;
}

/* Keep the botanical layer from becoming too dominant */
@media(max-width:900px){
  body[data-day="1"] .chapter-hero .botanical-a{
    width:270px !important;
    height:360px !important;
  }

  body[data-day="1"] .chapter-hero .botanical-b{
    width:300px !important;
    height:330px !important;
  }
}

@media(max-width:560px){
  body[data-day="1"] .chapter-hero .botanical-a{
    width:210px !important;
    height:280px !important;
    opacity:.58 !important;
  }

  body[data-day="1"] .chapter-hero .botanical-b{
    width:240px !important;
    height:260px !important;
    opacity:.45 !important;
  }
}


/* =========================================================
   DAY 01 — MID-HERO BOTANICAL LAYERS
   Two additional forms behind the headline only.
   ========================================================= */

body[data-day="1"] .chapter-hero::before,
body[data-day="1"] .chapter-hero::after{
  content:"";
  position:absolute !important;
  pointer-events:none !important;
  z-index:2 !important;

  background-repeat:no-repeat !important;
  background-size:contain !important;

  transform-origin:center;
}

/* Mid-left: fine curved branch */
body[data-day="1"] .chapter-hero::before{
  left:22% !important;
  top:19% !important;

  width:150px !important;
  height:270px !important;

  background-image:url("../assets/botanicals/day01/day01-mid-left.svg") !important;
  background-position:center !important;

  opacity:.20 !important;

  animation:day01MidLeftFloat 17s ease-in-out infinite !important;
}

/* Mid-right: fern-like structure */
body[data-day="1"] .chapter-hero::after{
  right:21% !important;
  top:27% !important;

  width:175px !important;
  height:250px !important;

  background-image:url("../assets/botanicals/day01/day01-mid-right.svg") !important;
  background-position:center !important;

  opacity:.18 !important;

  animation:day01MidRightFloat 19s ease-in-out infinite !important;
}

/* Keep the actual chapter content above both layers */
body[data-day="1"] .chapter-hero-inner{
  position:relative !important;
  z-index:5 !important;
}

@keyframes day01MidLeftFloat{
  0%,100%{
    transform:translate3d(0,0,0) rotate(-1deg);
  }
  50%{
    transform:translate3d(4px,-6px,0) rotate(.8deg);
  }
}

@keyframes day01MidRightFloat{
  0%,100%{
    transform:translate3d(0,0,0) rotate(1deg);
  }
  50%{
    transform:translate3d(-5px,5px,0) rotate(-.7deg);
  }
}

@media(max-width:900px){
  body[data-day="1"] .chapter-hero::before{
    left:13% !important;
    top:22% !important;
    width:120px !important;
    height:220px !important;
  }

  body[data-day="1"] .chapter-hero::after{
    right:12% !important;
    top:30% !important;
    width:135px !important;
    height:210px !important;
  }
}

@media(max-width:560px){
  body[data-day="1"] .chapter-hero::before{
    left:5% !important;
    top:25% !important;
    width:90px !important;
    height:170px !important;
    opacity:.14 !important;
  }

  body[data-day="1"] .chapter-hero::after{
    right:5% !important;
    top:31% !important;
    width:105px !important;
    height:170px !important;
    opacity:.13 !important;
  }
}


/* =========================================================
   DAY 01 — ADDITIONAL LEFT GOLD BOTANICAL
   ========================================================= */

body[data-day="1"] .chapter-hero .day01-botanical-left-gold{
  position:absolute !important;

  left:9% !important;
  top:29% !important;

  width:145px !important;
  height:285px !important;

  margin:0 !important;
  padding:0 !important;

  background-image:url("../assets/botanicals/day01/day01-left-gold.svg") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  opacity:.19 !important;

  z-index:2 !important;
  pointer-events:none !important;

  animation:day01LeftGoldFloat 20s ease-in-out infinite !important;
}

@keyframes day01LeftGoldFloat{
  0%,100%{
    transform:translate3d(0,0,0) rotate(-.4deg);
  }

  50%{
    transform:translate3d(4px,-6px,0) rotate(.5deg);
  }
}

@media(max-width:900px){
  body[data-day="1"] .chapter-hero .day01-botanical-left-gold{
    left:5% !important;
    top:30% !important;
    width:115px !important;
    height:220px !important;
    opacity:.15 !important;
  }
}

@media(max-width:560px){
  body[data-day="1"] .chapter-hero .day01-botanical-left-gold{
    left:1% !important;
    top:32% !important;
    width:82px !important;
    height:165px !important;
    opacity:.12 !important;
  }
}


/* DAY 01 — navbar logo only */
body[data-day="1"] .brand-mark{
  width:32px;
  height:32px;
  padding:0;
  border:0;
  position:relative;
  display:block;
  flex:0 0 32px;
  font-size:0;
  line-height:0;
  background-image:url("../assets/botanicals/orbit-x.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

body[data-day="1"] .brand-mark::after{
  display:none !important;
  content:none !important;
}

/* =========================================================
   DAY 01 — IMPERIAL CYBERX NAV LOGO
   ONLY replaces the old boxed ICX mark + orange dot.
   ========================================================= */

body[data-day="1"] .site-nav .brand-mark{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url("../assets/botanicals/orbit-x.png") center center / contain no-repeat !important;
  position:relative !important;
  display:block !important;
  font-size:0 !important;
  line-height:0 !important;
}

body[data-day="1"] .site-nav .brand-mark::before,
body[data-day="1"] .site-nav .brand-mark::after{
  content:none !important;
  display:none !important;
}

body[data-day="1"] .site-nav .brand-mark .brand-dot{
  display:none !important;
}