:root {
    --bg-color: #050505;
    --index-color: #2B0000;
    --gold: #FFD24A;
    --gold-glow: rgba(255, 210, 74, 0.4);
    --red: #ff3d00;
    --text-primary: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.7);
    --font-serif: 'Playfair Display', Georgia, serif;
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'Space Mono', monospace;
  }

/* --- block 1 from index.html --- */
html{scroll-behavior:smooth;}
::selection{background:var(--gold);color:#171006;}

/* scroll parallax: JS moves the bg image onto a fixed layer that drifts
   at a fraction of scroll speed; without JS (or with reduced motion) the
   static body background above stays as-is */
.bg-parallax{
 display:none;
 position:fixed;
 left:0;right:0;top:150;
 height:150vh;
 pointer-events:none;
 background:url("deck-assets/bg/torched.png") left top / contain no-repeat;
 will-change:transform,opacity;
}
.bg-veil{
 display:none;
 position:fixed;
 inset:0;
 pointer-events:none;
 background:linear-gradient(180deg,rgba(8,8,6,.18),#0b0a08 100%);
}
body.has-parallax{background:var(--index-color);}
body.has-parallax .bg-parallax,
body.has-parallax .bg-veil{display:block;}
/* content rides above the fixed background layers */
body.has-parallax main{position:relative;z-index:1;}
.paths-landing::before{
 content:"";
 position:fixed;
 inset:-25%;
 background:
  radial-gradient(640px circle at 18% 12%,rgba(255,210,74,.075),transparent 60%),
  radial-gradient(520px circle at 84% 70%,rgba(255,210,74,.045),transparent 62%);
 pointer-events:none;
 z-index:1;
 animation:glow-drift 22s ease-in-out infinite alternate;
}
@keyframes glow-drift{
 from{transform:translate3d(-2%,-1%,0) scale(1);}
 to{transform:translate3d(2%,3%,0) scale(1.06);}
}
.paths-landing::after{
 content:"";
 position:fixed;
 inset:0;
 opacity:.045;
 pointer-events:none;
 z-index:2;
}
	
.index-top{
 --lift: 0px;
 position:sticky;
 top: min(var(--lift),0px);
 z-index:60;
 transition:background .35s ease,box-shadow .35s ease;
}
.life-bar{will-change:opacity; overflow: hidden;}
.index-top.glass{
 background:rgba(11,10,8,.74);
 -webkit-backdrop-filter:blur(14px) saturate(1.25);
 backdrop-filter:blur(14px) saturate(1.25);
 box-shadow:0 1px 0 rgba(255,210,74,.28),0 14px 44px rgba(0,0,0,.38);
}
.scroll-progress{
 position:fixed;
 top:0;left:0;
 height:3px;width:0;
 background:linear-gradient(90deg,var(--gold),#ffb62e);
 box-shadow:0 0 14px rgba(255,210,74,.55);
 z-index:9999;
 pointer-events:none;
}
/* scroll-reveal: .fx is added by JS only, so no-JS visitors see everything */
.fx{
 opacity:0;
 transform:translateY(26px);
 transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);
 transition-delay:var(--d,0s);
}
.fx.in{opacity:1;transform:none;}
.paths-hero h1.fx{
 filter:blur(12px);
 transform:translateY(30px) scale(.985);
 transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
 transition-delay:var(--d,0s);
}
.paths-hero h1.fx.in{filter:blur(0);transform:none;}
.paths-hero{
 max-width:1180px;
 margin:0 auto;
 padding:clamp(28px,7vw,36px) 28px 34px;
}
.paths-hero-inner{
 position:relative;
 z-index:1;
 max-width:1180px;
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
}
/* Title + image share one row; image fades into the page (no card) */
.paths-hero-with-image .paths-hero-title-row{
 display:grid;
 grid-template-columns:minmax(0,1.2fr) minmax(240px,0.95fr);
 gap:clamp(12px,2.5vw,28px);
 align-items:center;
}
.paths-hero-copy{min-width:0;}
.paths-hero-with-image .paths-hero-copy h1{
 max-width:none;
 margin-top:14px;
}
.paths-hero-visual{
 position:relative;
 align-self:stretch;
 min-height:clamp(220px,34vw,380px);
 border:0;
 border-radius:0;
 box-shadow:none;
 overflow:hidden;
 background:
  var(--hero-img, none) 55% 30% / cover no-repeat;
 /* Soft blend into page on left, top, bottom */
 -webkit-mask-image:
  linear-gradient(90deg, transparent 0%, #000 18%, #000 100%),
  linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
 mask-image:
  linear-gradient(90deg, transparent 0%, #000 18%, #000 100%),
  linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
 -webkit-mask-composite: source-in;
 mask-composite: intersect;
 -webkit-mask-size:100% 100%;
 mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
}
.paths-hero-visual::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:
  linear-gradient(90deg, rgba(11,10,8,.88) 0%, rgba(11,10,8,.35) 28%, transparent 58%),
  linear-gradient(180deg, rgba(11,10,8,.35) 0%, transparent 22%, transparent 78%, rgba(11,10,8,.55) 100%);
}
.paths-hero-with-image .hero-charge{
 margin-top:clamp(18px,3vw,28px);
}
.paths-hero-with-image .profile-actions{
 margin-top:26px;
}
@media (max-width:900px){
 .paths-hero-with-image .paths-hero-title-row{
  grid-template-columns:1fr;
  gap:10px;
 }
 .paths-hero-visual{
  min-height:min(52vw, 300px);
  order:-1;
  -webkit-mask-image:
   linear-gradient(180deg, transparent 0%, #000 12%, #000 78%, transparent 100%);
  mask-image:
   linear-gradient(180deg, transparent 0%, #000 12%, #000 78%, transparent 100%);
  -webkit-mask-composite:source-over;
  mask-composite:add;
 }
 .paths-hero-visual::after{
  background:
   linear-gradient(180deg, rgba(11,10,8,.2) 0%, transparent 30%, rgba(11,10,8,.75) 100%);
 }
}
.paths-hero.paths-hero-bleed h1{
 max-width:none;
 margin-top:14px;
 text-shadow:0 4px 28px rgba(0,0,0,.55), 0 1px 0 rgba(0,0,0,.3);
}
.paths-hero.paths-hero-bleed .paths-kicker{
 text-shadow:0 2px 16px rgba(0,0,0,.5);
}
.paths-hero.paths-hero-bleed .hero-charge,
.paths-hero.paths-hero-bleed .hero-sub{
 max-width:36rem;
 text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.paths-hero.paths-hero-bleed .hero-charge{
 margin-top:18px;
}
.paths-hero.paths-hero-bleed .profile-actions{
 margin-top:26px;
}
/* LEFT / RIGHT color punch in the headline */
.paths-hero.paths-hero-bleed .subversion-text{
 color:#b33a2e;
}
.paths-hero.paths-hero-bleed h1 .hl{
 color:var(--gold);
}
@media (min-width:901px){
 .paths-hero.paths-hero-bleed h1 br{
  display:none;
 }
 .paths-hero.paths-hero-bleed h1{
  font-size:clamp(54px,6.8vw,96px);
  line-height:.96;
 }
}
@media (max-width:900px){
 .paths-hero.paths-hero-bleed{
  min-height:min(92vw, 560px);
  padding:0 0 28px;
  align-items:flex-end;
 }
 .paths-hero.paths-hero-bleed::before{
  background:
   linear-gradient(180deg, rgba(8,7,5,.35) 0%, rgba(8,7,5,.2) 35%, rgba(8,7,5,.72) 72%, #0b0a08 100%),
   var(--hero-img, none) 22% 36% / cover no-repeat;
 }
 .paths-hero.paths-hero-bleed .paths-hero-inner{
  max-width:none;
  width:100%;
  padding:0px 18px 0;
  box-sizing:border-box;
 }
 .paths-hero.paths-hero-bleed h1{
  font-size:clamp(38px, 10vw, 52px);
  line-height:1.02;
 }
 .paths-hero.paths-hero-bleed .hero-charge,
 .paths-hero.paths-hero-bleed .hero-sub{
  max-width:none;
 }
}
@media (max-width:720px){
 .paths-hero:not(.paths-hero-bleed){
  padding:42px 18px 26px;
 }
 .paths-hero.paths-hero-bleed{
  min-height:min(100vw, 520px);
  padding:0 0 22px;
 }
}
.paths-kicker{
 font-family:"SF Mono",Menlo,monospace;
 color:var(--gold);
 text-transform:uppercase;
 letter-spacing:.16em;
 font-size:12px;
 font-weight:900;
 display:inline-block;
}
.paths-kicker::after{
 content:"";
 display:block;
 height:2px;
 margin-top:10px;
 background:linear-gradient(90deg,var(--gold),rgba(255,210,74,0));
 transform-origin:left;
 transition:transform .9s .35s cubic-bezier(.2,.7,.2,1);
}
.paths-kicker.fx::after{transform:scaleX(0);}
.paths-kicker.fx.in::after{transform:scaleX(1);}
.paths-hero h1{
 max-width:980px;
 margin:18px 0 0;
 color:#fbfaf7;
 font-size:clamp(54px,8.4vw,116px);
 line-height:.9;
	font-weight: 600;
}
.paths-hero .lead{
 max-width:880px;
 margin:26px 0 0;
 color:#e5d9c8;
 font-size:clamp(19px,2.15vw,27px);
 line-height:1.35;
 font-weight:750;
}
.paths-hero .hero-charge{
 max-width:880px;
 margin:18px 0 0;
 color:#f0e6d6;
 font-size:clamp(20px,2.3vw,28px);
 line-height:1.3;
 font-weight:800;
}
.paths-hero .hero-sub{
 max-width:720px;
 margin:18px 0 0;
 color:#d8cfc0;
 font-size:clamp(16px,1.7vw,19px);
 line-height:1.45;
 font-weight:650;
}
.paths-hero .hero-hit{
 max-width:720px;
 margin:20px 0 0;
 font-family:Georgia,"Times New Roman",serif;
 font-size:clamp(1.75rem,3.2vw,2.6rem);
 font-weight:700;
 line-height:1.1;
 letter-spacing:-.02em;
 color:var(--gold);
}
.paths-hero .hero-sub-follow{
 margin-top:14px;
 color:#e5d9c8;
 font-weight:700;
}
.page-route-map{
 display: grid;
 grid-template-columns: repeat(6, minmax(0, 1fr));
 gap: 10px;
 margin: 0 auto 18px;
 padding-top: 0;
 padding-bottom: 18px;
}
@media (max-width: 1100px){
 .page-route-map{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px){
 .page-route-map{ grid-template-columns: 1fr 1fr; }
}
.page-route-map a{
 display: grid;
 grid-template-columns: auto minmax(0, 1fr);
 gap: 2px 10px;
 align-items: start;
 min-height: 88px;
 box-sizing: border-box;
 border: 1px solid rgba(255,255,255,.14);
 border-top-color: rgba(255,210,74,.34);
 border-radius: 8px;
 background: rgba(0,0,0,.28);
 color: #f8f0e4;
 text-decoration: none;
 padding: 14px 12px;
 transition: transform .25s cubic-bezier(.2,.7,.2,1), border-color .25s, background .25s;
}
.page-route-map a:hover{
 transform: translateY(-3px);
 border-color: rgba(255,210,74,.58);
 background: rgba(255,210,74,.07);
}
.page-route-map span{
 grid-row: 1 / span 2;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 34px;
 height: 34px;
 border-radius: 50%;
 border: 1px solid rgba(255,210,74,.44);
 color: var(--gold);
 font-family: "SF Mono", Menlo, monospace;
 font-size: 11px;
 font-weight: 900;
}
.page-route-map strong{
 display: block;
 min-width: 0;
 color: #fff8e8;
 font-family: Georgia, "Times New Roman", serif;
 font-size: clamp(1.02rem, 1.35vw, 1.25rem);
 font-weight: 600;
 line-height: 1.15;
}
.page-route-map em{
 display: block;
 min-width: 0;
 color: #bfb5a5;
 font-style: normal;
 font-size: 14px;
 font-weight: 650;
 line-height: 1.35;
}
.paths-proof{
 max-width:1180px;
 margin:0 auto;
 padding:0 28px 28px;
}
.paths-proof-inner{
 border:1px solid rgba(255,210,74,.34);
 border-radius:8px;
 background:linear-gradient(135deg,rgba(255,210,74,.14),rgba(255,255,255,.05));
 padding:clamp(22px,4vw,38px);
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(260px,360px);
 gap:24px;
 align-items:center;
}
.paths-proof strong{
 display:block;
 font-family:Georgia,"Times New Roman",serif;
 color:#fbfaf7;
 font-size:clamp(28px,4vw,42px);
 line-height:1.3;
}
.paths-proof p{
 margin:12px 0 0;
 color:#d8cfc0;
 line-height:1.5;
}
#pains .paths-proof-inner{
 display:block;
}
#pains h2{
 max-width:860px;
}
.paths-mini-stack{
 display:grid;
 gap:10px;
}
.paths-mini-stack a{
 border:1px solid rgba(255,255,255,.17);
 border-left:3px solid rgba(255,210,74,.3);
 border-radius:8px;
 padding:12px 14px;
 text-decoration: none;
 color:#f8f0e4;
 background:rgba(0,0,0,.24);
 font-weight:850;
 transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s;
}
.paths-mini-stack a:hover{
 transform:translateX(6px);
 border-left-color:var(--gold);
 border-color:rgba(255,210,74,.55);
 background:rgba(255,210,74,.07);
}
.pain-action-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin-top:22px;
}
.pain-action-card{
 border:1px solid rgba(255,255,255,.14);
 border-left:3px solid rgba(255,210,74,.36);
 border-radius:8px;
 background:rgba(0,0,0,.24);
 color:#f8f0e4;
 text-decoration:none;
 padding:14px;
 min-height:150px;
 display:flex;
 flex-direction:column;
 gap:9px;
 transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s;
}
.pain-action-card:hover{
 transform:translateY(-3px);
 border-color:rgba(255,210,74,.58);
 border-left-color:var(--gold);
 background:rgba(255,210,74,.07);
}
.pain-action-card .pain-label,
.pain-action-card .action-label{
 font-family:"SF Mono",Menlo,monospace;
 font-size:10px;
 letter-spacing:.08em;
 text-transform:uppercase;
 font-weight:900;
}
.pain-action-card .pain-label{color:rgba(255,255,255,.62);}
.pain-action-card .action-label{
 color:var(--gold);
 margin-top:auto;
}
.pain-action-card strong{
 font-size:clamp(20px,2.1vw,27px);
 line-height:1.08;
}
.pain-action-card span:not(.pain-label):not(.action-label){
 color:#d8cfc0;
 line-height:1.4;
 font-size:14px;
}
.paths-grid{
 max-width:1180px;
 margin:0 auto;
 padding:30px 28px 72px;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
 align-items:stretch;
}
.path-choice-strip{
 grid-column: 1 / -1;
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 12px;
 margin: 2px 0 14px;
}
.path-choice-strip a{
 min-height: 118px;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 gap: 7px;
 border: 1px solid rgba(255,255,255,.15);
 border-left: 4px solid rgba(255,210,74,.42);
 border-radius: 8px;
 background: rgba(0,0,0,.28);
 color: #f8f0e4;
 text-decoration: none;
 padding: 16px;
 transition: transform .25s cubic-bezier(.2,.7,.2,1), border-color .25s, background .25s;
}
.path-choice-strip a:hover{
 transform: translateY(-3px);
 border-color: rgba(255,210,74,.62);
 border-left-color: var(--gold);
 background: rgba(255,210,74,.07);
}
.path-choice-strip span{
 font-family: "SF Mono", Menlo, monospace;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .12em;
 text-transform: uppercase;
 color: var(--gold);
}
.path-choice-strip strong{
 display: block;
 font-family: Georgia, "Times New Roman", serif;
 font-size: clamp(1.2rem, 1.8vw, 1.55rem);
 font-weight: 600;
 line-height: 1.12;
 color: #fbfaf7;
}
.path-choice-strip em{
 color: #c9bead;
 font-style: normal;
 font-size: 14px;
 font-weight: 650;
 line-height: 1.35;
}
.path-card{
 position:relative;
 min-height:250px;
 border:1px solid rgba(255,255,255,.16);
 border-radius:8px;
 overflow:hidden;
 color:#f8f0e4;
 text-decoration:none;
 background:#0b0a08;
 --spot:transparent;
 padding:18px;
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;
 will-change:transform;
 isolation:isolate;
}
.path-card::before{
 content:"";
 position:absolute;
 inset:-30px 0;
 background:var(--path-image) center / cover no-repeat;
 translate:0 var(--py,0px);
 transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .7s ease;
}
.path-card::after{
 content:"";
 position:absolute;
 inset:0;
 background:
  radial-gradient(340px circle at var(--mx,50%) var(--my,28%),var(--spot),transparent 62%),
  linear-gradient(180deg,rgba(8,8,6,.18),rgba(8,8,6,.74) 45%,rgba(8,8,6,.97));
}
.path-card:hover{
 transform:translateY(-8px);
 border-color:rgba(255,210,74,1);
 box-shadow:0 30px 60px rgba(0,0,0,.6), 0 0 20px rgba(255,210,74,.4);
 --spot:rgba(255,210,74,.25);
}
.path-card:hover::before{
 transform:scale(1.07);
 filter:saturate(1.12) contrast(1.04);
}
.path-card strong,
.path-card .path-copy,
.path-card > span:not(.tag):not(.action-clue){position:relative;z-index:2;}
.path-card strong{transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.path-card:hover strong{transform:translateY(-2px);}
.path-card .tag{
 z-index:3;
 transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;
}
.path-card:hover .tag{
 transform:translateY(-2px) rotate(-2deg);
 box-shadow:0 6px 18px rgba(255,210,74,.4);
}
.path-card .action-clue {
 position:relative;
 z-index:3;
 font-family:"SF Mono",Menlo,monospace;
 font-size:0.75rem;
 text-transform:uppercase;
 letter-spacing:.04em;
 background:rgba(255,210,74,0.15);
 color:var(--gold);
 border: 1px solid rgba(255,210,74,0.3);
 padding:6px 10px;
 border-radius:4px;
 margin-top:14px;
 width:max-content;
 font-weight:700;
 transition:transform .3s cubic-bezier(.2,.7,.2,1), background .3s, box-shadow .3s;
 display: block;
}
.path-card:hover .action-clue {
 transform:translateY(-2px);
 background:var(--gold);
 color:#0b0a08;
 box-shadow:0 4px 12px rgba(255,210,74,.3);
}
.path-card .tag{
 position:absolute;
 top:14px;
 left:14px;
 font-family:"SF Mono",Menlo,monospace;
 color:#171006;
 background:var(--gold);
 border-radius:999px;
 padding:7px 9px;
 max-width:calc(100% - 28px);
 font-size:10px;
 font-weight:950;
 letter-spacing:.06em;
 text-transform:uppercase;
 line-height:1.15;
 white-space:normal;
}
.path-card strong{
 display:block;
 font-family:Georgia,"Times New Roman",serif;
 font-size:clamp(24px,2.35vw,32px);
 line-height:1.04;
 color:#fbfaf7;
 text-wrap:balance;
}
.path-card .path-copy,
.path-card > span:not(.tag):not(.action-clue){
 display:block;
 margin-top:10px;
 color:#d8cfc0;
 font-size:14.5px;
 line-height:1.38;
 font-weight:700;
}
.path-card-feature{
 grid-column:span 2;
 min-height:320px;
 padding:22px;
 border-color:rgba(255,210,74,.32);
 box-shadow:inset 0 0 0 1px rgba(255,210,74,.08);
}
.path-card-feature strong{
 max-width:720px;
 font-size:clamp(30px,4vw,50px);
}
.path-card-feature > span:not(.tag):not(.action-clue){
 max-width:620px;
 font-size:16px;
}
.path-section-note{
 grid-column:1 / -1;
 margin:0 0 12px;
 max-width:900px;
 color:#d8cfc0;
 font-size:clamp(16px,1.65vw,19px);
 line-height:1.48;
 font-weight:700;
 border-left:3px solid rgba(255,210,74,.52);
 padding:2px 0 2px 16px;
}
.paths-close{
 max-width:1180px;
 margin:0 auto;
 padding:0 28px 12px;
}
.paths-close-inner{
 border-top:1px solid rgba(255,210,74,.42);
 padding-top:28px;
 color:#f8f0e4;
 display:flex;
 flex-wrap:wrap;
 gap:18px;
 justify-content:space-between;
 align-items:center;
}
.paths-close h2{
 margin:0;
 max-width:760px;
 font-family:Georgia,"Times New Roman",serif;
 font-size:clamp(30px,4.2vw,56px);
 line-height:1;
}
.profile-actions .profile-btn{
 position:relative;
 overflow:hidden;
}
.profile-actions .profile-btn::after{
 content:"";
 position:absolute;
 top:0;bottom:0;
 left:-80%;
 width:55%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
 transform:skewX(-18deg);
 transition:left .55s ease;
 pointer-events:none;
}
.profile-actions .profile-btn:hover::after{left:125%;}
.gate a{display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.gate a:hover{transform:translateY(-5px);}
.gate a .gate-icon{transition:border-color .35s,box-shadow .35s;}
.gate a:hover .gate-icon{
 border-color:var(--gold);
 box-shadow:10px 10px 0 rgba(255,210,74,.22),0 0 60px rgba(255,210,74,.14);
}
.path-contact-form{
 display:grid;
 gap:12px;
 max-width:560px;
 margin-top:26px;
}
.path-input,.path-textarea{
 width:100%;
 box-sizing:border-box;
 background:rgba(0,0,0,.32);
 border:1px solid rgba(255,255,255,.2);
 border-radius:8px;
 color:#f8f0e4;
 font:inherit;
 font-size:16px;
 padding:13px 15px;
 transition:border-color .25s,box-shadow .25s,background .25s;
}
.path-input::placeholder,.path-textarea::placeholder{color:#9c9384;}
.path-textarea{min-height:110px;resize:vertical;}
.path-input:focus,.path-textarea:focus{
 outline:none;
 border-color:var(--gold);
 box-shadow:0 0 0 3px rgba(255,210,74,.16);
 background:rgba(0,0,0,.45);
}
.path-contact-form .profile-btn{justify-self:start;cursor:pointer;}
.final .hl{
 background:linear-gradient(100deg,var(--gold) 20%,#fff3c4 42%,var(--gold) 58%);
 background-size:220% 100%;
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:shimmer 4.5s linear infinite;
}
@keyframes shimmer{to{background-position:-220% 0;}}
.profile-actions .profile-btn{
 transition:transform .22s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s,color .2s;
}
.path-card:focus-visible,.profile-btn:focus-visible,.gate a:focus-visible{
 outline:2px solid var(--gold);
 outline-offset:3px;
}
.path-card:focus-visible{
 transform:translateY(-5px);
 border-color:rgba(255,210,74,.72);
 --spot:rgba(255,210,74,.17);
}
/* ── first-visit intro: life-bar copy, once only ──────────── */
.paths-boot{
 position:fixed;
 inset:0;
 z-index:100000;
 display:grid;
 place-items:center;
 background:#0b0a08;
 color:#f7f1e6;
 overflow:hidden;
 pointer-events:auto;
 opacity:1;
 transition:opacity .7s ease;
}
.paths-boot.is-gone{display:none !important;pointer-events:none;}
.paths-boot.is-exit{
 opacity:0;
 pointer-events:none;
}
.paths-boot-stage{
 position:relative;
 z-index:2;
 width:min(720px,88vw);
 text-align:left;
 padding:8px 4px;
}
.paths-boot-line{
 display:block;
 opacity:0;
 transform:translateY(0.4em);
 transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1);
}
.paths-boot-line.is-show{
 opacity:1;
 transform:none;
}
/* mirror life-bar / mission-charge type */
.paths-boot-line.call{
 margin:0 0 16px;
 font-family:"SF Mono",Menlo,monospace;
 font-size:13px;
 line-height:1.25;
 letter-spacing:.18em;
 text-transform:uppercase;
 color:var(--gold,#ffd24a);
 font-weight:800;
}
.paths-boot-line.hit{
 margin:0 0 6px;
 font-family:Georgia,"Times New Roman",serif;
 font-weight:500;
 font-size:clamp(28px,4vw,48px);
 line-height:1.08;
 letter-spacing:-.01em;
 color:#fbfaf7;
}
.paths-boot-line.life{
 margin:0 0 18px;
 font-family:Georgia,"Times New Roman",serif;
 font-weight:700;
 font-size:clamp(36px,5.2vw,58px);
 line-height:1.02;
 letter-spacing:-.02em;
 color:var(--gold,#ffd24a);
}
.paths-boot-line.terms{
 margin:0;
 font-size:clamp(17px,2vw,20px);
 line-height:1.4;
 font-weight:700;
 color:var(--warn, #ff8b6a);
}
body.is-booting{overflow:hidden !important;}
body.paths-landing:not(.is-booting).modal-open{overflow:hidden !important;}
.fullscreen-modal.active{
 max-height:100dvh;
 overflow-y:auto !important;
 overscroll-behavior:contain;
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto;}
 .fx{opacity:1;transform:none;transition:none;}
 .paths-hero h1.fx{filter:none;}
 .paths-kicker.fx::after{transform:scaleX(1);transition:none;}
 .paths-landing::before{animation:none;}
 .path-card::before{translate:none;}
 .final .hl{animation:none;background:none;-webkit-text-fill-color:var(--gold);}
 .path-card,.path-card::before,.path-card strong,.path-card .tag,
 .paths-mini-stack span,.gate a,.profile-actions .profile-btn,
 .profile-actions .profile-btn::after{transition:none;}
 /* still show the charge on first visit — static, no fade/slide */
 .paths-boot{transition:none;}
 .paths-boot.is-exit{opacity:0;}
 .paths-boot-line{
  opacity:1;
  transform:none;
  transition:none;
 }
}
html{overflow-x:clip;}
/* site.css sets body.site-home{overflow-x:hidden}, which makes body a scroll
   container and silently disables position:sticky on .index-top; clip keeps
   horizontal overflow contained without creating a scroll container */
body.site-home.paths-landing{overflow-x:clip;}
@media(max-width:900px){
 .paths-proof-inner{grid-template-columns:1fr;}
 .pain-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .paths-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .path-card-feature{grid-column:1 / -1;}
}
@media(max-width:820px){
 /* site.css makes .life-bar position:fixed on mobile (sized for a thin
    one-line bar); this page's banner is a tall block, so keep it in flow
    and let the sticky --lift carry it away smoothly */
 .paths-landing .life-bar{position:static;}
}
@media(max-width:700px){
	.bg-parallax{
 display:none;
 position:fixed;
 left:0;right:0;top:150;
 height:150vh;
 pointer-events:none;
 background:url("deck-assets/bg/torched.png") left top / cover no-repeat;
 will-change:transform,opacity;
}
 .gate{grid-template-columns:1fr;gap:24px;}
 .gate-icon{
  display:block;
  height:240px;width:210px;max-width:100%;
  margin:0 auto;border-width:9px;border-bottom:none;
  box-shadow:7px 7px 0 rgba(17,16,14,.12);
 }
 .gate-icon:before,.gate-icon:after{width:48px;height:150px;}
 .gate-icon:before{left:32px;}
 .gate-icon:after{right:32px;}
 .final{font-size:clamp(34px,11vw,52px);letter-spacing:-1px;}
}
@media(max-width:640px){
 .paths-hero:not(.paths-hero-bleed){padding:42px 18px 26px; max-width:100%;}
 .paths-hero.paths-hero-bleed{padding:0 0 22px; max-width:none; min-height:min(100vw, 500px);}
 .paths-proof,.paths-grid,.paths-close{padding-left:18px;padding-right:18px;}
 .pain-action-grid{grid-template-columns:1fr;}
 .paths-grid{grid-template-columns:1fr;}
 .path-card,
 .path-card-feature{min-height:230px;}
 .path-card-feature{
  grid-column:1;
  padding:18px;
 }
 .path-card-feature strong{
  font-size:clamp(25px,8vw,34px);
 }
 .path-section-note{
  padding-left:12px;
  font-size:16px;
 }
}

/* --- block 2 from index.html --- */
.glass-cascade {
    max-width: 1200px;
    margin: 40px auto 140px auto;
    position: relative;
    z-index: 10;
  }
  
  .glass-cascade .hero-glass-panel {
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.5s ease;
    height: 520px;
  }
  
  /* Desktop: The side-by-side horizontal overlapping deck */
  @media (min-width: 1000px) {
    .glass-cascade {
      display: grid;
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows: 1fr;
      align-items: center;
      gap: 0;
    }
    
    .cascade-level-1 { 
      grid-row: 1; grid-column: 1 / 6; z-index: 1; 
      box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    }
    .cascade-level-2 { 
      grid-row: 1; grid-column: 4 / 9; z-index: 2; 
      box-shadow: -15px 0 40px rgba(0,0,0,0.8);
    }
    .cascade-level-3 { 
      grid-row: 1; grid-column: 7 / 12; z-index: 3; 
      box-shadow: -15px 0 40px rgba(0,0,0,0.8);
    }
    
    /* Hover pops them out */
    .glass-cascade .hero-glass-panel:hover {
      transform: scale(1.03) translateY(-5px);
      z-index: 10;
      box-shadow: 0 30px 60px rgba(0,0,0,0.9), 0 0 0 1px var(--gold);
    }
  }
  
  /* Mobile: Vertical Stack */
  @media (max-width: 999px) {
    .glass-cascade {
      display: flex;
      flex-direction: column;
      gap: 30px;
      margin-bottom: 60px;
    }
  }

/* --- block 3 from index.html --- */
/* Shared System Text */
    .sys-corner {
      position: absolute;
      font-family: 'SF Mono', Menlo, monospace;
      font-size: 10px;
      color: rgba(255,210,74,0.3);
      letter-spacing: 0.2em;
      pointer-events: none;
      transition: all 0.5s ease;
      z-index: 5;
    }
    .top-left { top: 20px; left: 20px; }
    .bottom-right { bottom: 20px; right: 20px; }

    /* --- Interactive Global Tools Trigger --- */
    .fun-trigger-global {
      grid-column: 1 / -1;
      background: radial-gradient(circle at center, rgba(15,20,25,0.9) 0%, rgba(2,2,4,0.9) 100%);
      border: 1px solid rgba(255,210,74,0.15);
      border-radius: 12px;
      min-height: 240px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      margin-top: 40px;
      text-decoration: none;
      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(255,210,74,0.05);
      transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    /* Radar sweep */
    .fun-trigger-global::before {
      content: '';
      position: absolute;
      top: -50%; left: -50%; width: 200%; height: 200%;
      background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255,210,74,0.08) 60deg, transparent 90deg);
      animation: radar 6s linear infinite;
      opacity: 0.3;
      z-index: 0;
    }
    @keyframes radar { 100% { transform: rotate(360deg); } }

    /* Digital grid mask */
    .fun-trigger-global::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255,210,74,0.04) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(255,210,74,0.04) 1px, transparent 1px);
      background-size: 20px 20px;
      pointer-events: none;
      mask-image: radial-gradient(circle at center, black 10%, transparent 70%);
      -webkit-mask-image: radial-gradient(circle at center, black 10%, transparent 70%);
      z-index: 1;
      transition: all 0.5s ease;
    }

    .fun-trigger-global:hover {
      border-color: rgba(255,210,74,0.5);
      background: radial-gradient(circle at center, rgba(30,35,40,0.95) 0%, rgba(5,5,10,0.9) 100%);
      box-shadow: 0 10px 40px rgba(255,210,74,0.1), inset 0 0 40px rgba(255,210,74,0.1);
      transform: translateY(-2px);
    }
    .fun-trigger-global:hover::before { opacity: 1; animation-duration: 2s; }
    .fun-trigger-global:hover::after { mask-image: radial-gradient(circle at center, black 30%, transparent 100%); -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 100%); }
    
    .fun-trigger-global:hover .sys-corner { color: rgba(255,210,74,0.8); }
    .fun-trigger-global:hover .bottom-right::after { content: ' » ACTIVE'; color: #00e5ff; font-weight: bold;}

    .fun-trigger-global .node-core {
      width: 16px;
      height: 16px;
      background: var(--gold);
      border-radius: 50%;
      box-shadow: 0 0 20px var(--gold);
      position: relative;
      z-index: 2;
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .fun-trigger-global:hover .node-core {
      transform: scale(1.5);
      box-shadow: 0 0 40px var(--gold), 0 0 80px rgba(255,210,74,0.4);
    }
    .fun-trigger-global .ring {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      border: 1px solid rgba(255,210,74,0.3);
      border-radius: 50%;
      opacity: 0;
      transition: all 0.5s ease;
      pointer-events: none;
      z-index: 1;
    }
    .fun-trigger-global .ring-1 { width: 60px; height: 60px; }
    .fun-trigger-global .ring-2 { width: 120px; height: 120px; border: 1px dashed rgba(255,210,74,0.2); }
    .fun-trigger-global .ring-3 { width: 180px; height: 180px; }
    .fun-trigger-global:hover .ring-1 { opacity: 1; animation: ripple 2s infinite linear; }
    .fun-trigger-global:hover .ring-2 { opacity: 1; animation: ripple 2s infinite linear 0.6s; }
    .fun-trigger-global:hover .ring-3 { opacity: 1; animation: ripple 2s infinite linear 1.2s; }
    
    @keyframes ripple {
      0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }
      100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
    }

    .fun-text {
      font-family: 'SF Mono', Menlo, monospace;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-top: 40px;
      font-size: 13px;
      z-index: 2;
      transition: all 0.4s ease;
    }
    .fun-trigger-global:hover .fun-text {
      color: var(--gold);
      letter-spacing: 0.15em;
      text-shadow: 0 0 15px rgba(255,210,74,0.5);
    }

    /* --- Interactive War Room Trigger --- */
    .fun-trigger-war {
      grid-column: 1 / -1;
      background: #050505;
      border: 1px solid rgba(255,60,60,0.2); /* Red tint initially */
      border-radius: 12px;
      min-height: 240px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      margin-top: 30px;
      text-decoration: none;
      transition: all 0.5s ease;
      box-shadow: 0 10px 30px rgba(0,0,0,0.8), inset 0 0 20px rgba(255,60,60,0.05);
    }
    
    /* CRT Scanline */
    .fun-trigger-war::before {
      content: '';
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.3) 2px, rgba(0,0,0,0.3) 4px);
      pointer-events: none;
      z-index: 2;
    }
    
    /* Warning stripes */
    .fun-trigger-war::after {
      content: '';
      position: absolute;
      inset: 0;
      background: 
        repeating-linear-gradient(45deg, rgba(255,60,60,0.1), rgba(255,60,60,0.1) 10px, transparent 10px, transparent 20px) top / 100% 8px no-repeat,
        repeating-linear-gradient(-45deg, rgba(255,60,60,0.1), rgba(255,60,60,0.1) 10px, transparent 10px, transparent 20px) bottom / 100% 8px no-repeat;
      transition: all 0.5s;
      z-index: 1;
    }

    .fun-trigger-war:hover {
      border-color: rgba(255,210,74,0.6); /* Shifts to gold */
      box-shadow: 0 10px 40px rgba(255,210,74,0.15), inset 0 0 50px rgba(255,210,74,0.1);
      transform: translateY(-2px);
    }
    .fun-trigger-war:hover::after {
      background: 
        repeating-linear-gradient(45deg, rgba(255,210,74,0.2), rgba(255,210,74,0.2) 10px, transparent 10px, transparent 20px) top / 100% 12px no-repeat,
        repeating-linear-gradient(-45deg, rgba(255,210,74,0.2), rgba(255,210,74,0.2) 10px, transparent 10px, transparent 20px) bottom / 100% 12px no-repeat;
    }

    .fun-trigger-war:hover .sys-corner { color: rgba(255,210,74,0.8) !important; }
    .fun-trigger-war:hover .top-left::after { content: ' » GRANTED'; color: #00e5ff; font-weight: bold; }
    .fun-trigger-war:hover .bottom-right { opacity: 0; }

    .lock-icon {
      width: 24px;
      height: 20px;
      border: 2px solid rgba(255,60,60,0.5);
      border-radius: 3px;
      position: relative;
      margin-bottom: 5px;
      z-index: 3;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .lock-icon::before {
      content: '';
      position: absolute;
      top: -12px; left: 3px; right: 3px;
      height: 12px;
      border: 2px solid rgba(255,60,60,0.5);
      border-bottom: none;
      border-radius: 10px 10px 0 0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .fun-trigger-war:hover .lock-icon {
      border-color: var(--gold);
      box-shadow: 0 0 15px rgba(255,210,74,0.4);
    }
    .fun-trigger-war:hover .lock-icon::before {
      border-color: var(--gold);
      transform: translateY(-6px); /* pop open */
    }
    .fun-trigger-war:hover .fun-text {
      color: var(--gold);
      letter-spacing: 0.15em;
    }

    /* Glitch text effect */
    .glitch-wrapper {
      position: relative;
      display: inline-block;
      z-index: 3;
    }
    .glitch-overlay {
      position: absolute;
      inset: 0;
      background: #050505;
      color: #00e5ff;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      pointer-events: none;
      font-weight: bold;
    }
    .fun-trigger-war:hover .glitch-overlay {
      animation: glitch-anim 0.7s steps(5, end) forwards;
      opacity: 1;
    }
    @keyframes glitch-anim {
      0% { clip-path: inset(0 0 0 0); transform: translateX(-4px); }
      20% { clip-path: inset(20% 0 80% 0); transform: translateX(4px); }
      40% { clip-path: inset(60% 0 10% 0); transform: translateX(-4px); }
      60% { clip-path: inset(40% 0 40% 0); transform: translateX(4px); }
      80% { clip-path: inset(10% 0 60% 0); transform: translateX(-4px); }
      100% { opacity: 0; clip-path: inset(100% 0 0 0); }
    }


/* --- enhancements: a11y, hero, sections --- */
.paths-what{
  max-width: 720px;
  margin: 14px 0 0;
  color: #d8cfc0;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.45;
  font-weight: 650;
}
.paths-what strong{ color: #f8f0e4; font-weight: 800; }
.path-card .action-clue{
  position: relative;
  z-index: 3;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: rgba(255,210,74,0.15);
  color: var(--gold);
  border: 1px solid rgba(255,210,74,0.3);
  padding: 6px 10px;
  border-radius: 4px;
  margin-top: 14px;
  width: max-content;
  max-width: 100%;
  font-weight: 700;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), background .3s, box-shadow .3s;
  display: block;
}
.path-card:hover .action-clue,
.path-card:focus-visible .action-clue{
  transform: translateY(-2px);
  background: var(--gold);
  color: #0b0a08;
  box-shadow: 0 4px 12px rgba(255,210,74,.3);
}
.hierarchy-flip-wrapper.level-open-btn{
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
  text-decoration: none !important;
  cursor: pointer;
  display: block;
  position: relative;
}
.hierarchy-flip-wrapper.level-open-btn:hover,
.hierarchy-flip-wrapper.level-open-btn:focus,
.hierarchy-flip-wrapper.level-open-btn:focus-visible,
.hierarchy-flip-wrapper.level-open-btn:visited{
  text-decoration: none !important;
  color: inherit;
}
.hierarchy-flip-wrapper.level-open-btn:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
.fun-trigger-global,
.fun-trigger-war{
  scroll-margin-top: 96px;
  text-decoration: none !important;
}
/* Sticky sitebar is ~93px tall on phone once chapters wrap under brand */
#paths, #mission, #agency, #discipline, #system, #structure, #join, #fund, #level-1, #level-2, #level-3, #opposing, #red-green, #field{ scroll-margin-top: 104px; }
#paths-local{ scroll-margin-top: 104px; }

/* How this works — fixed content rail (restored) */
#structure.structure-map.paths-proof{
  max-width: 1180px;
  width: 100%;
  margin: 0 auto 52px;
  padding: 20px 28px 58px;
  box-sizing: border-box;
  background: none;
}
#structure .structure-head,
#structure .structure-frame{
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
#structure .structure-head{
  width: 100%;
  margin: 0 0 26px;
}
#structure .structure-head .paths-kicker{
  display: inline-block;
  margin-bottom: 12px;
  color: var(--gold);
}
#structure .structure-head h2{
  margin: 0 0 14px;
  max-width: none;
  width: 100%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3.6vw, 42px);
  line-height: 1.15;
  font-weight: 600;
  color: #fbfaf7;
  letter-spacing: -0.02em;
}
#structure .structure-head h2 .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
#structure .structure-lead{
  margin: 0;
  max-width: none;
  width: 100%;
  color: #e0d6c6;
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.45;
  font-weight: 650;
}
#structure .structure-frame{
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,210,74,.45);
  border-bottom: 1px solid rgba(255,210,74,.22);
  background:
    linear-gradient(135deg, rgba(79,173,255,.12), transparent 34%),
    linear-gradient(315deg, rgba(255,210,74,.13), transparent 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 84px),
    rgba(0,0,0,.35);
  padding: clamp(18px, 2.8vw, 34px);
  box-shadow: 0 24px 64px rgba(0,0,0,.32);
}
#structure .structure-frame::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 26%),
    linear-gradient(90deg, rgba(79,173,255,.09), transparent 30%, transparent 70%, rgba(255,210,74,.08));
  opacity: .8;
}
#structure .structure-duo{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 2.1vw, 24px);
  margin: 0 0 18px;
  width: 100%;
  position: relative;
  z-index: 1;
}
#structure .structure-duo::before{
  content: "AND";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,210,74,.55);
  background: #11100d;
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: 0 0 0 8px rgba(17,16,13,.92), 0 16px 36px rgba(0,0,0,.45);
}
#structure .structure-pane{
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  padding: 18px 18px 16px;
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
}
#structure .structure-pane::before{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
#structure .structure-pane::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
}
#structure .structure-pane.routes{
  border-color: rgba(79,173,255,.32);
  background:
    linear-gradient(145deg, rgba(37,82,128,.36), rgba(0,0,0,.56)),
    rgba(10,18,28,.88);
}
#structure .structure-pane.routes::before{
  content: "01";
  border: 1px solid rgba(142,200,255,.42);
  background: rgba(79,173,255,.12);
  color: #8ec8ff;
}
#structure .structure-pane.routes::after{
  background: linear-gradient(90deg, #4fadff, rgba(79,173,255,.08));
}
#structure .structure-pane.backbone{
  border-color: rgba(255,210,74,.38);
  background:
    linear-gradient(145deg, rgba(255,210,74,.19), rgba(0,0,0,.56)),
    rgba(26,21,11,.9);
}
#structure .structure-pane.backbone::before{
  content: "02";
  border: 1px solid rgba(255,210,74,.48);
  background: rgba(255,210,74,.13);
  color: var(--gold);
}
#structure .structure-pane.backbone::after{
  background: linear-gradient(90deg, var(--gold), rgba(255,210,74,.08));
}
#structure .structure-pane-k{
  display: block;
  margin: 0 0 6px;
  padding-right: 44px; /* clear the 01/02 badge */
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.25;
}
#structure .structure-pane.routes .structure-pane-k{ color: #8ec8ff; }
#structure .structure-pane.backbone .structure-pane-k{ color: var(--gold); }
/* Ladder: kicker 11 · title ~22 · body 15 · note 13 — not equal slabs */
#structure .structure-pane strong{
  display: block;
  margin: 0 44px 10px 0;
  min-height: 0; /* no empty title floor */
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important;
  font-weight: 600;
  color: #fff8e8;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
