:root{--navy:#0E2F50;--navy2:#143E66;--green:#6BAA3A;--green2:#3F7425;--orange:#F28C18;--blue:#2478A8;--pink:#D94F7D;--purple:#7D5AA6;--gold:#D99A22;--bg:#F7FAF4;--paper:#FFFFFF;--ink:#1F2F43;--muted:#64748B;--line:#DFE9DA;--shadow:0 24px 70px rgba(14,47,80,.14);--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 90% 5%, rgba(107,170,58,.18), transparent 28rem),linear-gradient(180deg,#fff 0%,#F7FAF4 45%,#fff 100%)}a{color:inherit}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-weight:950;letter-spacing:-.04em;font-size:27px;color:var(--navy)}.brand span{color:var(--green)}.links a{text-decoration:none;font-size:14px;font-weight:850;color:var(--navy);margin-left:22px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px;padding:14px 20px;font-weight:950;border:1px solid transparent}.btn.primary{background:var(--green);color:white}.btn.secondary{background:white;color:var(--navy);border-color:var(--line)}.hero{min-height:92vh;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding:76px 6vw;background:linear-gradient(135deg,rgba(14,47,80,.98),rgba(15,61,59,.94));color:white;overflow:hidden}.kicker{text-transform:uppercase;letter-spacing:.17em;font-weight:950;font-size:12px;color:#BDE7A8}h1{font-size:78px;line-height:.93;margin:18px 0 22px;letter-spacing:-.07em}h2{font-size:52px;line-height:1.04;letter-spacing:-.055em;color:var(--navy);margin:0 0 20px}h3{color:var(--navy);font-size:26px;margin:0 0 12px;letter-spacing:-.03em}p,li{font-size:17px;line-height:1.65}.lead{font-size:23px;line-height:1.48;color:#DCECF3;max-width:780px}.hero-media{background:white;border-radius:40px;padding:16px;box-shadow:0 34px 100px rgba(0,0,0,.30)}.hero-media img{width:100%;display:block;border-radius:30px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px}.stat b{display:block;font-size:36px;line-height:1}.stat span{font-size:13px;color:#DCECF3}section{padding:90px 6vw}.inner{max-width:1260px;margin:0 auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-head p{max-width:620px;color:var(--muted)}.dark{background:linear-gradient(135deg,var(--navy),#113D36);color:white}.dark h2,.dark h3{color:white}.dark p{color:#DCECF3}.library{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.volume{position:relative;background:white;border:1px solid var(--line);border-radius:26px;padding:24px;min-height:340px;box-shadow:0 18px 50px rgba(14,47,80,.09);text-decoration:none;transition:.25s ease;overflow:hidden}.volume:hover{transform:translateY(-6px);box-shadow:0 28px 78px rgba(14,47,80,.16)}.volume:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--green)}.volume .num{font-size:42px;font-weight:950;color:var(--green);line-height:1}.volume h3{margin-top:18px;min-height:62px}.volume p{font-size:15px;color:var(--muted)}.volume .tag{position:absolute;bottom:22px;left:24px;right:24px;border-top:1px solid var(--line);padding-top:14px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950;color:var(--navy)}.volume.blue:before{background:var(--blue)}.volume.blue .num{color:var(--blue)}.volume.orange:before{background:var(--orange)}.volume.orange .num{color:var(--orange)}.volume.pink:before{background:var(--pink)}.volume.pink .num{color:var(--pink)}.volume.purple:before{background:var(--purple)}.volume.purple .num{color:var(--purple)}.volume.gold:before{background:var(--gold)}.volume.gold .num{color:var(--gold)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 50px rgba(14,47,80,.08)}.icon{font-size:42px;margin-bottom:12px}.image-frame{background:white;border:1px solid var(--line);border-radius:36px;padding:18px;box-shadow:var(--shadow)}.image-frame img{width:100%;display:block;border-radius:26px}.chapter-hero{min-height:78vh;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:76px 6vw;background:linear-gradient(180deg,#fff,#f4f8ef)}.chapter-hero h1{color:var(--navy)}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#edf7e9;color:var(--green2);font-weight:950;margin-bottom:18px}.toc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.toc a{text-decoration:none;background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(14,47,80,.07)}.toc b{display:block;color:var(--green);font-size:28px;margin-bottom:8px}.toc span{font-weight:900;color:var(--navy)}.spread{min-height:70vh;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:90px 6vw}.spread.alt{background:#fff}.spread.soft{background:var(--bg)}.big-quote{font-size:48px;line-height:1.05;letter-spacing:-.055em;font-weight:950;color:var(--navy)}.phase{border-radius:28px;padding:30px;color:white;min-height:280px;box-shadow:var(--shadow)}.phase h3{color:white}.phase p{color:white;font-size:15.5px}.green{background:linear-gradient(145deg,#6BAA3A,#4F8D2A)}.orange{background:linear-gradient(145deg,#F59A24,#E3740B)}.blue{background:linear-gradient(145deg,#2A86B8,#176A9D)}.pink{background:linear-gradient(145deg,#DF5E89,#C94270)}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.flow div{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;text-align:center;font-weight:950;color:var(--navy);box-shadow:0 10px 28px rgba(14,47,80,.06)}.footer{background:var(--navy);color:white;padding:44px 6vw}.footer p{color:#DCECF3;margin:6px 0 0}@media(max-width:1100px){.hero,.chapter-hero,.spread{grid-template-columns:1fr}.library{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4,.toc,.flow{grid-template-columns:1fr}h1{font-size:52px}h2{font-size:38px}.links{display:none}}@media(max-width:650px){.library{grid-template-columns:1fr}}


/* ===== v2: leitura e contraste final ===== */
.card{
  color:var(--ink);
}
.card h3{
  color:var(--navy) !important;
  font-weight:900;
}
.card p,
.card li{
  color:#425466 !important;
  font-weight:500;
}
.dark .card{
  background:#ffffff;
  color:var(--ink);
}
.dark .card h3{
  color:var(--navy) !important;
}
.dark .card p,
.dark .card li{
  color:#425466 !important;
}
#competencias .grid-3{
  gap:26px;
}
#competencias .card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:34px 30px 30px 30px;
  border:1px solid rgba(223,233,218,.95);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdf9 100%);
}
#competencias .card::before{
  content:"";
  position:absolute;
  width:96px;
  height:96px;
  border-radius:50%;
  left:24px;
  top:24px;
  background:rgba(107,170,58,.10);
}
#competencias .card::after{
  content:"→";
  position:absolute;
  right:26px;
  bottom:22px;
  color:var(--green);
  font-size:28px;
  font-weight:900;
}
#competencias .card h3{
  position:relative;
  margin-top:86px;
  color:var(--navy) !important;
  font-size:24px;
}
#competencias .card p{
  position:relative;
  color:#425466 !important;
  font-size:16.5px;
  line-height:1.55;
  max-width:260px;
}
#competencias .card .comp-num{
  position:absolute;
  top:34px;
  left:118px;
  color:var(--green);
  font-size:26px;
  font-weight:950;
  line-height:1;
  z-index:2;
}
#competencias .card .comp-icon{
  position:absolute;
  top:45px;
  left:52px;
  font-size:34px;
  z-index:2;
}
#competencias .card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 58px rgba(14,47,80,.18);
}
.dark .section-head p{
  color:#DCECF3 !important;
}

