/* Lesson 6,1 — 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:440px;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:330px;}
  }

    @media(max-width:900px){
    .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;}
  }

/* 6,1 «The field»: samme båndlayout som i forhåndsvisningen */
@media(max-width:1000px){
  .l61-band{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;}
  .l61-band2{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;}
  .l61-band figure,.l61-band2 figure{max-width:340px;}
}