#structure .structure-pane > p{
  margin: 0 0 12px;
  color: #e5d9c8;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 550;
}
#structure .structure-pane > p a{
  color: #f3e2a8;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,210,74,.4);
}
#structure .structure-pane > p a:hover{
  color: var(--gold);
  border-bottom-color: var(--gold);
}
#structure .structure-pane-note{
  margin: 10px 0 0;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  background: rgba(255,255,255,.05);
  color: #f0e6d6;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}
/* Desktop duo: pin notes to a shared baseline */
@media (min-width: 721px){
  #structure .structure-pane{
    min-height: 100%;
  }
  #structure .structure-pane-note{
    margin-top: auto;
  }
}
#structure .structure-close{
  margin: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(255,210,74,.24);
  border-radius: 8px;
  background: rgba(0,0,0,.38);
  padding: 14px 16px;
  color: #d8cfc0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
}
#structure .structure-close-actions{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
#structure .structure-close a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 6px;
  background: var(--gold);
  color: #171006;
  white-space: nowrap;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 0;
  box-shadow: 0 10px 24px rgba(255,210,74,.18);
}
#structure .structure-close a.structure-close-secondary{
  background: transparent;
  color: #e8dfd0;
  border: 1px solid rgba(255,210,74,.4);
  box-shadow: none;
  font-weight: 700;
}
#structure .structure-close a.structure-close-secondary:hover{
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(255,210,74,.08);
}
#structure .structure-close a:hover{
  background: #ffe27a;
  border-bottom-color: transparent;
}
#structure .structure-close a.structure-close-secondary:hover{
  background: rgba(255,210,74,.08);
}
#structure .structure-close a:focus-visible{
  outline: 2px solid #fff8e8;
  outline-offset: 3px;
}
#structure .structure-close-copy{
  min-width: 0;
}
.gate a .operator-door-name{
  margin: 14px 0 0;
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: clamp(12px, 1.2vw, 14px);
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.35;
  text-align: center;
}
@media (max-width: 720px){
  #structure.structure-map.paths-proof{
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 28px;
  }
  #structure .structure-head{
    margin: 0 0 16px;
  }
  #structure .structure-head h2{
    font-size: 24px !important;
    line-height: 1.18 !important;
    margin: 0 0 10px !important;
  }
  #structure .structure-lead{
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  #structure .structure-frame{
    padding: 12px;
  }
  #structure .structure-duo{
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 0 0 12px;
  }
  /* AND badge between stacked cards — smaller, less dead air */
  #structure .structure-duo::before{
    top: auto;
    bottom: -6px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 34px;
    height: 34px;
    font-size: 9px;
    box-shadow: 0 0 0 5px rgba(17,16,13,.95), 0 8px 18px rgba(0,0,0,.4);
  }
  #structure .structure-pane{
    padding: 14px 14px 12px;
  }
  #structure .structure-pane::before{
    width: 30px;
    height: 30px;
    top: 12px;
    right: 12px;
    font-size: 11px;
  }
  #structure .structure-pane-k{
    font-size: 10px;
    margin: 0 0 5px;
    padding-right: 38px;
  }
  #structure .structure-pane strong{
    margin: 0 38px 8px 0 !important;
    font-size: 1.15rem !important; /* ~18px — lead inside card */
    line-height: 1.2 !important;
    min-height: 0 !important;
  }
  #structure .structure-pane > p{
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
  }
  #structure .structure-pane-note{
    margin-top: 6px;
    padding: 8px 10px;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  #structure .structure-close{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }
  #structure .structure-close-actions{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  #structure .structure-close a{
    width: 100%;
    margin-top: 0;
    min-height: 40px;
    box-sizing: border-box;
  }
  body.paths-landing #structure .structure-head h2{
    font-size: 24px !important;
  }
  body.paths-landing #structure .structure-lead{
    font-size: 15px !important;
  }
}

