/* Lesson 11,2 — Secret 11 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){
    .l11-hero{grid-template-columns:1fr!important;gap:0!important;}
    .l11-hero>div:first-child{display:contents;}
    .l11-hero>div:first-child>p:nth-child(1){order:1;margin-bottom:10px!important;}
    .l11-hero>div:first-child>h1{order:2;margin-bottom:14px!important;}
    .l11-hero>div:first-child>p:nth-child(3){order:3;margin-bottom:18px!important;}
    .l11-hero figure{max-width:340px;order:4;margin:0 0 22px;}
    .l11-hero>div:first-child>div{order:5;margin-top:0!important;}
  }
  @media(max-width:900px){
    .l11-split{grid-template-columns:1fr!important;gap:28px!important;}
    .l11-pair{grid-template-columns:1fr!important;}
    .l11-check{grid-template-columns:1fr!important;gap:16px!important;}
    .l11-media{grid-template-columns:1fr 1fr!important;}
  }
  @media(max-width:767px){
    .l11-rw{padding-left:20px!important;padding-right:20px!important;}
    .l11-media{grid-template-columns:1fr!important;}
    .l11-hero figure{max-width:260px;}
  }

  .l11-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  @media(max-width:700px){
    .l11-triad{grid-template-columns:1fr;}
  }