/* =============================================================
   AKU WORLD 2.0 · Stage 4D hierarchy proof of concept · v2-simple.css
   Loaded ONLY by index-simple.html and educators-simple.html.
   Same palette, type families, buttons and patterns as the approved
   system. What changes is how loud each level is allowed to be.

   Level 1  one per page   the hero headline
   Level 2  section titles  .h2   quiet, readable
   Level 3  item titles     .h3
   Level 4  reference       .ref  small, secondary
   ============================================================= */
.h2{ margin:0; font-family:var(--ui); font-weight:800; font-size:clamp(1.45rem,2.3vw,2rem); line-height:1.12; letter-spacing:-.015em; text-wrap:balance; }
.h3{ margin:0; font-family:var(--ui); font-weight:800; font-size:clamp(1.1rem,1.5vw,1.3rem); line-height:1.2; letter-spacing:-.01em; }
.ref{ font-size:var(--t-small); color:var(--muted); }
.sec{ padding:clamp(44px,6vw,88px) var(--gut); }
.sec + .sec{ padding-top:0; }
.sec__in{ max-width:1160px; margin-inline:auto; }
.txt{ margin:var(--s3) 0 0; max-width:54ch; font-size:var(--t-body); line-height:1.55; color:var(--muted); }
.more{ font-family:var(--ui); font-weight:800; font-size:var(--t-small); color:inherit; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px; }
.more:hover{ color:var(--accent); }
.more::after{ content:" \2192"; }
/* secondary buttons step back: outline, smaller. One filled button per section at most. */
.sec .btn--line{ min-height:46px; padding:11px 20px; }

/* ---- Home 2: Meet Aku + the two books, one section ---- */
.s-meet{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,5vw,80px); align-items:center; }
.s-books{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,3vw,40px); }
.s-book{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:inherit; text-decoration:none; }
.s-book img{ width:100%; max-width:230px; height:auto; border-radius:2px; box-shadow:10px 12px 0 var(--world); margin:0 12px 14px 0; }
.s-book .kicker{ font-size:13px; }
.s-book b{ font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1; }

/* ---- Home 3: one world moment ---- */
.s-world{ position:relative; isolation:isolate; overflow:hidden; color:#fff; min-height:min(70svh,640px); display:flex; align-items:flex-end; padding:clamp(28px,5vw,64px) var(--gut); }
.s-world__art{ position:absolute; inset:0; z-index:-2; display:grid; grid-template-columns:1fr 1fr; }
.s-world__art img{ width:100%; height:100%; object-fit:cover; }
.s-world::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(11,10,18,.92) 0%, rgba(11,10,18,.45) 46%, rgba(11,10,18,.05) 78%); }
.s-world p{ margin:var(--s4) 0 0; max-width:46ch; font-size:var(--t-lede); line-height:1.45; }
.s-world .btn-row{ margin-top:var(--s5); align-items:center; gap:var(--s5); }
.s-world .more{ color:#fff; }

/* ---- Home 4: the human story ---- */
.s-origin{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,5vw,80px); align-items:center; }
.s-origin__q{ margin:0; font-family:var(--ui); font-weight:800; font-size:clamp(1.9rem,4vw,3.2rem); line-height:1.04; letter-spacing:-.02em; text-wrap:balance; }
.s-origin p{ margin:var(--s4) 0 0; font-size:var(--t-lede); line-height:1.5; max-width:40ch; }

/* ---- two paths (schools) / small item rows ---- */
.s-paths{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,64px); }
.s-path{ padding-top:var(--s4); border-top:2px solid var(--deep); display:flex; flex-direction:column; align-items:flex-start; gap:var(--s3); }
.s-path p{ margin:0 0 var(--s2); color:var(--muted); max-width:42ch; flex:1; }
.s-three{ list-style:none; margin:var(--s5) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,48px); }
.s-three li{ padding-top:var(--s4); border-top:2px solid var(--deep); display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.s-three p{ margin:0 0 var(--s2); color:var(--muted); flex:1; }

/* ---- Educators ---- */
.e-hero{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,5vw,80px); align-items:end; }
.e-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:2px solid var(--deep); border-radius:var(--radius); }
.e-two > div{ padding:clamp(22px,3.4vw,44px); display:flex; flex-direction:column; align-items:flex-start; gap:var(--s3); }
.e-two > div + div{ border-left:2px solid var(--deep); }
.e-two p{ margin:0; color:var(--muted); max-width:40ch; }
.e-two .free{ font-family:var(--ui); font-weight:800; color:var(--deep); }
.e-two .btn{ margin-top:auto; }
.e-steps{ list-style:none; margin:var(--s5) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,3vw,40px); counter-reset:s; }
.e-steps li{ counter-increment:s; padding-top:var(--s3); border-top:2px solid var(--deep); }
.e-steps li::before{ content:counter(s); font-family:var(--ui); font-weight:800; color:var(--galaxy); font-size:1.3rem; display:block; margin-bottom:4px; }
.e-steps p{ margin:6px 0 0; color:var(--muted); font-size:var(--t-small); }
.e-facts{ margin:var(--s5) 0 0; font-size:var(--t-small); color:var(--muted); max-width:70ch; }
.fold{ border-top:1px solid var(--rule); margin-top:var(--s5); }
.fold + .fold{ margin-top:0; }
.fold:last-of-type{ border-bottom:1px solid var(--rule); }
.fold > summary{ list-style:none; cursor:pointer; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-family:var(--ui); font-weight:800; font-size:1rem; }
.fold > summary::-webkit-details-marker{ display:none; }
.fold > summary::after{ content:"+"; font-weight:500; font-size:1.4rem; transition:transform var(--fast) var(--ease); }
.fold[open] > summary::after{ transform:rotate(45deg); }
.fold > div{ padding:0 0 var(--s5); max-width:64ch; color:var(--muted); }
.fold > div p{ margin:0 0 .8em; }
.e-quotes{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,64px); margin-top:var(--s5); }
.e-quotes .quote p{ font-size:clamp(1.05rem,1.5vw,1.3rem); }
/* the working board, kept, shown at supporting-level volume */
.simple .edu-board{ padding:clamp(36px,5vw,64px) 0 !important; }
.simple .edu-board__h{ font-size:clamp(1.45rem,2.3vw,2rem) !important; }
.simple .faq summary{ min-height:54px; font-size:1rem; padding:12px 0; }

@media (max-width:760px){
  .s-meet, .s-origin, .s-paths, .e-hero, .e-two, .e-quotes{ grid-template-columns:1fr; }
  .s-three{ grid-template-columns:1fr; gap:0; }
  .s-three li{ padding:var(--s4) 0; flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 16px; }
  .s-three li p{ flex-basis:100%; order:3; margin:0; font-size:var(--t-small); }
  .e-two > div + div{ border-left:0; border-top:2px solid var(--deep); }
  .e-steps{ grid-template-columns:1fr; gap:0; }
  .e-steps li{ padding:var(--s3) 0; display:grid; grid-template-columns:28px 1fr; column-gap:8px; }
  .e-steps li::before{ grid-row:1 / span 2; margin:0; }
  .e-steps p{ grid-column:2; margin-top:2px; }
  .s-origin > figure{ order:-1; aspect-ratio:16/10; }
  .e-hero > figure{ order:-1; aspect-ratio:16/10; }
  .s-world{ min-height:62svh; }
  .s-world__art{ grid-template-columns:1fr; } .s-world__art img + img{ display:none; }
  .sec{ padding-block:40px; }
  .sec .btn-row .btn{ flex:0 1 auto; }
  .s-path .btn, .e-two .btn{ align-self:stretch; }
}