/* ── Three disciplines: critical operating habit ── */
.discipline-block{
  padding-top: 28px;
  padding-bottom: 36px;
}
.discipline-block .paths-kicker{
  display: inline-block;
  margin-bottom: 12px;
  color: var(--gold);
}
.discipline-block h2{
  margin: 0 0 14px;
  max-width: 18ch;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 4.2vw, 42px);
  line-height: 1.1;
  font-weight: 600;
  color: #fbfaf7;
}
.discipline-block h2 .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
.discipline-lead{
  margin: 0 0 28px;
  max-width: 38rem;
  color: #e5d9c8;
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 1.4;
  font-weight: 700;
}
.discipline-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
  max-width: 720px;
}
.discipline-item{
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin: 0;
  padding: 18px 20px;
  border-radius: 10px;
  border: 1px solid rgba(79,173,255,.28);
  border-left: 4px solid var(--law2, #4fadff);
  background:
    linear-gradient(135deg, rgba(79,173,255,.1), rgba(0,0,0,.25) 55%),
    rgba(0,0,0,.32);
  box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.discipline-n{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(79,173,255,.45);
  background: rgba(79,173,255,.12);
  color: var(--law2, #4fadff);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .04em;
  flex: 0 0 auto;
}
.discipline-body{
  min-width: 0;
  padding-top: 2px;
}
.discipline-name{
  display: block;
  margin: 0 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  font-weight: 600;
  line-height: 1.2;
  color: #fbfaf7;
  letter-spacing: -0.01em;
}
.discipline-ask{
  margin: 0;
  color: #e5d9c8;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.45;
  font-weight: 650;
}
.discipline-when{
  display: inline;
  color: var(--law2, #4fadff);
  font-weight: 800;
}
.discipline-close{
  margin: 28px 0 0;
  max-width: 36rem;
  padding: 18px 0 0;
  border-top: 1px solid rgba(255,210,74,.35);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  font-weight: 600;
  line-height: 1.3;
  color: #fbfaf7;
}
.agency-head .lead a{
  color: var(--gold);
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,210,74,.4);
}
.agency-head .lead a:hover{
  border-bottom-color: var(--gold);
}
.discipline-level-link{
  margin: 22px 0 0;
}
.discipline-level-link .profile-btn{
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Level 1 modal: three habits as the first move */
.level1-discipline-move{
  width: 100%;
  max-width: 920px;
  margin: 0 auto 48px;
  padding: clamp(22px, 3vw, 32px);
  border-radius: 12px;
  border: 1px solid rgba(79,173,255,.35);
  border-left: 4px solid var(--law2, #4fadff);
  background:
    linear-gradient(145deg, rgba(79,173,255,.12), rgba(0,0,0,.45) 50%),
    rgba(8,8,6,.75);
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
  box-sizing: border-box;
}
.level1-discipline-kicker{
  display: block;
  margin: 0 0 12px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--law2, #4fadff);
}
.level1-discipline-move h3{
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 600;
  line-height: 1.15;
  color: #fbfaf7;
}
.level1-discipline-move h3 .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
.level1-discipline-lead{
  margin: 0 0 22px;
  max-width: 40rem;
  color: #d8cfc0;
  font-size: 1.05rem;
  line-height: 1.45;
  font-weight: 650;
}
.level1-discipline-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.level1-discipline-list > li{
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(0,0,0,.35);
}
.level1-discipline-n{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(79,173,255,.45);
  background: rgba(79,173,255,.12);
  color: var(--law2, #4fadff);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 15px;
  font-weight: 900;
}
.level1-discipline-list strong{
  display: block;
  margin: 0 0 6px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fbfaf7;
}
.level1-discipline-list p{
  margin: 0;
  color: #e5d9c8;
  font-size: 0.98rem;
  line-height: 1.4;
  font-weight: 650;
}
.level1-discipline-when{
  color: var(--law2, #4fadff);
  font-weight: 800;
}
.level1-discipline-close{
  margin: 22px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255,210,74,.35);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 600;
  line-height: 1.3;
  color: #fbfaf7;
}
.level1-discipline-clue{
  display: inline-block;
  margin-top: 16px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid rgba(255,210,74,.4);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,210,74,.08);
}
.level1-identity-flip{
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 34px;
  padding: 0;
  color: inherit;
  text-align: initial;
  background: transparent;
  border: 0;
  cursor: pointer;
  perspective: 1800px;
}
.level1-identity-flip:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 6px;
  border-radius: 16px;
}
.level1-flip-hint{
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 3;
  padding: 7px 10px;
  border: 1px solid rgba(255,210,74,.42);
  border-radius: 999px;
  color: var(--gold);
  background: rgba(8,8,6,.72);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}
.level1-flip-inner{
  display: grid;
  transform-style: preserve-3d;
  transition: transform .7s cubic-bezier(.2,.72,.2,1);
}
.level1-identity-flip:hover .level1-flip-inner,
.level1-identity-flip:focus .level1-flip-inner,
.level1-identity-flip:focus-visible .level1-flip-inner{
  transform: rotateY(180deg);
}
.level1-flip-face{
  grid-area: 1 / 1;
  min-width: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.level1-flip-front .level1-motivation-diagram{
  margin: 0;
}
.level1-copied-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.exp-pill.pattern-pill{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.exp-pill.pattern-pill .plist{
  margin: 8px 0 0;
  padding-left: 1.1em;
}
.exp-pill.pattern-pill .level1-deck-hit{
  margin-top: auto;
  padding-top: 18px;
  text-align: center;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  letter-spacing: .08em;
  line-height: 1;
}
.level1-copy-slide{
  padding: 22px 28px 24px;
  text-align: center;
}
.exp-info-card .level1-copy-slide .level1-deck-copy{
  margin: 0 auto 12px;
  max-width: 48rem;
  text-align: center;
  color: rgba(242,237,230,.78);
  font-size: 1.08rem;
  line-height: 1.55;
}
.exp-info-card .level1-copy-slide .level1-deck-copy:last-child{
  margin-bottom: 0;
}
.exp-info-card .level1-copy-slide .level1-deck-copy.is-lead{
  color: rgba(242,237,230,.9);
}
.exp-info-card .level1-copy-slide .level1-deck-copy b{
  color: #fff;
  font-weight: 800;
}
.exp-pill .level1-deck-hit,
.exp-info-card .level1-copy-slide .level1-deck-hit{
  margin: 8px auto 0;
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.exp-info-card .level1-copy-slide .level1-deck-hit.is-display{
  margin: 10px auto 12px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.9rem, 3.4vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -.02em;
  text-transform: none;
}
.level1-copy-slide .level1-quote-stack{
  max-width: 48rem;
  margin: 12px auto 14px;
  padding: 14px 18px;
  border: 1px solid rgba(255,210,74,.32);
  border-radius: 10px;
  background: rgba(255,210,74,.045);
  text-align: center;
}
.exp-info-card .level1-copy-slide .level1-quote-stack p{
  margin: 8px 0;
  max-width: none;
  color: #f2ede6;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 1.08rem;
  line-height: 1.45;
}
.level1-copied-slide{
  min-width: 0;
  border: 1px solid rgba(255,210,74,.32);
  border-radius: 10px;
  padding: 14px;
  background: rgba(0,0,0,.24);
}
.level1-copied-label{
  display: block;
  margin: 0 0 10px;
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1.35;
  text-transform: uppercase;
}
.level1-copied-stage{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}
.level1-copied-canvas{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: transparent;
  transform: translate(-50%,-50%) scale(.52);
  transform-origin: center center;
}

.level1-copied-canvas[style*="background-image"]{
  inset: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background-position: center;
}
.level1-copied-canvas .pdfline{
  position: absolute;
  white-space: pre;
  line-height: 1.08;
  transform-origin: left top;
}
.private-check-face{
  min-height: 0;
  border-color: rgba(255,210,74,.46);
  background:
    radial-gradient(circle at 50% 30%, rgba(255,210,74,.1), transparent 34%),
    rgba(0,0,0,.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.24);
}
.private-check-back{
  background:
    radial-gradient(circle at 22% 18%, rgba(79,173,255,.14), transparent 34%),
    radial-gradient(circle at 78% 20%, rgba(255,210,74,.12), transparent 30%),
    rgba(0,0,0,.36);
}
.private-check-face .level1-copied-stage{
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}
.level1-flip-back{
  transform: rotateY(180deg);
}
@media (max-width: 980px){
  .level1-copied-canvas{
    transform: translate(-50%,-50%) scale(.42);
  }
}
@media (max-width: 780px){
  .level1-copied-canvas{
    transform: translate(-50%,-50%) scale(.34);
  }
}
.level1-formation-head{
  display: grid;
  gap: 8px;
  margin-bottom: clamp(18px, 3vw, 28px);
  text-align: center;
}
.level1-formation-head span,
.formation-k{
  color: rgba(255,210,74,.78);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.level1-formation-head strong{
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.9rem, 4.5vw, 3.6rem);
  line-height: .98;
}
.identity-formation-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2.4vw, 24px);
}
.formation-column{
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(0,0,0,.25);
}
.formation-column strong{
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2.5vw, 1.8rem);
  line-height: 1.12;
}
.formation-column > span:not(.formation-k):not(.formation-chain){
  color: rgba(255,255,255,.74);
  font-size: clamp(.95rem, 1.6vw, 1.08rem);
  line-height: 1.58;
}
.formation-healthy{
  border-color: rgba(79,173,255,.36);
  box-shadow: inset 0 0 0 1px rgba(79,173,255,.08);
}
.formation-unhealthy{
  border-color: rgba(255,210,74,.32);
  box-shadow: inset 0 0 0 1px rgba(255,210,74,.08);
}
.formation-chain{
  display: block;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.05);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.5;
}
.formation-context{
  margin: clamp(18px, 3vw, 28px) auto 0;
  max-width: 820px;
  color: rgba(255,255,255,.68);
  font-size: clamp(.95rem, 1.6vw, 1.08rem);
  line-height: 1.65;
  text-align: center;
}
.level1-motivation-diagram{
  margin: 0 0 34px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(255,210,74,.28);
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,210,74,.14), transparent 34%),
    linear-gradient(145deg, rgba(255,210,74,.07), rgba(0,0,0,.32));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.level1-diagram-head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  margin-bottom: 18px;
}
.level1-diagram-head span,
.level1-context-row{
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,210,74,.78);
}
.level1-diagram-head strong{
  color: #fbfaf7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.7rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1;
}
.level1-diagram-field{
  position: relative;
  min-height: clamp(360px, 48vw, 520px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.04) 1px, transparent 1px),
    rgba(0,0,0,.24);
  background-size: 42px 42px;
}
.level1-diagram-field::before,
.level1-diagram-field::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(68%, 520px);
  aspect-ratio: 1;
  border: 1px solid rgba(255,210,74,.34);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.level1-diagram-field::after{
  width: min(48%, 360px);
  border-color: rgba(79,173,255,.38);
}
.level1-center-core,
.level1-side-node,
.level1-support-node,
.level1-orbit-word{
  position: absolute;
  z-index: 1;
  text-align: center;
}
.level1-center-core{
  left: 50%;
  top: 50%;
  width: min(56%, 360px);
  min-height: 180px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border: 1px solid rgba(255,210,74,.55);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: rgba(8,8,6,.82);
  box-shadow: 0 18px 45px rgba(0,0,0,.38);
}
.level1-center-core strong{
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.1rem, 5vw, 4rem);
  line-height: .95;
}
.level1-center-core span,
.level1-side-node,
.level1-support-node{
  color: #fbfaf7;
  font-size: clamp(.9rem, 1.8vw, 1.2rem);
  font-weight: 800;
}
.level1-orbit-word{
  color: rgba(255,255,255,.76);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 650;
}
.word-personality{ left: 50%; top: 8%; transform: translateX(-50%); }
.word-knowledge{ right: 12%; top: 28%; }
.word-health{ left: 14%; top: 34%; }
.word-relationships{ left: 50%; bottom: 12%; transform: translateX(-50%); }
.level1-side-node{
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.side-experience{ left: 5%; top: 48%; }
.side-data{ right: 4%; top: 22%; }
.side-service-left{ left: 12%; bottom: 10%; }
.side-service-right{ right: 8%; bottom: 31%; }
.level1-support-node{
  left: 50%;
  bottom: 4%;
  width: min(68%, 460px);
  padding: 12px 16px;
  border: 1px solid rgba(79,173,255,.42);
  border-radius: 10px;
  transform: translateX(-50%);
  background: rgba(79,173,255,.1);
}
.level1-context-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  margin-top: 16px;
  color: rgba(255,255,255,.62);
  letter-spacing: .08em;
}
@media (max-width: 640px){
  .level1-flip-hint{
    top: 12px;
    right: 12px;
  }
  .level1-flip-back{
    min-height: 0;
    padding: 0;
  }
  .level1-copied-slide{
    padding: 8px;
  }
  .level1-copied-canvas{
    transform: translate(-50%,-50%) scale(.28);
  }
  .identity-formation-grid{
    grid-template-columns: 1fr;
  }
  .formation-column{
    min-height: 0;
  }
  .level1-discipline-move{
    margin-bottom: 32px;
    padding: 18px;
  }
  .level1-discipline-list > li{
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .level1-diagram-head{
    grid-template-columns: 1fr;
    align-items: start;
  }
  .level1-diagram-field{
    min-height: 620px;
  }
  .level1-diagram-field::before,
  .level1-diagram-field::after{
    display: none;
  }
  .level1-center-core,
  .level1-side-node,
  .level1-support-node,
  .level1-orbit-word{
    position: static;
    transform: none;
    width: auto;
    margin: 10px 14px;
  }
  .level1-center-core{
    margin-top: 18px;
    border-radius: 18px;
    min-height: 0;
  }
}
@media (max-width: 420px){
  .level1-copied-canvas{
    transform: translate(-50%,-50%) scale(.18);
  }
}
.paths-boot-skip{
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,210,74,.75);
  background: transparent;
  border: 1px solid rgba(255,210,74,.35);
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
}
.paths-boot-skip:hover,
.paths-boot-skip:focus-visible{
  color: #0b0a08;
  background: var(--gold);
  border-color: var(--gold);
  outline: none;
}
.path-form-status{ margin-top: 10px; font-size: 14px; color: #d8cfc0; }
.path-form-status.success{ color: var(--gold); }
.path-form-status.error{ color: #ff8b7a; }

/* Mission section: slightly stronger title/lead; modest level ladder */
#mission.paths-proof.mission-block{
  padding-top: 40px;
  padding-bottom: 20px;
}
/* Red-green band — copy left, wolves right; then Brotherhood map */
.red-green-band{
  max-width: 1180px;
  margin: 8px auto 18px;
  padding: 0 28px;
  box-sizing: border-box;
  scroll-margin-top: 104px;
}
.red-green-inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.85fr);
  gap: clamp(20px, 3vw, 36px);
  align-items: center;
}
.red-green-copy{ min-width: 0; }
.red-green-intro-k{
  display: block;
  margin: 0 0 8px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffb4aa;
}
.red-green-intro-line{
  margin: 0;
  max-width: 22em;
  color: #f0e6d6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 2.1vw, 1.5rem);
  line-height: 1.28;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.red-green-visual{
  min-height: clamp(180px, 28vh, 260px);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(224,112,104,.28);
  box-shadow: 0 18px 50px rgba(0,0,0,.4);
  background:
    linear-gradient(180deg, rgba(8,8,6,.08), rgba(8,8,6,.35)),
    var(--rg-img) center 40% / cover no-repeat;
}
@media (max-width: 720px){
  .red-green-band{ padding: 0 18px; }
  .red-green-inner{ grid-template-columns: 1fr; gap: 16px; }
  .red-green-visual{ min-height: 200px; }
}
.rg-flow-line{
  margin: 0;
  max-width: 28em;
  color: #f0e6d6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 2.1vw, 1.5rem);
  line-height: 1.28;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.mb-index-inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-height: clamp(280px, 36vh, 400px);
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}
.mb-index-copy{
  padding:
    clamp(20px, 3vw, 36px)
    clamp(28px, 3.5vw, 48px)
    clamp(32px, 4vw, 48px)
    max(28px, calc((100vw - 1180px) / 2 + 28px));
  border-left: 0;
  border-right: 1px solid rgba(224,112,104,.12);
  background:
    linear-gradient(90deg, rgba(90,20,18,.22), rgba(10,9,8,.55) 70%),
    transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.mb-index-k{
  display: block;
  margin: 0 0 14px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffb4aa;
}
.mb-index-copy h2{
  margin: 0 0 18px;
  max-width: 14em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  line-height: 1.06;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #fbfaf7;
}
.mb-index-key{
  margin: 0 0 16px;
  max-width: 22em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2.1vw, 1.55rem);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #f0e6d6;
}
.mb-index-sub{
  margin: 0 0 24px;
  max-width: 28em;
  font-size: 15.5px;
  line-height: 1.45;
  font-weight: 600;
  color: #a89f90;
}
.mb-index-cta{
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 8px;
  background: #e8dfd0;
  color: #171006;
  font-weight: 850;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: .02em;
  transition: background .15s ease, transform .15s ease;
}
.mb-index-cta:hover{
  background: #fff;
  transform: translateY(-1px);
}
.mb-index-visual{
  display: block;
  align-self: stretch;
  min-height: clamp(280px, 36vh, 400px);
  min-width: 0;
  /* Fallback path if --mb-map is missing/broken (quote escapes on deploy) */
  background-color: #111;
  background-image:
    linear-gradient(90deg, rgba(10,9,8,.88) 0%, rgba(10,9,8,.35) 28%, transparent 55%),
    var(--mb-map, url(deck-assets/MuslimBrotherhood/symbolpnglobalmap.png));
  background-position: center, center;
  background-size: auto, cover;
  background-repeat: no-repeat, no-repeat;
  text-decoration: none;
  transition: filter .25s ease;
}
.mb-index-visual:hover{
  filter: brightness(1.06);
}
@media (max-width: 900px){
  .rg-flow-lead{ padding: 20px 18px 6px; }
  .mb-index-inner{
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .mb-index-copy{
    padding: 16px 18px 28px;
    border-right: 0;
  }
  .mb-index-visual{
    min-height: min(52vw, 280px);
    order: -1;
    background-image:
      linear-gradient(180deg, transparent 15%, rgba(10,9,8,.9)),
      var(--mb-map, url(deck-assets/MuslimBrotherhood/symbolpnglobalmap.png));
    background-position: center, center;
    background-size: auto, cover;
  }
}
#mission.paths-proof #mission-title{
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.6vw, 3rem);
  line-height: 1.05;
  margin: 0 0 12px;
  color: #fbfaf7;
}
#mission.paths-proof > strong{
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.2;
}
#mission.paths-proof > p:not(.mission-one-move){
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.55;
  color: #d8cfc0;
}
#mission.paths-proof > p:not(.mission-one-move) .lead{
  font-size: 1.08em;
}

