/* Lesson 8,1 — 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){
  .l12-hero{grid-template-columns:1fr!important;gap:0!important;}
  .l12-hero>div:first-child{display:contents;}
  .l12-hero>div:first-child>p:nth-child(1){order:1;margin-bottom:10px!important;}
  .l12-hero>div:first-child>h1{order:2;margin-bottom:14px!important;}
  .l12-hero>div:first-child>p:nth-child(3){order:3;margin-bottom:18px!important;}
  .l12-hero figure{max-width:460px;order:4;margin:0 0 22px;}
  .l12-hero>div:first-child>div{order:5;margin-top:0!important;}
}
@media(max-width:900px){
  .l12-split{grid-template-columns:1fr!important;gap:28px!important;}
  .l12-check{grid-template-columns:1fr!important;gap:16px!important;}
  .l122-hw{display:flex!important;flex-direction:column;gap:0!important;}
  .l122-hw-left{display:contents!important;}
  .l122-hw-left figure{order:1!important;margin-bottom:24px!important;max-width:420px;}
  .l122-hw-copy{order:2!important;}
  .l122-read{order:3!important;margin-top:30px!important;}
}
@media(max-width:767px){
  .l12-rw{padding-left:20px!important;padding-right:20px!important;}
  .l12-hero figure{max-width:360px;}
}
/* 8,1 three-step cards + level picker */
@media(max-width:900px){
  .l81-steps{grid-template-columns:minmax(0,1fr)!important;}
  .l81-pick{grid-template-columns:minmax(0,1fr)!important;}
}