/* Phase 3: dedicated FDE Lab education hub. Extends home.css brand system. */
.nav a.active{color:var(--navy);font-weight:700}

.lab-hero{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold);padding:72px 0 68px}
.lab-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(355px,.72fr);gap:72px;align-items:center}
.lab-hero .eyebrow{color:var(--gold);margin-bottom:20px}
.lab-hero h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,72px);font-weight:500;line-height:.99;letter-spacing:-.02em;max-width:790px}
.lab-hero-question{font-family:var(--serif);font-size:24px;line-height:1.28;color:#fff;margin-top:24px;max-width:700px}
.lab-hero-lede{font-size:17px;line-height:1.72;color:#C4CFD9;max-width:740px;margin-top:15px}
.lab-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.lab-hero-note{font-size:11.5px;line-height:1.6;color:#8FA2B5;max-width:690px;margin-top:18px;padding-top:15px;border-top:1px solid #30485F}
.case-index{background:#fff;color:var(--ink);border-top:4px solid var(--gold);box-shadow:0 24px 58px rgba(0,0,0,.26)}
.case-index-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line)}
.case-index-head span{font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark)}
.case-index-head b{font-family:var(--serif);font-size:20px;color:var(--navy)}
.case-index-stat{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line)}
.case-index-stat>b{font-family:var(--serif);font-size:31px;line-height:1;color:var(--navy)}
.case-index-stat>span{font-size:12.5px;font-weight:700;color:var(--navy)}
.case-index-stat>small{font-size:10.5px;color:var(--faint);text-align:right}
.case-index-foot{padding:15px 20px;font-size:11.5px;line-height:1.55;color:var(--slate);background:var(--panel)}

.lab-subnav{position:sticky;top:68px;z-index:40;background:#fff;border-bottom:1px solid var(--line2)}
.lab-subnav-inner{display:flex;justify-content:center;gap:34px;overflow-x:auto;scrollbar-width:none}
.lab-subnav-inner::-webkit-scrollbar{display:none}
.lab-subnav a{padding:13px 0 12px;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;color:var(--slate)}
.lab-subnav a:hover{color:var(--navy)}

.three-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.three-layer-grid article{background:#fff;border:1px solid var(--line2);border-top:4px solid var(--navy);padding:27px}
.three-layer-grid article:nth-child(1){border-top-color:var(--gold)}
.three-layer-grid span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark)}
.three-layer-grid b{display:block;font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--navy);margin:7px 0 11px}
.three-layer-grid p{font-size:13px;line-height:1.62;color:var(--slate)}