/* One move + levels — larger than body, not poster-size */
.mission-one-move{
  margin: 26px 0 0;
  max-width: 880px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 1.9vw, 1.55rem);
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #fbfaf7;
}
.mission-one-move-sub{
  display: inline;
  color: #d8cfc0;
  font-weight: 500;
  font-size: 0.92em;
}
.mission-level-list{
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  gap: 12px;
  max-width: 650px;
}
.mission-level-list > li{
  margin: 0;
  padding: 0;
  display: block;
}
.mission-level-list .action-trigger.action-trigger-btn{
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.65em;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 16px;
  font: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.45vw, 1.3rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
  text-align: left;
  text-decoration: none !important;
  color: #f8f0e4;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,210,74,.35);
  border-left: 3px solid var(--gold);
  border-radius: 8px;
  cursor: pointer;
  transition: background .25s, border-color .25s, transform .25s, box-shadow .25s, color .25s;
}
.mission-level-list .lvl-n{
  font-family: "SF Mono", Menlo, monospace;
  font-size: 0.68em;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
  flex: 0 0 auto;
}
.mission-level-list .lvl-t{
  flex: 1 1 auto;
  min-width: 12ch;
  line-height: 1.25;
}
.mission-level-list .action-trigger.action-trigger-btn:hover,
.mission-level-list .action-trigger.action-trigger-btn:focus,
.mission-level-list .action-trigger.action-trigger-btn:focus-visible,
.mission-level-list .action-trigger.action-trigger-btn:visited{
  text-decoration: none !important;
  outline: none;
  color: #fbfaf7;
  background: rgba(255,210,74,.1);
  border-color: rgba(255,210,74,.65);
  transform: translateX(3px);
  box-shadow: 0 8px 28px rgba(0,0,0,.3);
}
.mission-level-list .action-trigger.action-trigger-btn:hover .lvl-n,
.mission-level-list .action-trigger.action-trigger-btn:focus-visible .lvl-n{
  color: var(--gold);
}
.mission-level-list .action-trigger.action-trigger-btn:focus-visible{
  box-shadow: 0 0 0 2px rgba(255,210,74,.5), 0 8px 28px rgba(0,0,0,.3);
}
@media (min-width: 901px){
  #mission.paths-proof #mission-title{
    font-size: clamp(2.25rem, 3.2vw, 3.15rem);
  }
  #mission.paths-proof > strong{
    font-size: clamp(1.85rem, 2.8vw, 2.5rem);
  }
  .mission-one-move{
    font-size: clamp(1.3rem, 1.7vw, 1.65rem);
    margin-top: 30px;
  }
  .mission-level-list .action-trigger.action-trigger-btn{
    font-size: clamp(1.12rem, 1.35vw, 1.38rem);
    padding: 14px 18px;
  }
}

