/* Meta-efficiency: static reading pages, independent course progress. */
.meta-cover {
  background:#e4eadf
}
.meta-cover .start-link {
  margin-top:28px
}
.meta-about {
  max-width:850px;
  margin:60px auto;
  padding:0 24px 60px
}
.meta-resources {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-top:30px;
  font-size:16px;
  line-height:1.5
}
.meta-resources a {
  text-underline-offset:4px
}
.meta-document {
  max-width:880px;
  margin:0 auto;
  padding:60px 24px 90px
}
.meta-document h1 {
  font-size:clamp(32px,5vw,64px);
  line-height:1.08;
  overflow-wrap:anywhere;
  margin:30px 0
}
.meta-document .prose h2,.meta-about h2 {
  margin-top:40px
}
.meta-lesson .text-section {
  scroll-margin-top:110px
}
.meta-lesson .prose h3 {
  font-size:24px;
  line-height:1.25;
  margin:32px 0 18px
}
.meta-question {
  border-top:1px solid #c7c8bd;
  padding:8px 0 26px
}
.meta-answer summary {
  cursor:pointer;
  font-weight:600;
  min-height:24px
}
.meta-answer[open] summary {
  margin-bottom:18px
}
.meta-answer p:last-child {
  margin-bottom:0
}
.meta-lesson .prose a,.meta-document .prose a {
  overflow-wrap:anywhere
}
.meta-lesson .contents a {
  display:block
}
.meta-lesson .chapter-header .eyebrow {
  flex-wrap:wrap
}
.meta-about p,.meta-document p {
  line-height:1.65
}
.meta-document .prose {
  max-width:100%
}

@media(max-width:600px) {
  .meta-resources {
    flex-direction:column;
    gap:15px
  }
  .meta-lesson .prose h3 {
    font-size:22px
  }
  .meta-document {
    padding:35px 20px 60px
  }
  .meta-cover .coming-top {
    align-items:flex-start;
    flex-direction:column
  }
  .meta-cover .eyebrow {
    line-height:1.6
  }
  .meta-lesson .chapter-header h1 {
    overflow-wrap:anywhere
  }

}

@media print {
  .masthead,.site-footer,#reader-tools,.meta-resources,.mark-read,.chapter-pagination,.contents {
    display:none!important
  }
  .meta-document,.chapter {
    max-width:none;
    padding:0
  }
  .article-layout {
    display:block
  }
  .article-body {
    max-width:none
  }
  .meta-answer>div {
    display:block!important
  }
  .prose {
    font-size:12pt
  }

}


.meta-completion {
  background:var(--meta-surface);
  border:1px solid #345b4726;
  border-radius:8px;
  padding:var(--panel-padding);
  margin-top:36px
}
.meta-completion h2 {
  font-size:clamp(25px,3vw,32px);
  line-height:1.18
}
.meta-completion>p:not(.quiet) {
  font-size:18px;
  line-height:1.55;
  letter-spacing:0
}
.meta-resources {
  gap:0;
  border-top:1px solid #345b4733;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  padding-top:10px
}
.meta-resources a {
  padding:12px 0;
  min-height:44px;
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere
}
.meta-answer {
  background:var(--meta-surface);
  border:1px solid #345b4726;
  border-radius:6px;
  margin-top:22px;
  padding:0
}
.meta-answer summary {
  font-family:Arial,sans-serif;
  font-size:15px;
  line-height:1.5;
  padding:17px 20px;
  min-height:54px;
  font-weight:600
}
.meta-answer[open] summary {
  margin:0;
  border-bottom:1px solid #345b4726
}
.meta-answer>div {
  padding:20px
}
.meta-answer>div p {
  font-size:18px;
  line-height:1.65
}
.meta-question {
  padding:0 0 30px;
  margin-bottom:24px
}
.meta-question>h3 {
  margin-top:24px!important
}
.meta-lesson .next {
  background:var(--meta-surface)
}
.meta-lesson #takeaway {
  padding:0;
  border:0
}
.meta-lesson .prose h3 {
  font-size:24px
}
.meta-practice {
  border-left:3px solid var(--meta-ink);
  padding-left:20px
}
.meta-lesson .chapter-header h1 {
  max-width:1080px
}
.meta-about h2,.meta-document h2 {
  font-family:Arial,sans-serif;
  font-size:clamp(26px,3vw,34px);
  line-height:1.2
}
.meta-about {
  max-width:900px
}
.meta-document h1 {
  overflow-wrap:normal
}
.meta-lesson .chapter-header h1 {
  overflow-wrap:normal
}
.meta-lesson .eyebrow span {
  line-height:1.5
}
body[data-course=meta] #menu-links a[aria-current] {
  background:var(--meta-surface)
}

@media(min-width:600px) {
  .meta-resources {
    grid-template-columns:1fr 1fr;
    column-gap:24px
  }
  .meta-completion>p:not(.quiet) {
    max-width:600px
  }
  .meta-practice {
    padding-left:28px
  }

}