/* ================= Volume 02 — Manual do Técnico ================= */
.tech-hero{
  min-height:82vh;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:54px;
  align-items:center;
  padding:76px 6vw;
  background:
    radial-gradient(circle at 85% 5%, rgba(107,170,58,.25), transparent 28rem),
    linear-gradient(135deg,#0E2F50 0%,#164A38 100%);
  color:white;
}
.tech-hero h1{color:white}
.tech-hero p{color:#DCECF3;font-size:22px}
.tech-panel{
  background:rgba(255,255,255,.96);
  color:var(--ink);
  border-radius:38px;
  padding:34px;
  box-shadow:0 34px 100px rgba(0,0,0,.28);
}
.tech-panel h3{color:var(--navy)}
.tech-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(189,231,168,.16);
  color:#BDE7A8;
  font-weight:950;
  margin-bottom:18px;
}
.part-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.part-card{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:0 16px 44px rgba(14,47,80,.08);
}
.part-card b{
  display:block;
  color:var(--green);
  font-size:42px;
  line-height:1;
  margin-bottom:16px;
}
.chapter-nav{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.chapter-nav a{
  background:white;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(14,47,80,.06);
}
.chapter-nav b{
  display:block;
  color:var(--green);
  font-size:28px;
}
.chapter-nav span{
  color:var(--navy);
  font-weight:900;
}
.editorial-block{
  padding:96px 6vw;
}
.editorial-block.soft{background:var(--bg)}
.editorial-block.dark{
  background:linear-gradient(135deg,var(--navy),#123f3a);
  color:white;
}
.editorial-block.dark h2,
.editorial-block.dark h3{color:white}
.editorial-block.dark p,
.editorial-block.dark li{color:#DCECF3}
.reading-grid{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:54px;
  align-items:start;
}
.side-note{
  position:sticky;
  top:92px;
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:26px;
  box-shadow:0 18px 50px rgba(14,47,80,.08);
}
.side-note h3{margin-bottom:8px}
.prose{
  max-width:880px;
}
.prose p{
  font-size:19px;
  line-height:1.75;
  color:#334155;
}
.prose ul li{
  font-size:18px;
}
.callout{
  border-radius:28px;
  padding:28px;
  margin:28px 0;
  border:1px solid var(--line);
  box-shadow:0 14px 38px rgba(14,47,80,.07);
}
.callout h3{
  display:flex;
  align-items:center;
  gap:10px;
}
.callout.mentor{background:#edf7e9;border-color:#cfe6c4}
.callout.good{background:#eaf5fb;border-color:#cce6f5}
.callout.error{background:#fff4e7;border-color:#f6d5ad}
.callout.reflect{background:#f5effa;border-color:#e1d3ed}
.callout.alert{background:#fff0f3;border-color:#f2c9d4}
.principle{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:18px;
  align-items:start;
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:24px;
  box-shadow:0 14px 38px rgba(14,47,80,.07);
}
.principle .pnum{
  width:58px;
  height:58px;
  border-radius:18px;
  background:var(--green);
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-weight:950;
}
.checklist{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px;
  box-shadow:0 16px 44px rgba(14,47,80,.08);
}
.checklist li{
  list-style:none;
  margin:12px 0;
  padding-left:34px;
  position:relative;
}
.checklist li:before{
  content:"□";
  position:absolute;
  left:0;
  top:-1px;
  color:var(--green);
  font-weight:950;
  font-size:22px;
}
.case-study{
  background:linear-gradient(135deg,#fff,#f8fbf5);
  border:1px solid var(--line);
  border-radius:34px;
  padding:36px;
  box-shadow:var(--shadow);
}
.case-study .case-label{
  display:inline-block;
  background:var(--navy);
  color:white;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:950;
  margin-bottom:16px;
}
@media(max-width:1100px){
  .tech-hero,.reading-grid{grid-template-columns:1fr}
  .part-strip,.chapter-nav{grid-template-columns:1fr}
  .side-note{position:relative;top:auto}
}

/* ===== Volume 02 v5 additions ===== */
.prep-card,.risk-item{background:white;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 16px 44px rgba(14,47,80,.08)}
.prep-card .label{display:inline-flex;padding:8px 13px;border-radius:999px;background:#edf7e9;color:var(--green2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.sequence{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0}
.sequence .seq-step{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 34px rgba(14,47,80,.06)}
.sequence .seq-step b{display:block;color:var(--green);font-size:30px;margin-bottom:8px}
.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.risk-item{border-left:8px solid var(--orange)}
@media(max-width:1100px){.sequence,.risk-grid{grid-template-columns:1fr}}

/* ===== Volume 02 v6 additions ===== */
.dog-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dog-card{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(14,47,80,.08)}.dog-card .status{display:inline-flex;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.status.green{background:#edf7e9;color:var(--green2)}.status.orange{background:#fff4e7;color:#b76508}.status.red{background:#fff0f3;color:#b83255}.material-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material-item{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 38px rgba(14,47,80,.07)}.material-item b{display:block;color:var(--green);font-size:34px;margin-bottom:10px}@media(max-width:1100px){.dog-readiness,.material-matrix{grid-template-columns:1fr}}

/* ===== Volume 02 v7 — Parte III Intervir ===== */
.session-map{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
  margin-top:26px;
}
.session-map .moment{
  background:white;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px 14px;
  text-align:center;
  box-shadow:0 12px 34px rgba(14,47,80,.06);
}
.session-map .moment b{
  display:block;
  color:var(--green);
  font-size:26px;
  margin-bottom:8px;
}
.concept-card{
  background:linear-gradient(135deg,#ffffff,#f7fbf4);
  border:1px solid var(--line);
  border-left:10px solid var(--green);
  border-radius:30px;
  padding:32px;
  box-shadow:var(--shadow);
  margin:28px 0;
}
.concept-card .concept-label{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:#edf7e9;
  color:var(--green2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.micro-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.micro-card{
  background:white;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:0 12px 34px rgba(14,47,80,.06);
}
.micro-card h3{
  display:flex;
  gap:8px;
  align-items:center;
}
.traffic-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.traffic-card{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:0 14px 38px rgba(14,47,80,.07);
}
.traffic-card.green-light{border-top:8px solid #6BAA3A}
.traffic-card.yellow-light{border-top:8px solid #F2C94C}
.traffic-card.red-light{border-top:8px solid #D94F7D}
.do-dont{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.do-box,.dont-box{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow:0 16px 44px rgba(14,47,80,.08);
}
.do-box{border-left:8px solid var(--green)}
.dont-box{border-left:8px solid var(--orange)}
.do-box li,.dont-box li{margin:8px 0}
.rhythm-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.rhythm-card{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow:0 16px 44px rgba(14,47,80,.08);
}
@media(max-width:1100px){
  .session-map,.micro-grid,.traffic-grid,.do-dont,.rhythm-grid{grid-template-columns:1fr}
}

/* ===== Volume 02 v8 — Restantes momentos da intervenção ===== */
.moment-hero{
  background:linear-gradient(135deg,#ffffff,#f7fbf4);
  border:1px solid var(--line);
  border-left:10px solid var(--green);
  border-radius:34px;
  padding:34px;
  box-shadow:var(--shadow);
  margin:28px 0;
}
.moment-hero .moment-label{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:#edf7e9;
  color:var(--green2);
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  margin-bottom:14px;
}
.radar-grid,.oar-grid,.autonomy-ladder,.compass-grid,.eco-grid,.memory-grid{
  display:grid;
  gap:18px;
  margin:26px 0;
}
.radar-grid{grid-template-columns:repeat(4,1fr)}
.oar-grid{grid-template-columns:repeat(3,1fr)}
.compass-grid{grid-template-columns:repeat(2,1fr)}
.eco-grid,.memory-grid{grid-template-columns:repeat(3,1fr)}
.radar-card,.oar-card,.ladder-step,.compass-card,.eco-card,.memory-card{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:0 14px 38px rgba(14,47,80,.07);
}
.radar-card b,.oar-card b,.ladder-step b,.compass-card b,.eco-card b,.memory-card b{
  display:block;
  color:var(--green);
  font-size:34px;
  margin-bottom:10px;
}
.autonomy-ladder{grid-template-columns:repeat(5,1fr)}
.ladder-step:nth-child(1){border-top:8px solid #0E2F50}
.ladder-step:nth-child(2){border-top:8px solid #2478A8}
.ladder-step:nth-child(3){border-top:8px solid #6BAA3A}
.ladder-step:nth-child(4){border-top:8px solid #F28C18}
.ladder-step:nth-child(5){border-top:8px solid #D94F7D}
.timeline-session{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:10px;
  margin:24px 0;
}
.timeline-session div{
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 10px;
  text-align:center;
  font-size:14px;
  font-weight:900;
  color:var(--navy);
}
.timeline-session .active{
  background:var(--green);
  color:white;
}
@media(max-width:1100px){
  .radar-grid,.oar-grid,.autonomy-ladder,.compass-grid,.eco-grid,.memory-grid,.timeline-session{grid-template-columns:1fr}
}

.evolve-grid,.reflect-cycle,.supervision-levels{display:grid;gap:18px;margin:28px 0}
.evolve-grid{grid-template-columns:repeat(4,1fr)}
.reflect-cycle{grid-template-columns:repeat(5,1fr)}
.supervision-levels{grid-template-columns:repeat(3,1fr)}
.evolve-card,.reflect-cycle div,.supervision-level,.dev-plan{background:white;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 14px 38px rgba(14,47,80,.07)}
.evolve-card b,.reflect-cycle b{display:block;color:var(--green);font-size:32px;margin-bottom:8px}
.supervision-level:nth-child(1){border-top:8px solid var(--green)}
.supervision-level:nth-child(2){border-top:8px solid var(--blue)}
.supervision-level:nth-child(3){border-top:8px solid var(--purple)}
.dev-plan{background:linear-gradient(135deg,#ffffff,#f7fbf4);border-radius:34px;box-shadow:var(--shadow)}
.dev-plan-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.dev-plan-row:last-child{border-bottom:none}.dev-plan-row b{color:var(--green)}
@media(max-width:1100px){.evolve-grid,.reflect-cycle,.supervision-levels,.dev-plan-row{grid-template-columns:1fr}}

.ds-hero{min-height:82vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:76px 6vw;background:linear-gradient(135deg,#0E2F50,#123f3a);color:white}.ds-hero h1{color:white}.ds-hero p{color:#DCECF3;font-size:22px}
.ds-panel{background:rgba(255,255,255,.96);color:var(--ink);border-radius:38px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.28)}
.ds-token-grid,.concept-library,.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ds-token{background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(14,47,80,.06)}.ds-swatch{height:86px;border-radius:18px;margin-bottom:14px}
.ds-principle,.concept-tile,.template-card,.atlas-diagram{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(14,47,80,.08)}.concept-tile{border-left:8px solid var(--green)}.concept-tile.blue{border-left-color:var(--blue)}.concept-tile.orange{border-left-color:var(--orange)}.concept-tile.purple{border-left-color:var(--purple)}.concept-tile.pink{border-left-color:var(--pink)}
.concept-icon{width:58px;height:58px;border-radius:20px;background:#edf7e9;color:var(--green2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:950;margin-bottom:18px}.component-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mini-layout{height:150px;border-radius:20px;background:linear-gradient(90deg,#edf7e9 0 28%,transparent 28%),linear-gradient(#0E2F50 0 18%,transparent 18%),#fff;border:1px solid var(--line);margin-bottom:18px}
.radar-visual{position:relative;height:320px;border-radius:50%;border:2px dashed #cfe6c4;display:flex;align-items:center;justify-content:center;margin:20px auto;max-width:320px}.radar-visual .center{width:100px;height:100px;border-radius:50%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;font-weight:950;text-align:center}.radar-visual .point{position:absolute;background:white;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:0 10px 26px rgba(14,47,80,.12)}.top{top:-8px}.right{right:-22px}.bottom{bottom:-8px}.left{left:-28px}
.ladder-visual{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end;min-height:280px}.ladder-visual div{background:#edf7e9;border:1px solid #cfe6c4;border-radius:18px 18px 8px 8px;padding:16px 10px;text-align:center;color:var(--navy);font-weight:900}.ladder-visual div:nth-child(1){height:90px}.ladder-visual div:nth-child(2){height:130px}.ladder-visual div:nth-child(3){height:170px}.ladder-visual div:nth-child(4){height:210px}.ladder-visual div:nth-child(5){height:250px;background:var(--green);color:white}
@media(max-width:1100px){.ds-hero,.ds-token-grid,.concept-library,.component-showcase,.template-grid{grid-template-columns:1fr}}

/* Phase 2 — Volume 02 Editorial Refactor */
.v2-cover-system{background:radial-gradient(circle at 82% 10%,rgba(107,170,58,.26),transparent 28rem),linear-gradient(135deg,#0E2F50,#123f3a)}
.volume-system-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.volume-system-strip .strip-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:20px;color:white}.volume-system-strip .strip-card b{display:block;color:#BDE7A8;font-size:34px;margin-bottom:8px}
.part-opener{min-height:72vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;padding:88px 6vw}.part-opener.dark-green{background:linear-gradient(135deg,#0E2F50,#123f3a);color:white}.part-opener.dark-green h2,.part-opener.dark-green h3{color:white}.part-opener.dark-green p{color:#DCECF3}.part-opener.light{background:linear-gradient(180deg,#fff,#f7fbf4)}
.part-mark{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(189,231,168,.16);color:#BDE7A8;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:18px}.part-opener.light .part-mark{background:#edf7e9;color:var(--green2)}
.big-editorial-number{font-size:150px;line-height:.8;font-weight:950;letter-spacing:-.08em;color:rgba(107,170,58,.22)}.v2-infographic{background:white;border:1px solid var(--line);border-radius:40px;padding:36px;box-shadow:var(--shadow)}.v2-flow-vertical{display:grid;gap:14px}.v2-flow-vertical .flow-node{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:#f8fbf5;border:1px solid var(--line);border-radius:22px;padding:16px}.v2-flow-vertical .flow-node b{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--green);color:white;font-size:22px}
.universe-banner{background:linear-gradient(135deg,#fff,#f7fbf4);border:1px solid var(--line);border-radius:40px;padding:42px;box-shadow:var(--shadow)}.universe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.universe-chip{background:white;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(14,47,80,.06)}.universe-chip .symbol{width:48px;height:48px;border-radius:16px;background:#edf7e9;color:var(--green2);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:24px;margin-bottom:12px}
.visual-atlas-inline{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.printables{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.print-card{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(14,47,80,.08)}.print-card h3{border-bottom:1px solid var(--line);padding-bottom:12px}.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.glossary-term{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(14,47,80,.06)}.glossary-term b{color:var(--green);display:block;margin-bottom:6px;font-size:18px}.quality-review{background:linear-gradient(135deg,#0E2F50,#123f3a);color:white;border-radius:40px;padding:44px;box-shadow:var(--shadow)}.quality-review h3{color:white}.quality-review p{color:#DCECF3}
@media(max-width:1100px){.volume-system-strip,.part-opener,.universe-grid,.visual-atlas-inline,.printables,.glossary-grid{grid-template-columns:1fr}.big-editorial-number{font-size:96px}}

.premium-hero{min-height:90vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;padding:80px 6vw;color:white;background:radial-gradient(circle at 78% 12%,rgba(189,231,168,.24),transparent 28rem),linear-gradient(135deg,#0E2F50,#103A35)}.premium-hero h1{color:white}.premium-hero p{color:#DCECF3;font-size:22px}.premium-frame{background:rgba(255,255,255,.96);border-radius:42px;padding:38px;color:var(--ink);box-shadow:0 34px 100px rgba(0,0,0,.28)}
.premium-spread{min-height:82vh;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:92px 6vw}.premium-spread.dark{background:linear-gradient(135deg,#0E2F50,#123f3a);color:white}.premium-spread.dark h2,.premium-spread.dark h3{color:white}.premium-spread.dark p{color:#DCECF3}.massive-quote{font-size:70px;line-height:.98;letter-spacing:-.07em;color:var(--navy);font-weight:950}.dark .massive-quote{color:white}.editorial-caption{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;color:var(--green);margin-bottom:18px}
.full-quote-page{min-height:76vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 6vw;background:#fff}.full-quote-page blockquote{max-width:980px;margin:0;color:var(--navy);font-size:66px;line-height:1.05;font-weight:950;letter-spacing:-.06em}
.liga-symbol-grid,.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-grid{grid-template-columns:repeat(3,1fr)}.liga-symbol,.brand-card,.premium-diagram{background:white;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 16px 44px rgba(14,47,80,.08)}.premium-diagram{border-radius:42px;padding:42px;box-shadow:var(--shadow)}
.sigil{width:78px;height:78px;border-radius:26px;background:#edf7e9;color:var(--green2);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950;margin-bottom:18px}.blue .sigil{background:#eaf5fb;color:var(--blue)}.orange .sigil{background:#fff4e7;color:#b76508}.purple .sigil{background:#f5effa;color:var(--purple)}.pink .sigil{background:#fff0f3;color:var(--pink)}
.bridge-visual{height:300px;position:relative;display:flex;align-items:end;justify-content:space-between;padding:40px}.bridge-visual:before{content:"";position:absolute;left:18%;right:18%;bottom:96px;height:120px;border:12px solid var(--green);border-bottom:0;border-radius:160px 160px 0 0}.bridge-node{width:96px;height:96px;border-radius:50%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;font-weight:950;z-index:1}
.radar-premium{position:relative;width:360px;height:360px;max-width:100%;margin:20px auto;border-radius:50%;background:radial-gradient(circle,rgba(107,170,58,.16) 0 18%,transparent 18% 36%,rgba(36,120,168,.10) 36% 54%,transparent 54% 72%,rgba(125,90,166,.10) 72%);border:2px solid #dcead6}.radar-premium:before,.radar-premium:after{content:"";position:absolute;background:#dcead6}.radar-premium:before{width:2px;top:0;bottom:0;left:50%}.radar-premium:after{height:2px;left:0;right:0;top:50%}.radar-center{position:absolute;inset:120px;border-radius:50%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;z-index:2}.rp{position:absolute;background:white;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:950;z-index:3;box-shadow:0 12px 30px rgba(14,47,80,.14)}.rp.top{top:-16px;left:50%;transform:translateX(-50%)}.rp.right{right:-28px;top:50%;transform:translateY(-50%)}.rp.bottom{bottom:-16px;left:50%;transform:translateX(-50%)}.rp.left{left:-34px;top:50%;transform:translateY(-50%)}
@media(max-width:1100px){.premium-hero,.premium-spread,.liga-symbol-grid,.brand-grid{grid-template-columns:1fr}.massive-quote,.full-quote-page blockquote{font-size:42px}}

.mission-hero{min-height:88vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;padding:80px 6vw;background:radial-gradient(circle at 80% 8%,rgba(242,140,24,.24),transparent 30rem),linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.mission-hero h1{color:white}.mission-hero p{color:#F4E9D8;font-size:22px}.mission-panel{background:rgba(255,255,255,.96);color:var(--ink);border-radius:42px;padding:38px;box-shadow:0 34px 100px rgba(0,0,0,.28)}
.mission-grid,.mission-anatomy,.level-grid,.catalog-grid,.mission-template-grid{display:grid;gap:18px}.mission-grid{grid-template-columns:repeat(2,1fr)}.mission-anatomy{grid-template-columns:repeat(5,1fr)}.level-grid{grid-template-columns:repeat(5,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.mission-template-grid{grid-template-columns:repeat(2,1fr)}
.mission-box,.anatomy-piece,.level-card,.catalog-card,.template-field{background:white;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 14px 38px rgba(14,47,80,.07)}.mission-box b,.anatomy-piece b{display:block;color:var(--orange);font-size:32px;margin-bottom:8px}.level-card:nth-child(1){border-top:8px solid var(--green)}.level-card:nth-child(2){border-top:8px solid var(--blue)}.level-card:nth-child(3){border-top:8px solid var(--orange)}.level-card:nth-child(4){border-top:8px solid var(--purple)}.level-card:nth-child(5){border-top:8px solid var(--pink)}
.mission-part{min-height:72vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;padding:90px 6vw}.mission-part.dark{background:linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.mission-part.dark h2,.mission-part.dark h3{color:white}.mission-part.dark p{color:#F4E9D8}.mission-mark{display:inline-flex;padding:10px 16px;border-radius:999px;background:#fff4e7;color:#b76508;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:18px}.mission-part.dark .mission-mark{background:rgba(255,244,231,.16);color:#FFD6A3}
.mission-card,.mission-template{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1dfc9;border-radius:38px;padding:34px;box-shadow:var(--shadow)}.mission-card-header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.mission-number{width:78px;height:78px;border-radius:24px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950}.mission-pill{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff4e7;color:#b76508;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.mission-meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.catalog-card .count{color:var(--orange);font-size:44px;font-weight:950;line-height:1;margin-bottom:12px}.mission-index-table{width:100%;border-collapse:separate;border-spacing:0 12px}.mission-index-table td,.mission-index-table th{padding:16px 18px;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mission-index-table th{text-align:left;color:var(--navy)}.mission-index-table td:first-child,.mission-index-table th:first-child{border-left:1px solid var(--line);border-radius:18px 0 0 18px;font-weight:950;color:var(--orange)}.mission-index-table td:last-child,.mission-index-table th:last-child{border-right:1px solid var(--line);border-radius:0 18px 18px 0}
.mission-lego{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.lego-piece{background:white;border:1px solid var(--line);border-radius:18px;padding:18px 12px;text-align:center;font-weight:950;color:var(--navy);box-shadow:0 12px 34px rgba(14,47,80,.06)}.lego-piece.plus{background:transparent;border:none;box-shadow:none;color:var(--orange);font-size:30px}
@media(max-width:1100px){.mission-hero,.mission-part,.mission-grid,.mission-anatomy,.level-grid,.catalog-grid,.mission-template-grid,.mission-lego{grid-template-columns:1fr}}

.catalog-architecture{background:radial-gradient(circle at 80% 8%,rgba(242,140,24,.22),transparent 30rem),linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.catalog-architecture h2,.catalog-architecture h3{color:white}.catalog-architecture p{color:#F4E9D8}
.taxonomy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.taxonomy-block{background:white;border:1px solid var(--line);border-left:9px solid var(--green);border-radius:30px;padding:26px;box-shadow:0 16px 44px rgba(14,47,80,.08);min-height:250px}.taxonomy-block.blue{border-left-color:var(--blue)}.taxonomy-block.orange{border-left-color:var(--orange)}.taxonomy-block.purple{border-left-color:var(--purple)}.taxonomy-block.pink{border-left-color:var(--pink)}.taxonomy-block.gold{border-left-color:var(--gold)}
.taxonomy-code{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff4e7;color:#b76508;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:14px}.taxonomy-range{font-size:38px;font-weight:950;color:var(--orange);line-height:1;margin-bottom:12px}.taxonomy-block li{font-size:14px;line-height:1.55}
.code-system,.mission-full-card{background:white;border:1px solid var(--line);border-radius:40px;padding:40px;box-shadow:var(--shadow)}.code-example{font-size:56px;line-height:1;letter-spacing:-.05em;color:var(--navy);font-weight:950;background:#f8fbf5;border:1px solid var(--line);border-radius:28px;padding:30px;margin:24px 0}.code-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.code-part{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(14,47,80,.06)}.code-part b{color:var(--orange);display:block;font-size:28px;margin-bottom:8px}
.mission-full-card{background:linear-gradient(135deg,#fff,#fff8ef);border-color:#f1dfc9;margin:34px 0}.mission-full-head{display:grid;grid-template-columns:1fr 112px;gap:24px;align-items:start;border-bottom:1px solid #f1dfc9;padding-bottom:24px;margin-bottom:28px}.mission-full-number{width:112px;height:112px;border-radius:32px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950}.mission-full-code{display:inline-flex;padding:9px 14px;border-radius:999px;background:#0E2F50;color:white;font-size:13px;font-weight:950;letter-spacing:.07em;margin-bottom:14px}
.mission-spec-grid,.mission-body-grid,.mission-page-spread,.catalog-roadmap{display:grid;gap:18px}.mission-spec-grid{grid-template-columns:repeat(4,1fr)}.mission-body-grid,.mission-page-spread{grid-template-columns:1fr 1fr}.catalog-roadmap{grid-template-columns:repeat(3,1fr)}.mission-spec,.mission-section,.mission-spread-page,.roadmap-card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(14,47,80,.06)}.mission-spec b{color:var(--orange);display:block;margin-bottom:6px}.mission-spread-page{border-radius:32px;min-height:360px}.page-label{display:inline-flex;padding:8px 12px;border-radius:999px;background:#edf7e9;color:var(--green2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.roadmap-card b{display:block;color:var(--orange);font-size:42px;margin-bottom:12px}
@media(max-width:1100px){.taxonomy-grid,.code-parts,.mission-full-head,.mission-spec-grid,.mission-body-grid,.mission-page-spread,.catalog-roadmap{grid-template-columns:1fr}.code-example{font-size:34px}.mission-full-number{width:86px;height:86px;font-size:32px}}

.mission-bank-hero{min-height:82vh;display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center;padding:80px 6vw;background:radial-gradient(circle at 82% 8%,rgba(242,140,24,.26),transparent 30rem),linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.mission-bank-hero h1{color:white}.mission-bank-hero p{color:#F4E9D8;font-size:22px}.bank-dashboard{background:rgba(255,255,255,.96);border-radius:42px;padding:36px;color:var(--ink);box-shadow:0 34px 100px rgba(0,0,0,.28)}
.bank-stats,.mission-registry,.featured-missions,.featured-grid{display:grid;gap:16px}.bank-stats{grid-template-columns:repeat(2,1fr)}.mission-registry{grid-template-columns:repeat(4,1fr)}.featured-missions{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:repeat(2,1fr)}
.bank-stat,.registry-card,.featured-field{background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(14,47,80,.06)}.bank-stat b{display:block;color:var(--orange);font-size:42px;line-height:1}.bank-stat span{color:#64748B;font-weight:800}
.bank-block{background:white;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:0 18px 50px rgba(14,47,80,.08);margin-bottom:28px}.bank-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.bank-block-code{display:inline-flex;padding:9px 14px;border-radius:999px;background:#fff4e7;color:#b76508;font-weight:950;font-size:12px;letter-spacing:.07em}.bank-block-range{color:var(--orange);font-size:34px;font-weight:950}
.registry-card h4{color:var(--navy);margin:8px 0;font-size:17px}.registry-code{color:var(--orange);font-weight:950;font-size:13px}.registry-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.registry-pill,.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.registry-pill{background:#f8fbf5;color:#4F8D2A}.status.draft{background:#fff4e7;color:#b76508}.status.validated{background:#edf7e9;color:var(--green2)}.status.certified{background:#eaf5fb;color:var(--blue)}
.featured-mission{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1dfc9;border-radius:38px;padding:32px;box-shadow:var(--shadow)}.featured-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #f1dfc9;padding-bottom:18px;margin-bottom:22px}.featured-number{width:76px;height:76px;border-radius:24px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:28px}.featured-code{display:inline-flex;padding:8px 12px;border-radius:999px;background:#0E2F50;color:white;font-size:12px;font-weight:950;letter-spacing:.07em;margin-bottom:10px}.featured-field b{display:block;color:var(--orange);margin-bottom:6px}
.bank-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 30px}.bank-filter{padding:10px 14px;border-radius:999px;background:white;border:1px solid var(--line);color:var(--navy);font-weight:900;box-shadow:0 8px 22px rgba(14,47,80,.05)}.bank-filter.active{background:var(--orange);color:white;border-color:var(--orange)}
@media(max-width:1100px){.mission-bank-hero,.bank-stats,.mission-registry,.featured-missions,.featured-grid{grid-template-columns:1fr}.bank-block-head,.featured-head{display:block}}

.complete-missions-hero{min-height:78vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;padding:80px 6vw;background:radial-gradient(circle at 82% 8%,rgba(242,140,24,.24),transparent 30rem),linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.complete-missions-hero h1{color:white}.complete-missions-hero p{color:#F4E9D8;font-size:22px}.complete-panel{background:rgba(255,255,255,.96);color:var(--ink);border-radius:42px;padding:36px;box-shadow:0 34px 100px rgba(0,0,0,.28)}
.complete-mission{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1dfc9;border-radius:42px;padding:38px;margin:42px 0;box-shadow:var(--shadow)}.complete-head{display:grid;grid-template-columns:1fr 116px;gap:26px;border-bottom:1px solid #f1dfc9;padding-bottom:26px;margin-bottom:28px}.complete-code{display:inline-flex;padding:9px 14px;border-radius:999px;background:#0E2F50;color:white;font-size:13px;font-weight:950;letter-spacing:.07em;margin-bottom:14px}.complete-number{width:116px;height:116px;border-radius:34px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950}
.complete-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.complete-pill{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff4e7;color:#b76508;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.complete-grid,.complete-section-grid,.mission-quick-index{display:grid;gap:14px}.complete-grid{grid-template-columns:repeat(4,1fr);margin:22px 0}.complete-section-grid{grid-template-columns:1fr 1fr;gap:20px}.mission-quick-index{grid-template-columns:repeat(5,1fr);margin-top:24px}.mission-quick-index a,.complete-field,.complete-section{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;text-decoration:none;box-shadow:0 10px 28px rgba(14,47,80,.06)}.complete-field b,.mission-quick-index b{display:block;color:var(--orange);margin-bottom:6px}.steps{counter-reset:step;padding-left:0}.steps li{list-style:none;counter-increment:step;margin:14px 0;padding-left:48px;position:relative}.steps li:before{content:counter(step);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:12px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-weight:950}
@media(max-width:1100px){.complete-missions-hero,.complete-head,.complete-grid,.complete-section-grid,.mission-quick-index{grid-template-columns:1fr}.complete-number{width:86px;height:86px;font-size:32px}}

.expansion-hero{min-height:70vh;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:76px 6vw;background:radial-gradient(circle at 82% 8%,rgba(242,140,24,.22),transparent 30rem),linear-gradient(135deg,#0E2F50,#5C3B16);color:white}.expansion-hero h1{color:white}.expansion-hero p{color:#F4E9D8;font-size:22px}.expansion-panel{background:rgba(255,255,255,.96);color:var(--ink);border-radius:40px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.28)}
.mission-compact{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1dfc9;border-radius:34px;padding:30px;margin:30px 0;box-shadow:0 16px 44px rgba(14,47,80,.08)}.mission-compact-head{display:grid;grid-template-columns:1fr 86px;gap:20px;border-bottom:1px solid #f1dfc9;padding-bottom:18px;margin-bottom:20px}.mission-compact-number{width:86px;height:86px;border-radius:26px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950}.mission-compact-code{display:inline-flex;padding:8px 12px;border-radius:999px;background:#0E2F50;color:white;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:10px}
.mission-compact-grid,.expansion-index{display:grid;gap:14px}.mission-compact-grid{grid-template-columns:repeat(3,1fr)}.expansion-index{grid-template-columns:repeat(5,1fr);margin-top:20px}.expansion-index a,.mission-compact-box{background:white;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;box-shadow:0 8px 22px rgba(14,47,80,.05)}.mission-compact-box b,.expansion-index b{display:block;color:var(--orange);margin-bottom:6px}@media(max-width:1100px){.expansion-hero,.mission-compact-head,.mission-compact-grid,.expansion-index{grid-template-columns:1fr}}