/* Agency block — fire: weight, heat, punch */
.paths-landing .agency-block{
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 28px 20px;
  position: relative;
}
.paths-landing .agency-block::before{
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent 70%);
  opacity: .55;
}
.agency-head{
  max-width: 900px;
  margin-bottom: 32px;
}
.agency-head .paths-kicker{
  display: inline-block;
  margin-bottom: 14px;
  color: var(--gold);
}
.agency-head h2{
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(36px, 5.4vw, 68px);
  line-height: .98;
  color: #fbfaf7;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.agency-head h2 .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
.agency-head .lead{
  margin: 0;
  max-width: 34rem;
  color: #f0e6d6;
  font-size: clamp(19px, 2.2vw, 26px);
  line-height: 1.3;
  font-weight: 750;
}
/* Close the Brotherhood band — real air before the next chapter */
#opposing.mb-index-band{
  margin-bottom: 0;
  padding-bottom: clamp(28px, 4vw, 48px);
  border-bottom: 0;
}
/* Field test — not kissing the MB band above */
.field-test-band{
  position: relative;
  max-width: none;
  width: 100%;
  margin: clamp(48px, 7vw, 88px) 0 0;
  padding:
    clamp(48px, 6vw, 72px)
    max(28px, calc((100vw - 1180px) / 2 + 28px))
    clamp(20px, 3vw, 36px);
  box-sizing: border-box;
  background: #0c0b09;
  isolation: isolate;
  scroll-margin-top: 104px;
  border-top: 1px solid rgba(255,210,74,.14);
}
.field-test-band::before{
  content: none; /* no thin rule that reads as “footer of previous” */
}
.field-chapter-head{
  max-width: 1180px;
  margin: 0 auto clamp(28px, 4vw, 40px);
}
.field-chapter-head .paths-kicker{
  display: inline-block;
  margin-bottom: 14px;
}
.field-chapter-head h2{
  margin: 0;
  max-width: 16em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #fbf7ef;
}
.field-chapter-lead{
  margin: 14px 0 0;
  max-width: 34em;
  color: #b0a698;
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 1.45;
  font-weight: 600;
}
/* Pull One system into the same chapter beat */
.field-test-band + #system.paths-close{
  padding-top: clamp(28px, 4vw, 44px);
  border-top: 0;
  background: #0c0b09;
}
.agency-depth{
  box-sizing: border-box;
  width: 100%;
  max-width: 1180px;
  margin: 20px auto;
  border: 1px solid rgba(255,210,74,.22);
  border-radius: 14px;
  background: #100f0c;
  box-shadow: none;
  transition: border-color .2s ease, background .2s ease;
}
.agency-depth:hover{
  border-color: rgba(255,210,74,.38);
  background: #12110e;
}
.agency-depth[open]{
  border-color: rgba(255,210,74,.42);
  background: #12110e;
}
.agency-depth summary{
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 24px;
  align-items: center;
  padding: clamp(22px, 2.8vw, 32px) clamp(22px, 2.8vw, 34px);
  color: #f8f0e4;
}
.agency-depth summary::-webkit-details-marker{ display: none; }
.agency-depth summary::after{
  content: "+";
  grid-column: 2;
  grid-row: 1 / span 3;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,210,74,.35);
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 20px;
  line-height: 1;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.agency-depth summary:hover::after{
  background: rgba(255,210,74,.12);
  border-color: rgba(255,210,74,.55);
}
.agency-depth[open] summary::after{
  content: "−";
  background: var(--gold);
  color: #0b0a08;
  border-color: var(--gold);
}
.agency-depth summary:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
.agency-depth-k{
  display: block;
  margin: 0 0 6px;
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.agency-depth summary strong{
  display: block;
  color: #fbf7ef;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.6vw, 2.15rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-transform: none;
}
.agency-depth summary strong .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
.agency-depth summary em{
  display: block;
  margin-top: 6px;
  color: #9e9588;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.agency-depth-body{
  padding: 0 clamp(22px, 2.8vw, 34px) clamp(26px, 3.2vw, 40px);
  border-top: 1px solid rgba(255,210,74,.12);
  margin-top: 0;
}
@media (max-width: 720px){
  .field-test-band{
    margin-top: 40px;
    padding: 36px 18px 20px;
  }
  .field-chapter-head{
    margin-bottom: 22px;
  }
  .field-chapter-head h2{
    font-size: 28px;
  }
  .agency-depth summary{
    padding: 18px 16px;
    gap: 6px 12px;
  }
  .agency-depth summary::after{
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .agency-depth summary em{
    letter-spacing: .02em;
    text-transform: none;
    font-size: 14px;
    color: #b0a698;
  }
}
.agency-frame{
  border: 1px solid rgba(255,210,74,.42);
  border-radius: 8px;
  background:
    radial-gradient(700px circle at 12% 0%, rgba(255,210,74,.12), transparent 55%),
    radial-gradient(500px circle at 90% 100%, rgba(196,92,82,.12), transparent 50%),
    rgba(0,0,0,.35);
  padding: clamp(22px, 3vw, 36px);
  margin-bottom: 28px;
  box-shadow:
    0 0 0 1px rgba(255,210,74,.08),
    0 28px 80px rgba(0,0,0,.45);
}
.agency-frame > .profile-label{
  margin: 0 0 16px;
  color: var(--gold);
  letter-spacing: .14em;
}
.agency-duo{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}
.agency-pane{
  border-radius: 8px;
  padding: 20px 20px 22px;
  border: 1px solid rgba(255,255,255,.12);
  border-left: 4px solid rgba(255,255,255,.2);
  background: rgba(0,0,0,.4);
  min-height: 100%;
  transition: transform .25s ease, border-color .25s, box-shadow .25s;
}
.agency-pane:hover{
  transform: translateY(-3px);
}
.agency-pane .pl-k{
  display: block;
  margin: 0 0 12px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.agency-pane strong{
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 1.9vw, 1.65rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.agency-pane-sub{
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  opacity: .85;
}
.agency-pane.bad{
  border-left-color: #e07068;
  background: linear-gradient(145deg, rgba(139,30,30,.35), rgba(0,0,0,.45));
  border-color: rgba(241,194,186,.35);
  box-shadow: inset 0 0 40px rgba(139,30,30,.15);
}
.agency-pane.bad:hover{
  border-color: rgba(241,194,186,.55);
  box-shadow: 0 16px 40px rgba(80,10,10,.35), inset 0 0 40px rgba(139,30,30,.2);
}
.agency-pane.bad .pl-k{ color: #ffb4aa; }
.agency-pane.bad strong{ color: #fff0ed; }
.agency-pane.bad .agency-pane-sub{ color: #f1c2ba; }
.agency-pane.law{
  border-left-color: var(--gold);
  background: linear-gradient(145deg, rgba(255,210,74,.16), rgba(0,0,0,.45));
  border-color: rgba(255,210,74,.45);
  box-shadow: inset 0 0 40px rgba(255,210,74,.08);
}
.agency-pane.law:hover{
  border-color: rgba(255,210,74,.75);
  box-shadow: 0 16px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(255,210,74,.2), inset 0 0 40px rgba(255,210,74,.1);
}
.agency-pane.law .pl-k{ color: var(--gold); }
.agency-pane.law strong{ color: #fff8e8; }
.agency-pane.law .agency-pane-sub{ color: #e5d9c8; }
.agency-cases{
  display: grid;
  gap: 10px;
  margin: 0 0 22px;
}
.agency-case{
  display: grid;
  grid-template-columns: minmax(8.5rem, 11rem) 1fr;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.4);
  transition: border-color .2s, transform .2s;
}
.agency-case:hover{
  border-color: rgba(224,112,104,.5);
  transform: translateX(4px);
}
.agency-case-who{
  display: flex;
  align-items: center;
  padding: 14px 16px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f0e6d6;
  border-right: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.4);
}
.agency-case-what{
  display: flex;
  align-items: center;
  padding: 14px 18px;
  color: #ffe8e4;
  font-size: clamp(15px, 1.4vw, 17px);
  font-weight: 750;
  line-height: 1.3;
  border-left: 4px solid #e07068;
  background: linear-gradient(90deg, rgba(139,30,30,.35), rgba(139,30,30,.12));
}
/* Closing argument stack: real air between each beat */
.agency-close{
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.agency-hive{
  margin: 0;
  max-width: 44rem;
  color: #e5d9c8;
  font-size: clamp(16px, 1.55vw, 18px);
  line-height: 1.55;
  font-weight: 650;
  padding: 0;
  border-top: none;
}
.agency-hive strong{
  display: inline;
  color: #fbfaf7;
  font-size: inherit;
  font-family: inherit;
  font-weight: 800;
}
.agency-habit{
  margin: 0;
  max-width: 40rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.8vw, 2.15rem);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fbfaf7;
  border-top: none;
  padding-top: 0;
}
.agency-habit .hl,
.agency-network .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
.agency-network{
  margin: 0;
  max-width: 44rem;
  color: #f0e6d6;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.55;
  font-weight: 700;
}
.agency-memory{
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding-top: 8px;
}
.agency-tests {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
  margin-bottom: 28px;
  padding-top: 36px;
  /* Removed the full-width top border */
}
.agency-block > .agency-depth {
  margin-bottom: 28px;
}
.agency-block > .agency-end {
  margin-top: 8px;
}
.agency-tests > .profile-label {
  margin: 0 0 8px 0;
  color: #fbfaf7;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--gold);
  display: inline-block; /* Keeps the underline constrained to text width */
}
.agency-q-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 52rem;
}
.agency-q-list li {
  margin: 0;
  padding: 4px 0;
  border: none;
  background: transparent;
  color: #fbfaf7;
  font-family: "Georgia", "Times New Roman", serif; /* Elegant serif fallback */
  font-size: clamp(20px, 2vw, 26px); /* Larger serif text */
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.agency-q-list li:hover {
  color: var(--gold);
  transition: color 0.2s ease;
}
.agency-end{
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,210,74,.28);
}
.agency-bridge{
  margin: 0;
  max-width: 36rem;
  color: #e5d9c8;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.55;
  font-weight: 700;
}
.agency-bridge strong{
  display: inline;
  color: #fbfaf7;
  font-size: inherit;
  font-family: inherit;
}
.agency-inner-links{
  margin: 0;
  max-width: 40rem;
  color: #a89f90;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 650;
}
.agency-inner-links a{
  color: var(--gold);
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,210,74,.35);
}
.agency-inner-links a:hover{
  border-bottom-color: var(--gold);
}
.agency-cta{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin: 0;
  padding: 0;
}
.agency-cta .profile-btn{
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .04em;
  border-radius: 8px;
  text-decoration: none;
}
@media (max-width: 720px){
  .paths-landing .agency-block{
    padding-left: 18px;
    padding-right: 18px;
  }
  .paths-landing .agency-block::before{
    left: 18px;
    right: 18px;
  }
  .agency-duo{ grid-template-columns: 1fr; }
  .agency-case{ grid-template-columns: 1fr; }
  .agency-case-who{
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .agency-q-list{ grid-template-columns: 1fr; }
  .agency-cta .profile-btn{ width: 100%; }
  .agency-close{ gap: 36px; margin-top: 24px; padding-top: 24px; }
  .agency-tests{ gap: 28px; margin-top: 40px; padding-top: 36px; }
  .agency-end{ gap: 32px; margin-top: 12px; }
  .agency-memory{ gap: 18px; }
}



/* Memory cases: deep-links into persecution slides */
.agency-memory-lead{
  margin: 0;
  max-width: 40rem;
  color: #d8cfc0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 650;
}
.agency-memory-cases{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  max-width: 52rem;
}
.agency-memory-cases a{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,210,74,.32);
  border-left: 3px solid var(--gold);
  background: rgba(0,0,0,.28);
  color: #f8f0e4;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  transition: border-color .2s, background .2s, color .2s;
}
.agency-memory-cases a:hover{
  border-color: rgba(255,210,74,.7);
  background: rgba(255,210,74,.08);
  color: var(--gold);
}
.agency-memory-cases a.agency-memory-all{
  border-left-color: var(--gold);
  color: var(--gold);
}
a.agency-case{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: border-color .2s, transform .2s;
}
a.agency-case:hover{
  border-color: rgba(255,210,74,.55);
  transform: translateX(3px);
}
a.agency-case:hover .agency-case-what{
  color: #fff0ed;
}
.agency-case-go{
  display: inline;
  margin-left: .35em;
  color: var(--gold);
  font-weight: 800;
  font-size: .92em;
  white-space: nowrap;
}

/* Mission + agency — simple 1180 column */
.mission-agency-rail{
  width: min(1180px, calc(100% - 56px));
  max-width: 1180px;
  margin: 0 auto 36px;
  box-sizing: border-box;
}
.mission-agency-rail > .paths-proof,
.mission-agency-rail > .paths-close{
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
.mission-agency-rail > #agency.agency-block.paths-proof{
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.mission-agency-rail > #agency.agency-block.paths-proof::before{
  display: none;
}
.mission-agency-rail #mission.paths-proof > p .lead{
  color: var(--gold);
  font-weight: 800;
}
@media (max-width: 1024px){
  .mission-agency-rail{
    width: calc(100% - 44px);
  }
  .mission-agency-rail > .paths-proof,
  .mission-agency-rail > .paths-close,
  .mission-agency-rail > #agency.agency-block.paths-proof{
    padding-left: 0;
    padding-right: 0;
  }
  .mission-agency-rail .mission-level-list{
    max-width: none;
  }
}
@media (max-width: 720px){
  .mission-agency-rail{
    width: calc(100% - 36px);
  }
  .mission-agency-rail .paths-band-head{
    width: 100%;
  }
  .mission-agency-rail .mission-level-list .action-trigger.action-trigger-btn{
    align-items: flex-start;
    gap: 6px;
    padding: 13px 14px;
  }
  .mission-agency-rail .mission-level-list .lvl-n,
  .mission-agency-rail .mission-level-list .lvl-t{
    flex-basis: 100%;
    min-width: 0;
  }
  .mission-agency-rail .paths-band-head > .mission-charge-call,
  .mission-agency-rail > .paths-close > p.mission-charge{
    max-width: none;
  }
}

#system.paths-close{
 max-width: 100%;
}


#system.paths-close .profile-label{
  display: block;
  margin: 0 0 18px;
  color: var(--gold);
  letter-spacing: .14em;
}

#system .paths-close h2{
  margin: 0;
  max-width: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 6.5vw, 72px);
  line-height: .95;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #fbf7ef;
}
#system .system-ship-line{
  margin: 0;
  color: #f0e6d6;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: -0.015em;
}
#system .system-ship-sub{
  display: block;
  margin-top: 12px;
  color: #8f867a;
  font-size: 0.72em;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .02em;
}
@media (max-width: 720px){
  #system.paths-close{
    padding: 40px 18px 32px;
  }
  #system .paths-close-inner{
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
  }
  #system .paths-close h2{
    font-size: clamp(36px, 11vw, 48px);
  }
}

