/* Secret 8 — Secret 6 palette */
body{background:#DFD4C9;color:#1E1A14;}
  html{scroll-behavior:smooth;}
  section[id],div[id]{scroll-margin-top:110px;}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  .nav-on{color:var(--text-inverse)!important;background:rgba(255,255,255,.10)!important;}
    .lesson-pills{flex-wrap:wrap;}
  .lesson-pills>div{min-width:0;flex:1 1 auto;}
  @media(max-width:860px){
    .lesson-pills .read-flag{flex:0 0 100%;order:3;margin-left:0!important;padding-top:2px;}
  }
  @media(max-width:1100px){
    .s8-hero{grid-template-columns:1fr!important;gap:0!important;}
    .s8-hero>div:first-child{display:contents;}
    .s8-hero>div:first-child>p:nth-child(1){order:1;margin-bottom:10px!important;}
    .s8-hero>div:first-child>h1{order:2;margin-bottom:14px!important;}
    .s8-hero>div:first-child>p:nth-child(3){order:3;margin-bottom:18px!important;}
    .s8-hero figure{max-width:420px;order:4;margin:0 0 22px;}
    .s8-hero>div:first-child>div{order:5;margin-top:0!important;}
  }
  @media(max-width:900px){
    .s8-split{grid-template-columns:1fr!important;gap:28px!important;}
    .s8-media{grid-template-columns:1fr 1fr!important;}
    .s6-lessons{grid-template-columns:1fr!important;gap:20px!important;}
  }
  @media(max-width:767px){
    .s8-rw{padding-left:20px!important;padding-right:20px!important;}
    .s8-media{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px!important;margin:0 -20px!important;padding:0 20px 6px!important;}
    .s8-media::-webkit-scrollbar{display:none;}
    .s8-media>a{flex:0 0 78%;scroll-snap-align:start;}
    .s8-hero figure{max-width:300px;}
  }