.episode-roadmap{display:grid;gap:16px}
.lab-episode{display:grid;grid-template-columns:100px minmax(0,1fr) 260px;background:#fff;border:1px solid var(--line2);border-left:4px solid var(--navy)}
.lab-episode.launch{border-left-color:var(--gold);box-shadow:0 14px 36px rgba(11,29,45,.07)}
.episode-number{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--line);padding:18px 10px;background:#FBFAF6}
.episode-number span{font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.episode-number b{font-family:var(--serif);font-size:38px;line-height:1;color:var(--navy);margin-top:3px}
.episode-main{padding:24px 27px}
.episode-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.episode-meta span{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-dark);border:1px solid #D8D2C4;padding:4px 7px}
.episode-main h3{font-family:var(--serif);font-size:27px;line-height:1.12;font-weight:600;color:var(--navy)}
.episode-main>p{font-size:13.5px;line-height:1.65;color:var(--slate);margin-top:8px;max-width:720px}
.episode-segments{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.episode-segments span{font-size:9.5px;line-height:1.3;color:var(--slate);background:var(--panel);border:1px solid #E2E0D9;padding:5px 8px}
.episode-proof{border-left:1px solid var(--line);padding:24px 22px;display:flex;flex-direction:column;justify-content:center;background:#F7F5EF}
.episode-proof>span{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark)}
.episode-proof>b{font-family:var(--serif);font-size:18px;line-height:1.18;color:var(--navy);margin:6px 0 9px}
.episode-proof>small{font-size:10.5px;line-height:1.5;color:var(--faint)}
.episode-proof>a{font-size:10.5px;font-weight:700;color:var(--gold-dark);margin-top:13px}

.stage-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line2);border-top:4px solid var(--navy);background:#fff}
.stage-grid li{min-height:88px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:17px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.stage-grid li:nth-child(3n){border-right:none}
.stage-grid li:nth-last-child(-n+3){border-bottom:none}
.stage-grid i{font-family:var(--serif);font-style:normal;font-weight:600;color:var(--gold-dark)}
.stage-grid b{font-size:12.5px;line-height:1.4;color:var(--navy)}

.method-section{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold)}
.method-section .section-head h2{color:#fff}
.method-section .section-head .lede{color:#B7C4CF}
.method-section .eyebrow{color:var(--gold)}
.method-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #3B5268;background:#fff}
.method-phase{grid-column:1/-1;background:#071827;padding:7px 14px;border-top:1px solid #314B64}
.method-phase:first-child{border-top:none}
.method-phase span{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.method-step{min-height:100px;padding:16px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.method-step i{display:block;font-family:var(--serif);font-style:normal;color:var(--gold-dark);margin-bottom:5px}
.method-step b{display:block;font-size:12px;line-height:1.45;color:var(--navy)}

.lane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.lane-grid article{background:#fff;border:1px solid var(--line2);padding:24px 25px;min-height:155px}
.lane-grid article span{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark);border-bottom:2px solid var(--gold);padding-bottom:4px}
.lane-grid article p{font-size:13px;line-height:1.64;color:var(--slate);margin-top:13px}
.lane-grid .fde-lane{background:var(--navy);border-color:var(--navy);grid-column:2/4}
.lane-grid .fde-lane span{color:var(--gold)}
.lane-grid .fde-lane p{color:#C3CFD9}

.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2);border:1px solid var(--line2)}
.standards-grid article{background:#fff;padding:22px 23px;min-height:122px}
.standards-grid b{display:block;font-family:var(--serif);font-size:20px;line-height:1.15;color:var(--navy)}
.standards-grid p{font-size:12px;line-height:1.55;color:var(--slate);margin-top:8px}

.project-files-section{background:var(--panel)}
.project-file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-file{background:#fff;border:1px solid var(--line2);border-top:4px solid var(--navy);padding:27px}
.project-file.public{border-top-color:var(--gold)}
.project-file.paid{background:var(--navy);color:#fff;border-color:var(--navy);border-top-color:var(--gold)}
.project-file>span{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark)}
.project-file.paid>span{color:var(--gold)}
.project-file h3{font-family:var(--serif);font-size:24px;line-height:1.15;color:var(--navy);margin:8px 0 11px}
.project-file.paid h3{color:#fff}
.project-file p{font-size:13px;line-height:1.62;color:var(--slate)}
.project-file.paid p{color:#B7C4CF}
.project-file a,.project-file>b{display:block;font-size:10.5px;line-height:1.55;font-weight:700;color:var(--gold-dark);margin-top:15px}
.project-file.paid>b{color:var(--gold)}

.lab-enterprise{background:#071827;color:#fff;border-bottom:4px solid var(--gold);padding:64px 0}
.lab-enterprise-grid{display:grid;grid-template-columns:1fr .72fr;gap:64px;align-items:center}
.lab-enterprise .eyebrow{color:var(--gold);margin-bottom:11px}
.lab-enterprise h2{font-family:var(--serif);font-size:clamp(32px,4vw,46px);line-height:1.08;font-weight:500;color:#fff}
.lab-enterprise p{font-size:15px;line-height:1.7;color:#BBC8D3;margin-top:13px;max-width:690px}
.lab-enterprise-actions{display:flex;flex-direction:column;gap:10px}

@media(max-width:1000px){
  .lab-hero-grid{grid-template-columns:1fr;gap:42px}.case-index{max-width:700px}
  .lab-episode{grid-template-columns:85px minmax(0,1fr)}.episode-proof{grid-column:2;border-left:none;border-top:1px solid var(--line);padding-top:16px;padding-bottom:18px}
  .lane-grid{grid-template-columns:repeat(2,1fr)}.lane-grid .fde-lane{grid-column:1/-1}
  .lab-enterprise-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .lab-hero{padding:50px 0}.lab-hero h1{font-size:clamp(42px,13vw,58px)}.lab-hero-question{font-size:21px}
  .case-index-stat{grid-template-columns:45px 1fr}.case-index-stat>small{display:none}
  .lab-subnav{top:64px}.lab-subnav-inner{justify-content:flex-start;gap:24px}
  .three-layer-grid,.stage-grid,.lane-grid,.standards-grid,.project-file-grid{grid-template-columns:1fr}
  .stage-grid li{border-right:none!important;border-bottom:1px solid var(--line)!important}.stage-grid li:last-child{border-bottom:none!important}
  .lab-episode{grid-template-columns:1fr;border-left:1px solid var(--line2);border-top:4px solid var(--navy)}.lab-episode.launch{border-top-color:var(--gold)}
  .episode-number{flex-direction:row;justify-content:flex-start;gap:8px;border-right:none;border-bottom:1px solid var(--line);padding:11px 18px}.episode-number b{font-size:24px;margin:0}.episode-main{padding:21px 19px}.episode-main h3{font-size:24px}
  .episode-proof{grid-column:auto;border-top:1px solid var(--line);padding:18px 19px}
  .method-flow{grid-template-columns:repeat(2,1fr)}.method-phase{grid-column:1/-1}.method-step{min-height:92px}
  .lane-grid .fde-lane{grid-column:auto}.standards-grid{gap:1px}
}

/* Conversion Priority 3: learner-first FDE Lab */
.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.outcome-grid article{background:#fff;border:1px solid var(--line2);border-top:4px solid var(--navy);padding:26px 27px;min-height:190px}
.outcome-grid article:nth-child(1),.outcome-grid article:nth-child(4){border-top-color:var(--gold)}
.outcome-grid span{display:block;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--gold-dark);margin-bottom:8px}
.outcome-grid b{display:block;font-family:var(--serif);font-size:23px;line-height:1.15;color:var(--navy)}
.outcome-grid p{font-size:13px;line-height:1.64;color:var(--slate);margin-top:10px}
.outcome-note{max-width:920px;margin:22px auto 0;padding:16px 20px;border-left:3px solid var(--gold);background:#F7F5EF;font-size:12.5px;line-height:1.65;color:var(--slate)}
.outcome-note b{color:var(--navy)}
@media(max-width:760px){.outcome-grid{grid-template-columns:1fr}.outcome-grid article{min-height:0}}


/* Conversion Priority 4: audience paths */
.lab-hero-fit{font-size:11.5px;line-height:1.6;color:#B9C6D1;margin-top:13px;max-width:760px}
.lab-hero-fit strong{color:#fff}
.lab-audience{background:#fff}
.lab-audience-grid .audience-card{background:#F8F6F0}
.lab-audience-grid .audience-card-head b{font-size:31px}
.lab-audience-grid .audience-roles{font-size:12px;color:var(--slate)}
.audience-result{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.62;color:var(--slate)}
.audience-result b{color:var(--navy)}
.audience-boundary{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-top:22px;padding:20px 22px;background:var(--navy);border-left:4px solid var(--gold)}
.audience-boundary b{font-family:var(--serif);font-size:20px;line-height:1.2;color:#fff}
.audience-boundary span{font-size:12.5px;line-height:1.65;color:#C2CED8}
@media(max-width:760px){.lab-audience-grid .audience-card-head b{font-size:27px}.audience-boundary{grid-template-columns:1fr;gap:8px}}