/* Path band headers (replaces giant inline style blobs) */
.paths-grid > .paths-band-head,
#scale-truth > .paths-band-head,
#war-room > .paths-band-head{
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255,210,74,.18);
  border-bottom: 1px solid rgba(255,210,74,.42);
  padding: 20px 0 22px;
  margin: 18px 0 8px;
}
.paths-grid > .paths-band-head:first-child{
  margin-top: 0;
  border-top: 0;
}
.path-section-head{
  position: relative;
}
.path-section-head::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent 58%);
  opacity: .72;
}
.path-section-head-feature{
  padding-top: 28px;
}
.paths-band-head .paths-kicker{
  margin-bottom: 12px;
  color: rgba(255,255,255,.7);
}
.paths-band-head h2{
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
  color: #fbfaf7;
  font-weight: 500;
}
.paths-band-head p{
  margin: 12px 0 0;
  max-width: 640px;
  color: rgba(255,255,255,.7);
  font-size: 1.05rem;
  line-height: 1.5;
}
.paths-levels{
  grid-column: 1 / -1;
  width: 100%;
  max-width: 1180px;
  margin: 10px auto 28px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  perspective: 1200px;
}
.paths-landing .paths-levels .level-1-wrapper,
.paths-landing .paths-levels .level-2-wrapper,
.paths-landing .paths-levels .level-3-wrapper{
  grid-column: auto;
  margin: 0;
  transform: none;
  z-index: 1;
  box-shadow:
    0 24px 70px rgba(0,0,0,.7),
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.18);
  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    box-shadow .45s cubic-bezier(.16,1,.3,1),
    border-color .35s ease,
    filter .35s ease;
}
@media (min-width: 901px){
  .paths-landing .paths-levels .level-1-wrapper{
    transform: translateY(34px) rotate(-1.5deg);
    z-index: 1;
  }
  .paths-landing .paths-levels .level-2-wrapper{
    transform: translateY(0) scale(1.04);
    z-index: 3;
  }
  .paths-landing .paths-levels .level-3-wrapper{
    transform: translateY(34px) rotate(1.5deg);
    z-index: 2;
  }
  .paths-landing .paths-levels:hover .glass-panel{
    filter: saturate(.92) brightness(.9);
  }
  .paths-landing .paths-levels .glass-panel:hover,
  .paths-landing .paths-levels .glass-panel.active-hover{
    transform: translateY(-18px) scale(1.06);
    z-index: 10;
    filter: saturate(1.12) brightness(1.05);
  }
}
.paths-landing .paths-levels .glass-panel,
.paths-landing .paths-levels a.hierarchy-flip-wrapper.glass-panel{
  height: auto;
  min-height: clamp(360px, 34vw, 460px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  border-color: rgba(255,210,74,.28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.025) 34%, rgba(255,210,74,.055)),
    rgba(11,10,8,.72);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
  isolation: isolate;
}
.paths-landing .paths-levels .glass-panel::before{
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 3;
  pointer-events: none;
  border-radius: 17px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.34), transparent 18%, transparent 70%, rgba(255,210,74,.14)),
    radial-gradient(420px circle at 22% 0%, rgba(255,255,255,.18), transparent 55%);
  opacity: .46;
  mix-blend-mode: screen;
}
.paths-landing .paths-levels .glass-panel::after{
  content: "";
  position: absolute;
  inset: auto 24px 0;
  height: 2px;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,210,74,.75), transparent);
  opacity: .72;
  transform: scaleX(.54);
  transition: transform .35s ease, opacity .35s ease;
}
.paths-landing .paths-levels .hierarchy-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .72;
  z-index: 1;
  transform: scale(1.03);
  transition: transform .9s cubic-bezier(.16,1,.3,1), opacity .45s ease, filter .45s ease;
}
.paths-landing .paths-levels .glass-overlay{
  z-index: 2;
  background:
    radial-gradient(520px circle at 50% 18%, rgba(255,210,74,.12), transparent 52%),
    linear-gradient(180deg, rgba(5,5,5,.10) 0%, rgba(5,5,5,.42) 40%, rgba(5,5,5,.94) 100%);
}
.paths-landing .paths-levels .glass-panel:hover .hierarchy-img,
.paths-landing .paths-levels .glass-panel.active-hover .hierarchy-img{
  opacity: .86;
  transform: scale(1.12);
  filter: saturate(1.14) contrast(1.06);
}
.paths-landing .paths-levels .glass-panel:hover::after,
.paths-landing .paths-levels .glass-panel.active-hover::after{
  opacity: 1;
  transform: scaleX(1);
}
.paths-landing .paths-levels .glass-panel:hover .glass-overlay,
.paths-landing .paths-levels .glass-panel.active-hover .glass-overlay{
  background:
    radial-gradient(560px circle at 50% 12%, rgba(255,210,74,.2), transparent 55%),
    linear-gradient(180deg, rgba(5,5,5,.04) 0%, rgba(5,5,5,.32) 38%, rgba(5,5,5,.91) 100%);
}
.paths-landing .paths-levels .glass-content,
.paths-landing .paths-levels .hierarchy-content{
  position: relative;
  z-index: 5;
  width: auto;
  height: auto;
  min-height: clamp(360px, 34vw, 460px);
  box-sizing: border-box;
  padding: clamp(22px, 2.4vw, 32px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.paths-landing .paths-levels .glass-title,
.paths-landing .paths-levels .h-title{
  font-size: clamp(2rem, 2.8vw, 3rem) !important;
  line-height: 1.02 !important;
  margin: 0 0 10px !important;
}
.paths-landing .paths-levels .glass-desc,
.paths-landing .paths-levels .h-desc{
  max-width: 32rem;
}
.paths-landing .paths-levels .glass-hint{
  position: static;
  width: auto;
  max-width: 100%;
  margin-top: 18px;
  align-self: flex-start;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}
/* No empty peek chrome — always show the level action cue */
.paths-landing .glass-panel .glass-hint{
  opacity: 1;
  transform: none;
}
/* Funding block — content rail (restored) */
.paths-landing .fund-strip.support-strip{
  max-width: 1180px;
  margin: 48px auto 40px;
  padding: clamp(28px, 4vw, 48px) clamp(24px, 3.5vw, 40px);
  border-radius: 12px;
  border: 1px solid rgba(255,210,74,.42);
  background:
    linear-gradient(135deg, rgba(255,210,74,.14), rgba(8,8,6,.2) 55%),
    #0b0a08;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}
.paths-landing .fund-strip .profile-label{
  margin: 0;
  color: var(--gold);
}
.paths-landing .fund-title{
  display: block;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 3.6vw, 2.85rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fbfaf7;
  max-width: 22ch;
}
.paths-landing .fund-strip .support-lede,
.paths-landing .fund-deal,
.paths-landing .fund-close{
  margin: 0;
  max-width: 42rem;
  color: #d8cfc0;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.5;
  font-weight: 600;
}
.paths-landing .fund-deal{
  color: #f0e6d6;
  border-left: 3px solid var(--gold);
  padding-left: 14px;
}
.paths-landing .fund-deal b,
.paths-landing .fund-strip .support-lede b{
  color: var(--gold);
}
.paths-landing .fund-close{
  color: #fbfaf7;
  font-size: clamp(1.1rem, 1.55vw, 1.28rem);
}
.paths-landing .fund-foot{
  margin: 4px 0 0;
  max-width: 36rem;
  color: #9c9384;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
}
.paths-landing .fund-share-link{
  color: var(--gold);
  font-family: "SF Mono", Menlo, monospace;
  font-size: 0.92em;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,210,74,.45);
}
.paths-landing .fund-share-link:hover{
  border-bottom-color: var(--gold);
}
.paths-landing .fund-actions.support-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  width: 100%;
}
.paths-landing .fund-actions .fund-btn,
.paths-landing .fund-actions a.fund-btn,
.paths-landing .fund-actions button.fund-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 56px;
  height: 56px;
  padding: 0 28px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0.02em;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
}
.paths-landing .fund-btn-primary.paypal,
.paths-landing a.fund-btn-primary{
  background: var(--gold) !important;
  color: #080806 !important;
  border: none !important;
  box-shadow: 0 10px 28px rgba(255,210,74,.32);
}
.paths-landing .fund-btn-primary.paypal:hover,
.paths-landing a.fund-btn-primary:hover{
  background: #ffe08a !important;
  color: #080806 !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(255,210,74,.4);
}
.paths-landing .fund-btn.bmc{
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255,210,74,.55);
  background: rgba(0,0,0,.35);
  color: var(--gold);
}
.paths-landing .fund-btn.bmc:hover{
  background: rgba(255,210,74,.12);
}
.paths-landing .fund-btn.patreon{
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
  color: #f8f0e4;
}
.paths-landing .fund-btn.patreon:hover{
  background: #fff;
  color: #0b0a08;
  border-color: #fff;
}
/* Hero CTAs: one primary lead + secondary chips (not four equal slabs) */
.paths-landing .profile-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
}
.paths-landing .profile-actions .profile-btn,
.paths-landing .profile-actions a.profile-btn,
.paths-landing .profile-actions button.profile-btn{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  height: auto;
  padding: 11px 18px;
  margin: 0;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 13px;
  letter-spacing: .04em;
  font-weight: 850;
  line-height: 1.15;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
}
.paths-landing .profile-actions .profile-btn.primary{
  border-color: var(--gold);
  background: linear-gradient(180deg, var(--gold) 0%, #e6bb3b 100%);
  color: #171006;
  min-height: 48px;
  padding: 12px 22px;
  font-size: 14px;
}
.paths-landing .profile-actions .profile-btn.secondary,
.paths-landing .profile-actions button.profile-btn.secondary{
  border-color: rgba(255,255,255,.28);
  color: #f6efe3;
  background: rgba(8,8,6,.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.paths-landing .profile-actions .profile-btn.tertiary{
  border-color: rgba(255,210,74,.35);
  color: var(--gold);
  background: rgba(255,210,74,.08);
}
.paths-landing .profile-actions .profile-btn.tertiary:hover{
  border-color: rgba(255,210,74,.55);
  background: rgba(255,210,74,.12);
}
.paths-landing .share-status{
  align-self: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
}
.paths-landing .join-fund-alt{
  margin: 22px 0 0;
  max-width: 36rem;
  color: #bdb4a6;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
}
.paths-landing .join-fund-alt a{
  color: var(--gold);
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,210,74,.4);
}
.paths-landing .join-fund-alt a:hover{
  border-bottom-color: var(--gold);
}
@media (max-width: 640px){
  /*
   * Mobile type scale — few steps, less jump.
   * display 34 · section 28 · subhead 20 · body 16 · secondary 15 · meta 11 · chip 12 · ui 13
   * Use !important + body.site-home where needed: site.css sets .site-home h1 with !important.
   */
  body.site-home.paths-landing .paths-hero h1,
  body.paths-landing .paths-hero h1{
    font-size: 46px !important;
    line-height: 1.05 !important;
  }
  body.paths-landing .discipline-block h2,
  body.site-home.paths-landing #discipline-title{
    font-size: 28px !important;
    line-height: 1.15 !important;
    max-width: none;
  }
  body.paths-landing .discipline-lead{
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-bottom: 22px;
  }
  body.paths-landing .discipline-name{
    font-size: 20px !important;
  }
  body.paths-landing .discipline-ask{
    font-size: 15px !important;
  }
  body.paths-landing .discipline-close{
    font-size: 20px !important;
    margin-top: 24px;
  }
  body.paths-landing .discipline-item{
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }
  body.paths-landing .discipline-n{
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
  body.paths-landing .discipline-list{
    gap: 12px;
  }
  body.paths-landing .paths-hero .hero-charge,
  body.paths-landing .paths-hero .hero-hit{
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  body.paths-landing .paths-hero .hero-sub,
  body.paths-landing .paths-hero .hero-sub-follow,
  body.paths-landing .paths-hero .lead{
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  body.paths-landing .agency-contest-banner{
    padding: 16px !important;
    border-radius: 12px !important;
  }
  body.paths-landing .agency-contest-banner h3{
    font-size: 22px !important;
    line-height: 1.12 !important;
  }
  body.paths-landing .agency-contest-banner p{
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  body.paths-landing .agency-contest-cta{
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }

  /* Section titles — one size for every block head */
  body.paths-landing #mission.paths-proof #mission-title,
  body.paths-landing .agency-head h2,
  body.paths-landing #agency h2,
  body.paths-landing #system h2,
  body.paths-landing .paths-close h2,
  body.paths-landing .paths-band-head h2,
  body.paths-landing #join-title,
  body.paths-landing .fund-title,
  body.paths-landing .paths-final .final-line,
  body.site-home.paths-landing #mission-title,
  body.site-home.paths-landing #join-title,
  body.site-home.paths-landing #agency h2,
  body.site-home.paths-landing #system h2,
  body.site-home.paths-landing #discipline-title{
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  /* Subheads / purpose lines */
  body.paths-landing #mission.paths-proof > strong,
  body.paths-landing #join.paths-proof > strong,
  body.paths-landing .mission-one-move,
  body.paths-landing .agency-habit,
  body.paths-landing .fund-close,
  body.paths-landing .path-card strong{
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  body.paths-landing .mission-one-move-sub{
    font-size: 0.95em;
  }

  /* Body copy */
  body.paths-landing #mission.paths-proof > p:not(.mission-one-move),
  body.paths-landing .agency-head .lead,
  body.paths-landing #agency > .lead,
  body.paths-landing #agency .lead,
  body.paths-landing .agency-hive,
  body.paths-landing .agency-network,
  body.paths-landing .agency-bridge,
  body.paths-landing .agency-memory-lead,
  body.paths-landing .agency-q-list li,
  body.paths-landing .mission-level-list .action-trigger.action-trigger-btn,
  body.paths-landing #system .system-ship-line,
  body.paths-landing .paths-band-head p,
  body.paths-landing #join .lead,
  body.paths-landing .fund-strip .support-lede,
  body.paths-landing .join-fund-alt,
  body.paths-landing .paths-what{
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  body.paths-landing #system .system-ship-sub{
    font-size: 0.92em;
  }

  /* Secondary */
  body.paths-landing .agency-pane strong,
  body.paths-landing .agency-pane-sub,
  body.paths-landing .agency-case-what,
  body.paths-landing .path-card > span:not(.tag):not(.action-clue),
  body.paths-landing .fund-foot,
  body.paths-landing .share-status,
  body.paths-landing .paths-levels .glass-desc,
  body.paths-landing .paths-levels .h-desc,
  body.paths-landing a.hierarchy-flip-wrapper.glass-panel .h-desc,
  body.paths-landing a.hierarchy-flip-wrapper.glass-panel .glass-desc{
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  /* Glass level titles = subhead, not poster */
  body.paths-landing a.hierarchy-flip-wrapper.glass-panel .h-title,
  body.paths-landing a.hierarchy-flip-wrapper.glass-panel .glass-title,
  body.paths-landing .paths-levels .glass-title,
  body.paths-landing .paths-levels .h-title{
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  /* Meta / kickers / labels */
  body.paths-landing .paths-kicker,
  body.paths-landing .profile-label,
  body.paths-landing .agency-frame > .profile-label,
  body.paths-landing .agency-tests > .profile-label,
  body.paths-landing .agency-pane .pl-k,
  body.paths-landing .agency-case-who,
  body.paths-landing .path-card .tag,
  body.paths-landing .path-card .action-clue,
  body.paths-landing .glass-tag,
  body.paths-landing .h-tag,
  body.paths-landing a.hierarchy-flip-wrapper.glass-panel .glass-hint{
    font-size: 11px !important;
    letter-spacing: .1em;
  }
  body.paths-landing .mission-level-list .lvl-n{
    font-size: 0.72em;
  }

  /* Chips + UI */
  body.paths-landing .agency-memory-cases{
    max-width: none;
  }
  body.paths-landing .agency-memory-cases a{
    padding: 8px 10px;
    font-size: 12px !important;
  }
  body.paths-landing .agency-case-go{
    display: block;
    margin: 6px 0 0;
    margin-left: 0;
    font-size: 0.95em;
  }
  body.paths-landing .agency-case-what{
    display: block;
  }
  body.paths-landing a.agency-case:hover{
    transform: none;
  }
  body.paths-landing .agency-cta .profile-btn{
    font-size: 13px !important;
  }
  body.paths-landing .page-route-map,
  body.paths-landing .path-choice-strip{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  body.paths-landing .page-route-map{
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px;
  }
  body.paths-landing .page-route-map a,
  body.paths-landing .path-choice-strip a{
    min-height: 0;
  }
  body.paths-landing .agency-depth summary{
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 16px;
  }
  body.paths-landing .agency-depth summary strong{
    font-size: 20px !important;
  }
  body.paths-landing .agency-depth summary em{
    font-size: 14px !important;
  }
  body.paths-landing .agency-depth-body{
    padding-left: 14px;
    padding-right: 14px;
  }
  body.paths-landing .fun-trigger-global,
  body.paths-landing .fun-trigger-war{
    max-width: 100%;
    box-sizing: border-box;
  }
  body.paths-landing .fun-text{
    max-width: calc(100% - 44px);
    text-align: center;
    white-space: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  body.paths-landing .sys-corner{
    max-width: calc(50% - 28px);
    white-space: normal;
    line-height: 1.25;
  }
  /* Hero: primary full-width lead; rest auto chips (not 4× fat slabs) */
  body.paths-landing .paths-hero .profile-actions{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }
  body.paths-landing .paths-hero .profile-actions .profile-btn.primary,
  body.paths-landing .paths-hero .profile-actions a.profile-btn.primary{
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100%;
    min-height: 46px;
    height: auto !important;
    white-space: normal;
    text-align: center;
  }
  body.paths-landing .paths-hero .profile-actions .profile-btn:not(.primary),
  body.paths-landing .paths-hero .profile-actions button.profile-btn:not(.primary){
    flex: 1 1 calc(50% - 4px);
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    height: auto !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    white-space: normal;
    text-align: center;
    line-height: 1.2 !important;
  }
  body.paths-landing .fund-actions .fund-btn,
  body.paths-landing .fund-actions button.fund-btn{
    width: auto;
    max-width: 100%;
    min-height: 44px;
    height: auto;
  }
  body.paths-landing .fund-actions.support-actions{
    flex-direction: column;
    align-items: stretch;
  }
  body.paths-landing .fund-btn.support-btn{
    width: 100%;
  }

  /* Sticky bar — same mid scale as desktop, slight density only */
  body.paths-landing .sitebar{
    gap: 8px;
    padding: 8px 12px;
  }
  body.paths-landing .sitebar .brand{
    font-size: 12px;
    letter-spacing: .1em;
  }
  body.paths-landing .sitebar > a.support-nav{
    padding: 8px 14px;
    font-size: 12px;
    min-height: 34px;
    font-weight: 900;
  }
  body.paths-landing .sitebar .chapters{
    gap: 3px;
    margin-top: 0;
    -webkit-overflow-scrolling: touch;
  }
  body.paths-landing .sitebar .chapters a{
    font-size: 12px;
    padding: 6px 10px;
  }
  body.paths-landing .sitebar .chapters a .n{
    font-size: 10px;
    margin-right: 5px;
  }

  /* Level fullscreen: contain overflow */
  .fs-modal .myth-theory-card,
  .fullscreen-panel .myth-theory-card{
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .fs-modal table,
  .fullscreen-panel table{
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .fs-modal .venn-circle,
  .fullscreen-panel .venn-circle{
    max-width: min(255px, 100%);
  }
}
.paths-landing .pain-path-feature{
  max-width: 1180px;
  margin: 40px auto 10px;
}
.paths-landing .paths-final{
  padding: 28px 28px 72px;
}
.paths-landing .paths-final .final-line{
  margin: 0;
  max-width: 16ch;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #fbfaf7;
}
.paths-landing .paths-final .hl{
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
  background: none;
}
@media (max-width: 700px){
  .paths-landing .paths-final{ padding-left: 18px; padding-right: 18px; }
}

/* Desktop pillar split: image keeps height; body text on solid black */
.pillar-split-panels.pillar-split-panels{
  align-items: stretch;
}
.pillar-split-panels .pillar-card{
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: auto;
  padding: 0;
  justify-content: flex-start;
  gap: 0;
  background: #0b0a08;
  background-image: none;
}
.pillar-split-panels .pillar-visual{
  flex: 0 0 auto;
  height: clamp(280px, 38vw, 420px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 28px 26px 24px;
  box-sizing: border-box;
  background:
    linear-gradient(
      180deg,
      rgba(8,8,6,.35) 0%,
      rgba(8,8,6,.4) 28%,
      rgba(8,8,6,.88) 58%,
      rgba(8,8,6,.99) 100%
    ),
    var(--card-img) center / cover no-repeat;
}
.pillar-split-panels .pillar-visual .pl-k{
  margin: 0;
  position: relative;
  z-index: 1;
}
.pillar-split-panels .pillar-visual strong{
  margin: 0;
  display: block;
  position: relative;
  z-index: 1;
  text-shadow: 0 2px 18px rgba(0,0,0,.55);
}
.pillar-split-panels .pillar-copy{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 26px 32px;
  background: #0b0a08;
  border-top: 1px solid rgba(255,255,255,.08);
}
.pillar-split-panels .pillar-copy p{
  margin: 0;
  max-width: none;
}
@media (max-width: 900px){
  /* Stack same idea; slightly shorter image on phone */
  .pillar-split-panels .pillar-visual{
    height: clamp(200px, 48vw, 280px);
  }
  .pillar-split-panels .pillar-copy{
    padding: 22px 18px 26px;
  }
}

/* link-based glass panels keep layout of former divs/buttons */
a.hierarchy-flip-wrapper.glass-panel{
  overflow: hidden;
  min-height: 160px;
  box-sizing: border-box;
  text-decoration: none !important;
  color: inherit;
}
a.hierarchy-flip-wrapper .hierarchy-img,
a.hierarchy-flip-wrapper .glass-overlay,
a.hierarchy-flip-wrapper .glass-content,
a.hierarchy-flip-wrapper .glass-hint,
a.hierarchy-flip-wrapper h2,
a.hierarchy-flip-wrapper p{
  pointer-events: none;
  text-decoration: none !important;
}

/* Mobile: glass panels were fixed at 160px — too short for title + copy */
@media (max-width: 900px){
  .paths-landing .glass-panel,
  .paths-landing a.hierarchy-flip-wrapper.glass-panel,
  a.hierarchy-flip-wrapper.glass-panel{
    height: auto;
    min-height: clamp(260px, 58vw, 340px);
  }
  .paths-landing .glass-panel .hierarchy-img,
  a.hierarchy-flip-wrapper.glass-panel .hierarchy-img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .paths-landing .glass-panel .glass-overlay,
  a.hierarchy-flip-wrapper.glass-panel .glass-overlay{
    z-index: 2;
  }
  .paths-landing .glass-panel .glass-content,
  .paths-landing .glass-panel .hierarchy-content,
  a.hierarchy-flip-wrapper.glass-panel .glass-content,
  a.hierarchy-flip-wrapper.glass-panel .hierarchy-content{
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: clamp(260px, 58vw, 340px);
    padding: 22px 18px 20px;
    box-sizing: border-box;
  }
  .paths-landing .glass-panel .glass-title,
  .paths-landing .glass-panel .h-title,
  a.hierarchy-flip-wrapper.glass-panel .glass-title,
  a.hierarchy-flip-wrapper.glass-panel .h-title{
    font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
  }
  .paths-landing .glass-panel .glass-desc,
  .paths-landing .glass-panel .h-desc,
  a.hierarchy-flip-wrapper.glass-panel .glass-desc,
  a.hierarchy-flip-wrapper.glass-panel .h-desc{
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
  }
  .paths-landing .glass-panel .glass-hint,
  a.hierarchy-flip-wrapper.glass-panel .glass-hint{
    position: static;
    width: auto;
    max-width: 100%;
    opacity: 1;
    transform: none;
    margin-top: 14px;
    padding: 8px 12px;
    font-size: 11px;
    letter-spacing: 0.06em;
  }
  .paths-landing .glass-panel .glass-peek-container,
  a.hierarchy-flip-wrapper.glass-panel .glass-peek-container{
    display: none;
  }
  .paths-landing .paths-levels{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* reduced motion: kill decorative loops */
@media (prefers-reduced-motion: reduce){
  .fun-trigger-global::before,
  .fun-trigger-global:hover .ring-1,
  .fun-trigger-global:hover .ring-2,
  .fun-trigger-global:hover .ring-3,
  .fun-trigger-war:hover .glitch-overlay{
    animation: none !important;
  }
}

.modal-close:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

/* ============================================================
   Index rhythm — editorial space, not empty voids.
   Tight where content belongs together; open only at chapter turns.
   ============================================================ */

body.paths-landing{
  --r1: 0.75rem;   /* related items */
  --r2: 1.25rem;   /* within a block */
  --r3: 2rem;      /* block to next block */
  --r4: 3.25rem;   /* chapter turn */
  --r5: 4.5rem;    /* major chapter turn */
}

/* Red-green title (not a second hero) */
body.paths-landing .red-green-band-title{
  margin: 0 0 var(--r2);
  max-width: 22em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3.2vw, 2.4rem);
  line-height: 1.15;
  font-weight: 600;
  color: #fbfaf7;
  letter-spacing: -0.02em;
}

/*
  Chapter turn = modest top padding + hairline.
  Reads as “new section,” not “blank screen.”
*/
body.paths-landing main > .mission-agency-rail + section,
body.paths-landing main > section + section,
body.paths-landing main > section + aside,
body.paths-landing main > .mission-agency-rail + .page-breath,
body.paths-landing #opposing + section,
body.paths-landing #agency + section,
body.paths-landing #field + section,
body.paths-landing #system + section,
body.paths-landing #structure + section,
body.paths-landing #onemove + section,
body.paths-landing #paths + section{
  margin-top: var(--r4);
  padding-top: var(--r4);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Hero sits alone; give it a calm exit into mission */
body.paths-landing main > .paths-hero.paths-hero-bleed{
  padding-bottom: var(--r4);
  margin-bottom: 0;
}
body[data-shell-page="home"] main > .paths-hero.paths-hero-bleed + .red-green-band{
  margin-top: 0;
  padding-top: var(--r3);
  border-top: 0;
}

/* Mission cluster: keep purpose + levels as one unit */
body.paths-landing main > .mission-agency-rail{
  margin-bottom: 0;
  padding-bottom: var(--r3);
}
body.paths-landing #mission.paths-proof.mission-block{
  padding-top: var(--r3);
  padding-bottom: var(--r2);
}
body.paths-landing .mission-agency-rail > .paths-close{
  padding-top: var(--r2);
  padding-bottom: var(--r2);
}
body.paths-landing .mission-level-list{
  margin-top: var(--r2);
  gap: var(--r1);
}
body.paths-landing #mission .mission-charge{
  margin-top: var(--r2);
  line-height: 1.5;
  max-width: 40em;
}

/* Contained bands: chapter-turn padding comes from the rule above; don’t add voids */

/* Agency / system / structure: room around titles, not empty half-screens */
body.paths-landing #agency.agency-block,
body.paths-landing #field.agency-block{
  padding-top: var(--r3);
  padding-bottom: var(--r3);
}
body.paths-landing #agency .agency-head{
  margin-bottom: var(--r2);
}
body.paths-landing #agency > .hero-sub{
  margin-top: 0;
  margin-bottom: var(--r3);
  max-width: 38em;
  line-height: 1.5;
}
body.paths-landing #agency .pain-path-feature{
  margin: var(--r3) 0;
}
body.paths-landing #agency .path-choice-strip{
  margin-top: var(--r2);
  gap: var(--r1);
}

body.paths-landing #system.paths-close{
  padding-top: var(--r4);
  padding-bottom: var(--r4);
}
body.paths-landing #structure.structure-map{
  padding-top: var(--r3);
  padding-bottom: var(--r4);
}
body.paths-landing #structure .structure-head{
  margin-bottom: var(--r3);
}
body.paths-landing #structure .structure-duo{
  gap: var(--r2);
}

body.paths-landing #onemove.paths-grid{
  padding-top: var(--r3);
  padding-bottom: var(--r4);
  gap: var(--r2);
}
body.paths-landing #onemove .paths-levels,
body.paths-landing .paths-levels{
  margin-top: var(--r3);
  gap: var(--r2);
}

/* Path directory: cards sit close; bands open with a ruled header */
body.paths-landing #paths.path-directory,
body.paths-landing .paths-grid.path-directory{
  padding-top: var(--r3);
  padding-bottom: var(--r5);
  gap: var(--r2);
  row-gap: calc(var(--r2) + 0.15rem);
}
body.paths-landing .paths-grid > .paths-band-head,
body.paths-landing #scale-truth > .paths-band-head,
body.paths-landing #war-room > .paths-band-head{
  margin-top: var(--r5);
  margin-bottom: var(--r2);
  padding-top: var(--r3);
  padding-bottom: var(--r2);
  border-top-color: rgba(255, 210, 74, 0.22);
}
body.paths-landing .paths-grid > .paths-band-head:first-child{
  margin-top: 0;
  padding-top: var(--r2);
  border-top: 0;
}
body.paths-landing .paths-band-head h2{
  margin: 0 0 0.4em;
  line-height: 1.12;
}
body.paths-landing .paths-band-head p{
  margin: 0;
  max-width: 38em;
  line-height: 1.5;
  color: #c4b9a8;
}
body.paths-landing .path-section-note{
  margin-top: var(--r3);
  margin-bottom: var(--r2);
  max-width: 40em;
  line-height: 1.55;
  color: #b8ae9e;
}
body.paths-landing .fun-trigger-global,
body.paths-landing .fun-trigger-war{
  margin-top: var(--r3);
  margin-bottom: var(--r3);
}
body.paths-landing #scale-truth,
body.paths-landing #war-room{
  margin-top: var(--r2);
}

