/* Lesson 12,2 — Secret 12 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-pair{grid-template-columns:1fr!important;}
    .l12-check{grid-template-columns:1fr!important;gap:16px!important;}
    .l12-media{grid-template-columns:1fr 1fr!important;}
    .l12-steps{grid-template-columns:1fr!important;align-items:stretch!important;padding-top:0!important;padding-bottom:0!important;}
    .l12-steps>div{transform:none!important;height:auto!important;}
    .l12-steps>div:nth-child(2){margin-left:18px!important;}
    .l12-steps>div:nth-child(3){margin-left:36px!important;}
    .l12-steps>div:nth-child(4){margin-left:54px!important;}
  }
  @media(max-width:767px){
    .l12-rw{padding-left:20px!important;padding-right:20px!important;}
    .l12-media{grid-template-columns:1fr!important;}
    .l12-hero figure{max-width:360px;}
  }

  .l12-phase{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);}
  @media(max-width:900px){
    .l12-tabs{grid-template-columns:1fr 1fr!important;}
    .l12-phase{grid-template-columns:1fr!important;gap:20px!important;}
  }
  @media(max-width:560px){
    .l12-tabs{grid-template-columns:1fr!important;}
  }