/* "About this activity" (shared/zsa-about.js): a short intro and related lessons just above the footer.
   Text and links take the page's own color, so the section reads on light and dark lab pages alike. */
.zsa-about {box-sizing:border-box;max-width:760px;margin:32px 0 0;padding-top:20px;border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);font-size:16px;line-height:1.6;overflow-wrap:anywhere;}
.zsa-about[hidden] {display:none;}
.zsa-about h2 {color:inherit;font-weight:600;letter-spacing:normal;text-transform:none;}
.zsa-about h2 {font-size:20px;line-height:1.3;margin:0 0 8px;}
.zsa-about .zsa-about-label {font-weight:600;line-height:1.4;margin:16px 0 0;}
.zsa-about p {margin:0;font-size:16px;}
.zsa-about ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;column-gap:24px;}
.zsa-about li {display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin:0;}
.zsa-about a {display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px;}
.zsa-about [data-zsa-lesson-course]::before {content:"· ";}
/* Gas Laws: its root has no side padding, so match its footer. */
.zsa-about-wrap {max-width:1140px;margin:0 auto;padding:0 20px;}
@media (max-width:760px) {.zsa-about-wrap {padding:0 16px;}}