/* Join / fund: calm closing, not a gulf */
body.paths-landing #join.paths-hero{
  padding-top: var(--r5);
  padding-bottom: var(--r4);
}
body.paths-landing #fund.support-strip,
body.paths-landing aside.fund-strip{
  padding-top: var(--r4);
  padding-bottom: var(--r5);
}

/* Copy that can breathe without looking sparse */
body.paths-landing .paths-proof p,
body.paths-landing .agency-block > p,
body.paths-landing .mb-index-key,
body.paths-landing .mb-index-sub{
  line-height: 1.55;
}

@media (max-width: 720px){
  body.paths-landing{
    --r3: 1.5rem;
    --r4: 2.25rem;
    --r5: 3rem;
  }
}

/* Tip form — same rail as other homepage sections, not a floating orphan */
.tip-section.paths-proof{
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 72px) 28px;
  box-sizing: border-box;
}
.tip-section .paths-kicker{
  display: block;
  margin-bottom: 12px;
}
.tip-section h2{
  margin: 0 0 12px;
  max-width: 18em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  line-height: 1.1;
  font-weight: 600;
  color: #fbfaf7;
  letter-spacing: -0.02em;
}
.tip-lede{
  margin: 0 0 28px;
  max-width: 36em;
  color: #c4b9a8;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.45;
  font-weight: 600;
}
.tip-section .tip-report-form{
  max-width: 560px;
  margin: 0;
  display: grid;
  gap: 12px;
}
.tip-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.tip-section .path-textarea{
  min-height: 100px;
}
@media (max-width: 720px){
  .tip-section.paths-proof{ padding-left: 18px; padding-right: 18px; }
  .tip-row{ grid-template-columns: 1fr; }
}


.doctrine-band{margin:8px 0 12px;}
.doctrine-band #doctrine-title{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.2rem,8vw,4.4rem);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.035em;
  color:var(--warn,#e07068);
  max-width:14ch;
}
.doctrine-lead{
  margin:0 0 28px;
  max-width:34em;
  font-size:clamp(1.15rem,2vw,1.4rem);
  font-weight:650;
  line-height:1.35;
  color:#e5d9c8;
}
.doctrine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.doctrine-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,210,74,.28);
  background:rgba(8,7,5,.72);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  position: relative;
  min-height: 440px;
}
.doctrine-card.is-fear{border-color:rgba(224,112,104,.4);}
.doctrine-card.is-cake{border-color:rgba(255,210,74,.42);}

.doctrine-card .decrypt-front.doctrine-front {
  position: absolute;
  inset: 0;
  background: var(--d-img) center 30% / cover no-repeat;
  justify-content: center;
  align-items: center;
  padding: 32px;
  text-align: center;
  z-index: 4;
}
.doctrine-card.is-fear .doctrine-front { background-position: center 40%; filter: brightness(1.2); }
.doctrine-card.is-cake .doctrine-front { background-position: center 45%; }
.doctrine-card.is-soldiers .doctrine-front { background-position: 18% 28%; }

.doctrine-front .front-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8,7,5,0.4) 0%, rgba(8,7,5,0.95) 100%);
  z-index: 1;
}
.doctrine-front strong {
  position: relative;
  z-index: 2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.2vw, 2rem);
  font-weight: 700;
  color: #fbfaf7;
  line-height: 1.2;
  text-shadow: 0 4px 15px rgba(0,0,0,0.9);
}

.doctrine-card .decrypt-back.doctrine-back {
  padding: 32px 24px;
  justify-content: center;
  border-radius: 14px;
}

