/* Classroom: a cheerful learning workbook with chapter tabs and a noticeboard. */
:root{--paper:#fffdf5;--ink:#283f42;--accent:#356d60;--pale:#edf2de;--line:#d9dfcf;--muted:#5c6d65;--sans:'Trebuchet MS','Segoe UI',sans-serif;--serif:'Trebuchet MS','Segoe UI',sans-serif}.cl-header{border-top:7px solid #f0c75c}.cl-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:25px}.cl-brand{display:flex;align-items:center;gap:12px;font-size:23px;line-height:1.05;letter-spacing:-.04em}.cl-motto{position:relative;font:italic 19px/1.3 Georgia,serif;padding-right:45px;color:#68816d}.cl-motto span{position:absolute;right:0;top:0;font-size:34px;color:#d8a62f}.cl-top nav{display:flex;gap:25px;font-size:12px}.cl-wonder{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:#f5edcc;padding:45px 50px;border-radius:25px 5px 25px 5px;margin-top:15px}.cl-wonder h1{font-size:55px;font-weight:700;line-height:1.08;letter-spacing:-.04em;margin:18px 0 20px}.cl-wonder h1 em{font-style:normal;color:#3e7965;text-decoration:underline;text-decoration-color:#ddbd5d;text-underline-offset:8px}.cl-wonder p{font-size:14px;max-width:45ch}.cl-sticker{display:inline-block;background:#315c52;color:#fff;padding:13px 21px;border-radius:7px;margin-top:25px;font-size:12px}.cl-wonder figure{position:relative;background:#fff;padding:12px 12px 20px;transform:rotate(2deg);box-shadow:0 8px 0 #dfd8bc}.cl-wonder .cover{aspect-ratio:1.2;border-radius:4px}.cl-wonder figcaption{font:italic 14px Georgia,serif;text-align:center;margin-top:12px}.cl-star{position:absolute;top:-30px;right:-23px;color:#dcad35;font-size:65px;line-height:1}.cl-subjects{padding-block:45px 35px}.cl-subjects header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.cl-pencil{font-size:35px;color:#9e6c3e}.cl-subjects h2{font-size:25px;font-weight:700}.cl-subjects nav{display:flex;flex-wrap:wrap;gap:10px}.cl-subjects nav a{background:#e5eddb;border:1px solid #d6dfc8;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:700}.cl-subjects nav a:nth-child(3n+2){background:#e0eef2;border-color:#c9e1e7}.cl-subjects nav a:nth-child(3n){background:#f7e2ce;border-color:#e9d0b7}.cl-shelf{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:45px;padding-block:25px 45px;border-top:2px dashed #d3d8bd}.cl-main-lessons>header{padding-bottom:25px}.cl-main-lessons>header h2{font-size:31px;font-weight:700;letter-spacing:-.03em;margin-top:10px}.cl-first-lesson{background:#ecf1e2;padding:30px;border-radius:10px;margin-bottom:25px}.cl-first-lesson .lead-story h2{font-size:27px;font-weight:700}.cl-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cl-lesson{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.cl-lesson-tab{display:block;padding:9px 20px;background:#e3eddd;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cl-lesson:nth-child(3n+2) .cl-lesson-tab{background:#dfeff2}.cl-lesson:nth-child(3n) .cl-lesson-tab{background:#f8e6d0}.cl-lesson .story-copy{padding:22px}.cl-lesson h3{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.cl-lesson p{font-size:13px;margin:15px 0 20px}.cl-lesson-link{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#356d60}.cl-notice{background:#f5e9be;border-radius:5px 5px 20px 5px;padding:25px;align-self:start;position:relative;margin-top:15px}.cl-notice:before{content:'';display:block;width:70px;height:20px;background:#b6d4c3a6;position:absolute;top:-10px;left:calc(50% - 35px);transform:rotate(-5deg)}.cl-notice figure{margin-top:22px}.cl-notice img{border-radius:80px 80px 5px 5px;aspect-ratio:1;object-fit:cover}.cl-notice figcaption{font:italic 13px Georgia,serif;margin:10px 0 20px}.cl-notice h2{font-weight:700;font-size:27px}.cl-notice p{font-size:13px;margin-top:17px}.cl-notice>a{display:block;font-size:12px;font-weight:700;margin-top:25px}.cl-bubble{display:grid;grid-template-columns:1fr 1fr;background:#e5f0f2;border-radius:20px;overflow:hidden;align-items:center}.cl-bubble img{aspect-ratio:1.4;object-fit:cover}.cl-bubble>div{padding:35px}.cl-bubble h2{font-size:38px;font-weight:700;letter-spacing:-.04em;margin:15px 0}.cl-bubble p{font-size:14px}.cl-footer{background:#f2d983;border-top:5px solid #dfc165;margin-top:35px;padding-block:40px 23px}.cl-footer-top{display:flex;align-items:center;gap:35px}.cl-footer-top h2{font-size:30px;font-weight:700;letter-spacing:-.03em}.cl-footer-top p{margin-left:auto;font-size:12px;max-width:38ch}.cl-footer-top p a{display:inline-block;margin-top:12px;text-decoration:underline}.cl-footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #cbb465;margin-top:35px;padding-top:22px;font-size:10px}.cl-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}.cl-article{max-width:1000px}.cl-article .article-heading{background:#f5edcc;border-radius:16px;padding:35px 45px;margin:10px 0 30px}.cl-article h1{font-size:45px;font-weight:700;letter-spacing:-.035em;margin:18px 0}.cl-article .article-toc{max-width:740px;margin:0 auto 30px;border:1px dashed #c7cfb1;border-radius:10px;padding:20px;background:#f8faef}.cl-article .article-toc nav{grid-template-columns:1fr 1fr}.cl-article .reading-column{max-width:720px;margin:0 auto 65px;padding-left:25px;border-left:2px solid #e5e6d2}.cl-article .prose{font-family:var(--sans);font-size:18px}.cl-article .prose h2{font-weight:700;color:#356d60}.cl-archive{padding-bottom:60px}.cl-archive .archive-heading{padding:35px;background:#f5edcc;border-radius:15px;margin-bottom:30px}.cl-archive h1{font-weight:700}.cl-archive .topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
@media(max-width:1000px){.cl-motto{display:none}.cl-wonder{gap:35px;padding:35px}.cl-wonder h1{font-size:46px}.cl-shelf{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.cl-lesson-grid{grid-template-columns:1fr}.cl-notice{padding:22px}.cl-footer-top{gap:22px}.cl-footer-top h2{font-size:26px}}
@media(max-width:700px){.cl-top{gap:18px;padding-block:20px}.cl-brand{font-size:20px}.cl-brand img{width:34px;height:34px}.cl-top nav{font-size:11px}.cl-top nav a:last-child{display:none}.cl-wonder{grid-template-columns:1fr;padding:30px 25px;gap:35px;border-radius:15px}.cl-wonder h1{font-size:43px}.cl-wonder figure{max-width:330px;justify-self:center;transform:rotate(1deg)}.cl-star{right:-13px;font-size:48px;top:-23px}.cl-subjects{padding-block:30px}.cl-subjects h2{font-size:22px}.cl-subjects nav{gap:8px}.cl-subjects nav a{padding:10px 12px;font-size:11px}.cl-shelf{grid-template-columns:1fr}.cl-first-lesson{padding:24px}.cl-lesson-grid{grid-template-columns:1fr}.cl-notice{padding:28px;margin:0 15px}.cl-notice figure{max-width:260px;margin-inline:auto}.cl-bubble{grid-template-columns:1fr}.cl-bubble img{aspect-ratio:1.8}.cl-bubble>div{padding:28px}.cl-bubble h2{font-size:32px}.cl-footer-top{display:grid;grid-template-columns:45px 1fr}.cl-footer-top>p{grid-column:1/-1;margin:0}.cl-footer-bottom{display:grid}.cl-footer-bottom nav{gap:15px}.cl-article .article-heading{padding:28px 24px}.cl-article h1{font-size:33px}.cl-article .reading-column{padding-left:15px}.cl-article .article-toc nav{grid-template-columns:1fr}.cl-archive .topic-list{grid-template-columns:1fr}.cl-archive .archive-heading{padding:25px}}