.doctrine-copy{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:0;
  position: relative;
  z-index: 6;
}
.doctrine-k{
  display:block;
  margin:0 0 8px;
  font-family:"SF Mono",Menlo,monospace;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold,#ffd24a);
}
.doctrine-card.is-fear .doctrine-k{color:#e07068;}
.doctrine-card h3{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.45rem,2.1vw,1.85rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.02em;
  color:#fbfaf7;
}
.doctrine-gen{
  margin:0 0 14px;
  font-size:1.02rem;
  line-height:1.45;
  color:#d8cfc0;
}
.doctrine-gen a{
  color:var(--gold,#ffd24a);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(255,210,74,.45);
}
.doctrine-gen a:hover{border-bottom-color:var(--gold,#ffd24a);}
.doctrine-you{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.doctrine-you .doctrine-k{margin-bottom:8px;}
.doctrine-you p{
  margin:0;
  font-size:clamp(1.12rem,1.7vw,1.28rem);
  font-weight:550;
  line-height:1.4;
  color:#f3eadc;
}
@media (max-width:900px){
  .doctrine-grid{grid-template-columns:1fr;}
  .doctrine-vis{height:200px;}
}



/* --- six-page experiment --- */
.paths-face{
  margin: 12px 0 0;
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  color: #e5d9c8;
}
a.doctrine-card.doctrine-door{
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a.doctrine-card.doctrine-door:hover{
  color: inherit;
  border-color: var(--gold, #ffd24a);
}
.doctrine-go{
  display:inline-block;
  margin-top:12px;
  color:var(--gold,#ffd24a);
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(255,210,74,.45);
}
.doctrine-go:hover{border-bottom-color:var(--gold,#ffd24a);}
.red-green-explain{
  margin:12px 0 0;
  color:#cfc7ba;
  font-size:1.1rem;
  line-height:1.5;
  max-width:38em;
}

/* Home: Reversi — new segment between MB and Isolated courage */
.reversi-band{
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(48px, 7vw, 88px) 28px clamp(36px, 5vw, 64px);
  box-sizing: border-box;
  scroll-margin-top: 104px;
}
.reversi-band h2{
  margin: 0 0 22px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 7vw, 4.4rem);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.03em;
  color: var(--gold, #ffd24a);
}
.reversi-teach{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
}
.reversi-rules p,
.reversi-analogy p{
  margin: 0;
  color: #d8cfc0;
  font-size: var(--t-body);
  line-height: var(--lh-body);
}
.reversi-analogy{
  min-width: 0;
}
.reversi-analogy-k{
  display: block;
  margin: 0 0 14px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #cfc7ba;
}
.reversi-board{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
  width: min(100%, 300px);
  margin: 0 0 16px;
  padding: 10px;
  background: #0e3a24;
  border: 7px solid #184a30;
  border-radius: 4px;
  box-shadow: 0 16px 40px rgba(0,0,0,.4);
}
.reversi-board span{
  position: relative;
  aspect-ratio: 1;
  background: #1f7a48;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
}
.reversi-board .rv-black::after,
.reversi-board .rv-white::after{
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
}
.reversi-board .rv-black::after{
  background: radial-gradient(circle at 32% 28%, #5a5a5a, #141414 58%);
  box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.reversi-board .rv-white::after{
  background: radial-gradient(circle at 32% 28%, #fff, #dcd8d0 62%);
  box-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.reversi-board .is-new::after{
  box-shadow: 0 0 0 2px #0e3a24, 0 0 0 3px #1a1a1a;
}
.reversi-turn{
  margin: clamp(22px, 3vw, 32px) 0 0;
  max-width: 42em;
  color: #f2ede6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: var(--t-body-lg);
  font-weight: 600;
  line-height: var(--lh-snug);
}
@media (max-width: 800px){
  .reversi-teach{ grid-template-columns: 1fr; }
}
.reversi-table-wrap{
  margin: clamp(28px, 4vw, 44px) 0 0;
}
.reversi-table{
  width: 100%;
  display: block;
  border-collapse: separate;
  color: #e8dfd2;
  font-size: var(--t-body);
  line-height: var(--lh-body);
}
.reversi-table thead{
  display: block;
}
.reversi-table thead tr,
.reversi-table tbody tr{
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.3fr) minmax(210px, 0.85fr);
}
.reversi-table thead tr{
  padding: 0 0 10px;
}
.reversi-table th{
  text-align: left;
  padding: 0 22px 10px;
  border: 0;
  color: var(--gold, #ffd24a);
  font-family: "SF Mono", Menlo, monospace;
  font-size: var(--t-label);
  font-weight: 800;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
}
.reversi-table tbody{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.reversi-table tbody tr{
  background: #141210;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  overflow: hidden;
}
.reversi-table td{
  padding: 22px 24px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.08);
  vertical-align: top;
  color: #d8cfc0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.reversi-table td:last-child{
  border-right: 0;
  background: #1c1810;
  color: #f3eadc;
}
body.site-home .reversi-table td,
body.site-home .reversi-table td p,
body.site-home .reversi-table .reversi-see li{
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}
.reversi-table td p{ margin: 0; }
.reversi-table td p + p{ margin-top: 10px; }
.reversi-see{
  list-style: none !important;
  margin: 0;
  padding: 0 !important;
}
.reversi-see li{
  position: relative;
  margin: 0;
  padding: 8px 0 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #efe8dc;
}
.reversi-see li:last-child{ border-bottom: 0; padding-bottom: 0; }
.reversi-see li:first-child{ padding-top: 0; }
.reversi-see li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.85em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold, #ffd24a);
}
body.site-home .reversi-table .reversi-lead{
  margin: 0 0 8px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #fbfaf7;
}
body.site-home .reversi-table .reversi-ex{
  margin-top: 10px;
  color: #a89f92;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}
body.site-home a.reversi-door{
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  padding: 8px 14px;
  border-radius: 6px;
  background: var(--gold, #ffd24a);
  color: #1a150c !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  text-decoration: none;
  border: 0;
}
a.reversi-door:hover{
  filter: brightness(1.06);
  color: #1a150c;
}
.reversi-close{
  margin: 28px 0 0;
  max-width: 38em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: var(--t-body-lg);
  font-weight: 600;
  line-height: var(--lh-snug);
  color: #f2ede6;
}
@media (max-width: 900px){
  .reversi-table thead{ display: none; }
  .reversi-table tbody tr{
    grid-template-columns: 1fr;
  }
  .reversi-table td{
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 18px 20px;
  }
  .reversi-table td:last-child{ border-bottom: 0; }
  .reversi-table td::before{
    content: attr(data-label);
    display: block;
    margin: 0 0 10px;
    color: var(--gold, #ffd24a);
    font-family: "SF Mono", Menlo, monospace;
    font-size: var(--t-label);
    font-weight: 800;
    letter-spacing: var(--track-label);
    text-transform: uppercase;
  }
}

/* Home: six questions in the hero column upgraded to high-end UI widgets */
body[data-shell-page="home"] #questions {
  padding: 0;
  background: none;
}
body[data-shell-page="home"] #questions .paths-kicker {
  margin: 0 0 16px;
}
body[data-shell-page="home"] #questions #questions-title {
  margin: 0 0 12px 0;
  color: #fbfaf7;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
}

body[data-shell-page="home"] #questions .home-q-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body[data-shell-page="home"] #questions .home-q-list li {
  margin: 0;
  padding: 16px 18px;
  border-radius: 8px;
  border: 1px solid rgba(255,210,74,.35);
  border-left: 4px solid var(--gold);
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fbfaf7;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-size: clamp(15px, 1.5vw, 17px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.agent-map{ position:relative; width:100%; }
.agent-map img{ width:100%; height:auto; display:block; filter:saturate(.7) brightness(.9); }
.agent-map-pins{ position:absolute; inset:0; }
.agent-pin{
  position:absolute; width:12px; height:12px; border-radius:50%;
  background:#ffd24a; border:0; transform:translate(-50%,-50%);
  box-shadow:0 0 0 6px rgba(255,210,74,.18); cursor:pointer;
}
.agent-pin.is-confidential{ background:#e07068; box-shadow:0 0 0 6px rgba(224,112,104,.2); }
#agent-pin-sheet{
  margin-top:16px; padding:18px 20px; border:1px solid rgba(255,210,74,.28);
  border-radius:12px; background:rgba(8,7,5,.72); color:#fbfaf7;
}
.os-matrix-frame{height:680px; transition: height 0.3s ease, border-radius 0.3s ease;}
@media (max-width:1100px){.os-matrix-frame{height:600px;}}
@media (max-width:820px){.os-matrix-frame{height:500px;}}
@media (max-width:700px){.os-matrix-frame{height:360px;border-radius:12px;}}
@media (max-width:430px){.os-matrix-frame{height:320px;}}
@media (max-width:700px){.os-matrix-frame.map-panel-active{height:680px;}}
.five-step{max-width:40em; margin:24px 0; padding-left:1.2em; color:#d8cfc0; line-height:1.5;}
.five-step li{margin:0 0 10px;}
.qatar-close{font-family:Georgia,serif; font-size:1.35rem; color:#fbfaf7; margin-top:20px;}
.speech-line{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1.15;
  font-weight:700;
  color:#fbfaf7;
  max-width:18ch;
  margin:12px 0 20px;
}

/* ============================================================
   AGENT MAP  ·  network.html
   ============================================================ */

/* The section owns its own ground. Without this the page's hero photo
   bleeds the whole way down and the map floats on a picture of a siddur —
   two unrelated images competing for the same space. */
#agent-map-section{
 max-width:1180px;
 margin:38px auto;
 padding:34px 34px 30px;
 border:1px solid rgba(255,255,255,.08);
 border-radius:18px;
 background:
  radial-gradient(900px circle at 30% 0%,rgba(255,210,74,.05),transparent 60%),
  #0a0908;
 box-shadow:0 24px 70px rgba(0,0,0,.45);
}
#agent-map-section .paths-band-head{padding:0;margin:0 0 22px;}

/* The map asset ships with no fill on its country paths, so they inherit
   the default black and vanish into a dark page. invert() lifts them to
   white, then brightness drops them to a graphite that sits *under* the
   pins in the visual hierarchy — the pins are the data, the landmass is
   only the reference grid. Filtering keeps the <img> (and its alt text)
   and avoids inlining 85KB of SVG into the page. */
.agent-map{
 position:relative;
 /* Clip window. The source map is 950x620 but the bottom ~15% is Antarctica
    and the top ~4% is empty Arctic ocean — dead space that made the section
    770px tall to show eighteen pins. */
 aspect-ratio:950 / 502;
 overflow:hidden;
 border-radius:10px;
 background:#080706;
}
/* img and pin layer are transformed identically, so pin percentages stay
   locked to the projection even though the frame is cropped */
.agent-map img,
.agent-map-pins{
 position:absolute;
 left:0;
 width:100%;
 top:-4.94%;
 height:123.46%;
}
.agent-map img{
 display:block;
 object-fit:fill;
 filter:invert(1) brightness(.20) sepia(.5) saturate(.6);
}
.agent-map-pins{pointer-events:none;}

.agent-pin{
 position:absolute;
 width:12px;
 height:12px;
 margin:-6px 0 0 -6px;
 padding:0;
 border:0;
 border-radius:50%;
 background:var(--gold,#ffd24a);
 box-shadow:0 0 0 3px rgba(255,210,74,.14), 0 0 12px rgba(255,210,74,.35);
 cursor:pointer;
 pointer-events:auto;
 transition:transform .18s ease, box-shadow .18s ease;
}
.agent-pin:hover,
.agent-pin:focus-visible,
.agent-pin.is-hot{
 transform:scale(1.5);
 box-shadow:0 0 0 6px rgba(255,210,74,.2), 0 0 20px rgba(255,210,74,.6);
 outline:none;
}
.agent-pin.is-active{
 transform:scale(1.6);
 box-shadow:0 0 0 7px rgba(255,210,74,.28), 0 0 26px rgba(255,210,74,.75);
}
/* confidential points read oxblood — the subversion colour, not the network
   colour. They are on the board but they are not ours to show. */
.agent-pin.is-confidential{
 background:#a8383d;
 box-shadow:0 0 0 3px rgba(168,56,61,.18), 0 0 12px rgba(168,56,61,.4);
}
.agent-pin.is-confidential:hover,
.agent-pin.is-confidential:focus-visible,
.agent-pin.is-confidential.is-hot,
.agent-pin.is-confidential.is-active{
 box-shadow:0 0 0 6px rgba(168,56,61,.3), 0 0 22px rgba(168,56,61,.65);
}

#agent-pin-sheet{
 margin:18px 0 0;
 padding:16px 20px;
 border:1px solid rgba(255,255,255,.09);
 border-left:3px solid rgba(255,210,74,.45);
 border-radius:8px;
 background:rgba(255,255,255,.03);
}
#agent-pin-sheet strong{
 display:block;
 margin:0 0 4px;
 font-family:Georgia,"Times New Roman",serif;
 font-size:1.3rem;
 line-height:1.2;
 color:#fbfaf7;
}
#agent-pin-sheet p{
 margin:0;
 font-size:1rem;
 line-height:1.5;
 color:#d8cfc0;
 min-height:1.5em;
}
#agent-pin-sheet.is-open{border-left-color:var(--gold,#ffd24a);}
#agent-pin-sheet.is-confidential{border-left-color:#a8383d;}
#agent-pin-sheet.is-confidential strong{color:#e0a3a0;}

/* Roster — the map says "real places", the list says what they actually do.
   Eighteen taps is not a reading experience. */
#agent-roster{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
 gap:26px 30px;
 margin-top:30px;
 padding-top:26px;
 border-top:1px solid rgba(255,255,255,.08);
}
.agent-group-k{
 margin:0 0 12px;
 font-family:"SF Mono",Menlo,monospace;
 font-size:10px;
 font-weight:800;
 letter-spacing:.18em;
 text-transform:uppercase;
 color:var(--gold,#ffd24a);
}
.agent-group:last-child .agent-group-k{color:#c8797c;}
.agent-group-list{list-style:none;margin:0;padding:0;}
.agent-group-list li{margin:0 0 12px;}
.agent-row{
 display:block;
 width:100%;
 padding:0 0 0 14px;
 border:0;
 border-left:2px solid rgba(255,210,74,.28);
 background:none;
 text-align:left;
 cursor:pointer;
 transition:border-color .18s ease;
}
.agent-row:hover,
.agent-row:focus-visible,
.agent-row.is-active{border-left-color:var(--gold,#ffd24a);outline:none;}
.agent-row.is-confidential{border-left-color:rgba(168,56,61,.5);}
.agent-row.is-confidential:hover,
.agent-row.is-confidential:focus-visible,
.agent-row.is-confidential.is-active{border-left-color:#a8383d;}
.agent-row-place{
 display:block;
 font-family:Georgia,"Times New Roman",serif;
 font-size:1.05rem;
 line-height:1.25;
 color:#fbfaf7;
}
.agent-row.is-confidential .agent-row-place{color:#e0a3a0;}
.agent-row-role{
 display:block;
 margin-top:2px;
 font-size:.9rem;
 line-height:1.4;
 color:#a79e91;
}
.agent-row:hover .agent-row-role,
.agent-row.is-active .agent-row-role{color:#d8cfc0;}

@media (max-width:700px){
 #agent-map-section{padding:22px 16px;margin:24px auto;border-radius:14px;}
 .agent-pin{width:15px;height:15px;margin:-7.5px 0 0 -7.5px;}
 #agent-roster{gap:22px;margin-top:24px;}
}
@media (prefers-reduced-motion:reduce){
 .agent-pin,.agent-row{transition:none;}
}

/* In-body links inside the prose bands were falling through to the browser
   default (blue, underlined) — e.g. "How the classrooms learned that" on
   Free Speech. Match the gold treatment used elsewhere in body copy. */
.structure-head a,
.structure-lead a,
.agency-block p a,
.paths-band-head p a,
body[data-shell-page="agency"] .doctrine-band a{
 color:var(--gold,#ffd24a);
 font-weight:600;
 text-decoration:none;
 border-bottom:1px solid rgba(255,210,74,.45);
}
.structure-head a:hover,
.structure-lead a:hover,
.agency-block p a:hover,
.paths-band-head p a:hover,
body[data-shell-page="agency"] .doctrine-band a:hover{border-bottom-color:var(--gold,#ffd24a);}

/* "The field is not imaginary." — the descender of the g/y was landing on the
   paragraph below, which had no clearance from the hero h1. */
.paths-hero-inner h1{margin-bottom:.28em;}

/* ============================================================
   IDEA TIP  ·  the scattered "wild idea" margin note
   Lifted out of live index.html's inline <style>. The split moved this
   markup onto agency.html and quartermasters.html (26 instances, inside
   the tool popups) but left its CSS behind in the index, so they
   rendered as raw unstyled paragraphs the moment a popup opened.
   ============================================================ */
.idea-tip{
 position:relative;
 max-width:900px;
 margin:30px auto;
 padding:20px 24px 20px 50px;
 background:rgba(120,190,130,.06);
 border:1px dashed rgba(150,205,160,.55);
 border-radius:12px;
 transform:rotate(-.5deg);
 transition:transform .3s ease, background .3s ease;
 font-family:var(--font-serif,Georgia,serif);
 font-size:1.12rem;
 line-height:1.6;
 color:#eaf3e6;
 text-align:left;
}
.idea-tip:hover{transform:none;background:rgba(120,190,130,.09);}
.idea-tip::before{
 content:"◆";
 position:absolute;
 left:20px;top:20px;
 color:#8fd39b;
 font-size:.9rem;
}
.idea-tip .idea-k{
 display:block;
 font-family:"SF Mono",Menlo,monospace;
 font-size:.68rem;
 letter-spacing:.16em;
 text-transform:uppercase;
 color:#8fd39b;
 font-weight:800;
 margin-bottom:8px;
}
.idea-tip b{color:#fff;font-weight:800;}
.idea-tip{font-size:1rem;padding:16px 18px 16px 42px;transform:none;}
@media (max-width:640px){
 .idea-tip{font-size:1rem;padding:16px 18px 16px 42px;transform:none;}
}
/* The two "how this works" panes carry inner links (red-green alliance, the
   system anchor), so the pane itself must not be an <a> — nested anchors are
   invalid and the browser un-nests them, which collapses the grid. The pane is
   a div; this is its explicit exit. */
.structure-pane-go{
 display:inline-block;
 margin-top:16px;
 font-family:"SF Mono",Menlo,monospace;
 font-size:12px;
 font-weight:800;
 letter-spacing:.1em;
 text-transform:uppercase;
 color:var(--gold,#ffd24a);
 text-decoration:none;
 border-bottom:1px solid rgba(255,210,74,.4);
 padding-bottom:2px;
}
.structure-pane-go:hover{border-bottom-color:var(--gold,#ffd24a);}
.agent-group.is-confidential .agent-group-k{color:#c8797c;}
.agent-group-note{
 margin:0;
 padding-left:14px;
 border-left:2px solid rgba(168,56,61,.5);
 font-size:.9rem;
 line-height:1.45;
 color:#a79e91;
}

/* Free Speech: live bands, same rail as Home. */
body[data-shell-page="agency"] main > :first-child{
  margin-top: 0;
}
body[data-shell-page="agency"] .doctrine-band{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 28px 0;
  box-sizing: border-box;
}
body[data-shell-page="agency"] #soldiers-title{
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 8vw, 4.4rem);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.035em;
  color: var(--warn, #e07068);
  max-width: 14ch;
}
body[data-shell-page="agency"] #soldiers .doctrine-grid{
  grid-template-columns: 1fr;
}
body[data-shell-page="agency"] #soldiers .doctrine-card{
  min-height: min(62vh, 520px);
}
body[data-shell-page="agency"] #demoralization-title{
  margin: 0 0 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5.5vw, 3.6rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.03em;
  color: #fbfaf7;
  max-width: 18ch;
}
body[data-shell-page="agency"] #demoralization .lead{
  max-width: 34em;
  margin: 0 0 10px;
}
body[data-shell-page="agency"] .paths-hero.paths-hero-bleed{
  position: relative;
  max-width: none;
  min-height: min(72vh, 640px);
  margin-top: 0;
  padding: 72px 28px 56px;
  display: flex;
  align-items: flex-end;
}
body[data-shell-page="agency"] .paths-hero.paths-hero-bleed::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8,7,5,.88) 0%, rgba(8,7,5,.5) 38%, rgba(8,7,5,.12) 68%, transparent 100%),
    linear-gradient(180deg, rgba(8,7,5,.25) 0%, transparent 28%, rgba(8,7,5,.72) 100%),
    var(--hero-img) center right / cover no-repeat;
}
body[data-shell-page="agency"] .paths-hero.paths-hero-bleed .paths-hero-inner{
  position: relative;
  z-index: 1;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
body[data-shell-page="agency"] .paths-hero.paths-hero-bleed h1{
  max-width: 16ch;
  font-size: clamp(2.4rem, 6vw, 4.6rem);
}
body[data-shell-page="agency"] #example.agency-block{
  padding-top: 36px;
  padding-bottom: 12px;
}

/* Quartermasters: cake card + job counter, same rail as Free Speech. */
body[data-shell-page="quartermasters"] main > :first-child{
  margin-top: 0;
}
body[data-shell-page="quartermasters"] .doctrine-band{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 28px 0;
  box-sizing: border-box;
}
body[data-shell-page="quartermasters"] #kitchen-title{
  margin: 0 0 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 7vw, 4.2rem);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.035em;
  color: var(--gold, #ffd24a);
  max-width: 16ch;
}
body[data-shell-page="quartermasters"] #kitchen .lead{
  max-width: 34em;
  margin: 0 0 18px;
}
body[data-shell-page="quartermasters"] #kitchen .doctrine-grid{
  grid-template-columns: 1fr;
}
body[data-shell-page="quartermasters"] #kitchen .doctrine-card{
  min-height: min(62vh, 520px);
}
body[data-shell-page="quartermasters"] #counter-loop{
  max-width: 1180px;
  margin: 28px auto 8px;
  padding: 0 28px;
  box-sizing: border-box;
}
body[data-shell-page="quartermasters"] #counter-loop .plan-steps{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 820px){
  body[data-shell-page="quartermasters"] #counter-loop .plan-steps{
    grid-template-columns: 1fr;
  }
}

/* Network: title + map + field/HQ split. No second hero painting, no Hollywood still. */
body[data-shell-page="network"] main > :first-child{
  margin-top: 0;
}
body[data-shell-page="network"] .doctrine-band{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 28px 0;
  box-sizing: border-box;
}
body[data-shell-page="network"] #method-title{
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 7vw, 4.4rem);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.035em;
  color: #fbfaf7;
  max-width: 14ch;
}
body[data-shell-page="network"] #method .doctrine-grid{
  grid-template-columns: 1fr;
}
body[data-shell-page="network"] #method .doctrine-card{
  min-height: min(62vh, 520px);
}

/* System: title + live cards + loop + classroom still. */
body[data-shell-page="system"] main > :first-child{
  margin-top: 0;
}
body[data-shell-page="system"] .doctrine-band{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 28px 18px;
  box-sizing: border-box;
}
body[data-shell-page="system"] #system-title{
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 8vw, 4.4rem);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.035em;
  color: #fbfaf7;
  max-width: 12ch;
}
body[data-shell-page="system"] #system .lead{
  margin: 0;
  max-width: 34em;
}
body[data-shell-page="system"] #war-room .failure-modes{
  margin-top: 28px;
}
body[data-shell-page="system"] #war-room .plan-board{
  margin-top: 22px;
}
body[data-shell-page="network"] #report{
  max-width: none;
  margin-top: 28px;
  padding: 0;
}

/* Operational question sits above the existing kicker, as its own line. */
.doctrine-band > .paths-kicker,
.agency-head > .paths-kicker{
  display: block;
}
.doctrine-band > .paths-kicker + .paths-kicker,
.agency-head > .paths-kicker + .paths-kicker{
  margin-top: 10px;
}