.cl-article{--cl-night: #1a1024;--cl-mist: #f5effa;--cl-pink: #ff1f7d;--cl-raised: #271a35;--cl-velvet: #341e56;--cl-lavender: #ebe3f6;--cl-bubblegum: #ff8fbf;--cl-label: #140b1c;--cl-muted: rgba(245, 239, 250, .75);--cl-faint: rgba(245, 239, 250, .12);--cl-gutter: 16px;--cl-end: 48px;--cl-sticky-offset: 120px;display:block;background:var(--cl-night);color:var(--cl-mist);overflow-x:clip;padding-bottom:var(--cl-end)}.cl-article *{box-sizing:border-box}.cl-wrap{max-width:740px;margin:0 auto;padding:0 var(--cl-gutter)}.cl-progress{position:sticky;top:0;height:3px;z-index:20}.cl-progress__bar{height:100%;width:0;background:var(--cl-pink);transition:width 80ms linear}.cl-hero{position:relative;margin:12px 12px 0;border-radius:24px;overflow:hidden;isolation:isolate;background:var(--cl-raised)}.cl-hero__img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;max-height:460px;object-fit:cover}.cl-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#1a10240d 10%,#1a1024eb)}.cl-hero__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 20px 20px}.cl-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}.cl-crumb a{color:#fff;text-decoration:none;opacity:.85}.cl-crumb a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.cl-crumb .cl-badge{border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:3px 10px;font-size:11px}.cl-hero__title{margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.2;color:#fff;text-wrap:balance}.cl-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:#ffffffd9}.cl-hero__meta .cl-dot{color:var(--cl-bubblegum)}.cl-hero--noimage{padding:40px 20px 26px;background:var(--cl-raised)}.cl-hero--noimage .cl-hero__content{position:static;padding:0}.cl-hero--noimage .cl-hero__title,.cl-hero--noimage .cl-crumb,.cl-hero--noimage .cl-crumb a{color:var(--cl-mist)}.cl-hero--noimage .cl-hero__meta{color:var(--cl-muted)}.cl-toc{max-width:740px;margin:20px auto 0;padding:0 var(--cl-gutter)}.cl-toc[hidden]{display:none}.cl-toc details{background:var(--cl-raised);border-radius:12px;padding:0 18px}.cl-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.cl-toc summary::-webkit-details-marker{display:none}.cl-toc summary:after{content:"+";color:var(--cl-bubblegum);font-size:20px;transition:transform .2s ease}.cl-toc details[open] summary:after{transform:rotate(45deg)}.cl-toc ol{margin:0;padding:4px 0 16px 1.2em;display:grid;gap:8px}.cl-toc a{color:var(--cl-muted);text-decoration:none;font-size:14px}.cl-toc a:hover{color:var(--cl-bubblegum)}.cl-rail{display:none}.cl-body{margin-top:28px;font-size:16px;line-height:1.8;color:var(--cl-muted)}.cl-body>*:first-child{margin-top:0}.cl-body p{margin:0 0 1.2em}.cl-body p.cl-lead{font-size:18px;line-height:1.7;color:var(--cl-mist)}.cl-body h2{margin:2em 0 .6em;font-size:21px;font-weight:600;line-height:1.3;color:var(--cl-mist);text-wrap:balance;scroll-margin-top:var(--cl-sticky-offset)}.cl-body h2:before{content:"\2726";display:block;margin-bottom:.4em;font-size:16px;line-height:1;color:var(--cl-pink)}.cl-body h3{margin:1.6em 0 .4em;font-size:17px;font-weight:600;color:var(--cl-mist);scroll-margin-top:var(--cl-sticky-offset)}.cl-body strong{color:var(--cl-mist);font-weight:700}.cl-body a{color:var(--cl-bubblegum);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cl-body a:hover{text-decoration-thickness:2px}.cl-body ul,.cl-body ol{display:grid;gap:.5em;margin:0 0 1.2em;padding-left:1.3em;list-style-position:outside}.cl-body ul>li::marker{color:var(--cl-bubblegum)}.cl-body blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--cl-pink);font-size:18px;color:var(--cl-mist)}.cl-body img{display:block;width:auto!important;max-width:min(100%,240px);height:auto;margin:1.4em auto!important;float:none!important;border:0;border-radius:24px;box-shadow:none}.cl-body figure{margin:1.6em 0}.cl-body figure img{margin-bottom:.6em!important}.cl-body figcaption{font-size:13px;color:var(--cl-muted);text-align:center}.cl-body hr{border:0;margin:2.4em 0;text-align:center}.cl-body hr:after{content:"\2726   \2726   \2726";color:var(--cl-bubblegum);font-size:12px;letter-spacing:.3em}.cl-table-wrap{overflow-x:auto;margin:1.6em 0;border-radius:12px;background:var(--cl-raised);-webkit-overflow-scrolling:touch}.cl-body table{width:100%;min-width:520px;border-collapse:collapse;table-layout:auto}.cl-body th,.cl-body td{padding:12px 14px;border:0;border-bottom:1px solid var(--cl-faint);font-size:14px;line-height:1.5;text-align:left;vertical-align:top}.cl-body th{color:var(--cl-mist);font-weight:700;background:#f5effa0a}.cl-body tr:last-child td{border-bottom:0}.cl-body .cl-callout{gap:.7em;margin:0 0 1.6em;padding:22px 22px 22px 24px;list-style:none;background:var(--cl-lavender);color:var(--cl-night);border-radius:24px}.cl-body .cl-callout li{position:relative;padding-left:1.7em;line-height:1.6;list-style:none}.cl-body .cl-callout li::marker{content:""}.cl-body .cl-callout li:before{content:"\2713";position:absolute;left:0;top:.15em;display:grid;place-items:center;width:1.2em;height:1.2em;border-radius:50%;background:var(--cl-velvet);color:var(--cl-lavender);font-size:12px;font-weight:800;line-height:1}.cl-body .cl-callout strong{color:var(--cl-night)}.cl-body .cl-callout a{color:var(--cl-velvet)}.cl-faq{display:grid;gap:8px;margin:0 0 1.6em}.cl-faq-item{background:var(--cl-raised);border-radius:12px;padding:0 18px}.cl-faq-item summary{position:relative;display:flex;align-items:center;min-height:52px;padding:12px 28px 12px 0;cursor:pointer;list-style:none;font-weight:600;color:var(--cl-mist)}.cl-faq-item summary::-webkit-details-marker{display:none}.cl-faq-item summary:after{content:"+";position:absolute;right:0;color:var(--cl-bubblegum);font-size:20px;transition:transform .2s ease}.cl-faq-item[open] summary:after{transform:rotate(45deg)}.cl-faq-item p{margin:0;padding-bottom:16px}.cl-body a.cl-has-card{display:none}.cl-inline{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;justify-items:start;max-width:520px;margin:1.4em auto;padding:12px;background:var(--cl-raised);border-radius:12px;color:var(--cl-mist);text-align:left;text-decoration:none!important}.cl-body .cl-inline img{width:96px!important;height:96px;max-width:none;margin:0!important;border-radius:12px;object-fit:cover}.cl-inline__name{display:block;font-size:15px;font-weight:700;line-height:1.35}.cl-inline__price{display:block;margin:2px 0 8px;font-size:13px;color:var(--cl-muted)}.cl-inline__cta{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:40px;background:var(--cl-pink);color:var(--cl-label);font-size:13px;font-weight:700}.cl-inline:hover .cl-inline__cta{box-shadow:0 0 0 1.3px var(--cl-label)}.cl-inline--soldout .cl-inline__cta{background:var(--cl-faint);color:var(--cl-mist)}.cl-end{display:grid;gap:24px;margin-top:40px}.cl-shop{padding:24px 20px 12px;background:var(--cl-lavender);color:var(--cl-night);border-radius:24px}.cl-shop__eyebrow{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-velvet)}.cl-shop__heading{margin:0 0 12px;font-size:21px;font-weight:600;line-height:1.3;color:var(--cl-night)}.cl-shop__list{display:grid;margin:0;padding:0;list-style:none}.cl-shop__row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(52,30,86,.14);color:inherit;text-decoration:none}.cl-shop__row:first-child{border-top:0}.cl-shop__thumb{display:block;width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--cl-night)}.cl-shop__name{display:block;font-size:14px;font-weight:700;line-height:1.35}.cl-shop__price{display:block;margin-top:2px;font-size:13px;color:#1a1024b3}.cl-shop__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:40px;background:var(--cl-pink);color:var(--cl-label);font-size:13px;font-weight:700;white-space:nowrap}.cl-shop__row:hover .cl-shop__cta{box-shadow:0 0 0 1.3px var(--cl-label)}.cl-author{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:20px;background:var(--cl-raised);border-radius:12px}.cl-author--noimage{grid-template-columns:1fr}.cl-author__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.cl-author__label{margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-bubblegum)}.cl-author__name{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--cl-mist)}.cl-author__bio{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--cl-muted)}.cl-author__bio p{margin:0 0 .6em}.cl-author__bio p:last-child,.cl-author__bio p:empty{margin:0}.cl-author__link{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:40px;background:var(--cl-night);color:var(--cl-bubblegum);font-size:13px;font-weight:700;text-decoration:none}.cl-author__link:hover{box-shadow:0 0 0 1.3px var(--cl-bubblegum)}.cl-article a:focus-visible,.cl-article summary:focus-visible{outline:2px solid var(--cl-mist);outline-offset:3px;border-radius:6px}@media screen and (max-width:749px){.cl-table-wrap{overflow:visible;background:none}.cl-body table{min-width:0}.cl-body thead,.cl-body tr:first-child:has(th){display:none}.cl-body tr{display:block;margin-bottom:8px;padding:6px 16px;background:var(--cl-raised);border-radius:12px}.cl-body td{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--cl-faint)}.cl-body tr td:last-child{border-bottom:0}.cl-body td:before{content:attr(data-label);color:var(--cl-bubblegum);font-size:12px;font-weight:700;letter-spacing:.04em}.cl-body td:first-child{display:block;font-size:15px;font-weight:700;color:var(--cl-mist)}.cl-body td:first-child:before{content:none}}@media screen and (min-width:750px){.cl-article{--cl-gutter: 40px;--cl-end: 64px;--cl-sticky-offset: 130px}.cl-hero{max-width:1100px;margin:20px auto 0}.cl-hero__img{aspect-ratio:1100 / 460}.cl-hero__scrim{background:linear-gradient(180deg,#1a102400 40%,#1a1024d9)}.cl-hero__content{padding:40px}.cl-hero__title{font-size:40px}.cl-hero--noimage{padding:48px 40px 36px}.cl-body h2{font-size:24px}.cl-body h3{font-size:18px}.cl-body img{max-width:360px}.cl-shop{padding:28px 28px 16px}.cl-shop__heading{font-size:23px}.cl-shop__list{grid-template-columns:1fr 1fr;column-gap:28px}.cl-shop__row:nth-child(2){border-top:0}.cl-shop__cta{padding:0 18px}.cl-author{grid-template-columns:80px 1fr;gap:20px;padding:24px}.cl-author--noimage{grid-template-columns:1fr}.cl-author__avatar{width:80px;height:80px}}@media screen and (min-width:1200px){.cl-layout{display:grid;grid-template-columns:1fr 740px 1fr;align-items:start}.cl-layout>.cl-wrap{grid-column:2;width:100%}.cl-article:has(.cl-rail:not([hidden])) .cl-toc{display:none}.cl-rail:not([hidden]){display:block;position:sticky;top:var(--cl-sticky-offset);grid-column:1;grid-row:1;justify-self:end;width:230px;max-height:calc(100vh - var(--cl-sticky-offset) - 24px);margin-top:28px;padding-right:8px;overflow-y:auto}.cl-rail__label{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-bubblegum)}.cl-rail ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;border-left:1px solid var(--cl-faint)}.cl-rail a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:13px;line-height:1.4;color:var(--cl-muted);text-decoration:none}.cl-rail a:hover{color:var(--cl-mist)}.cl-rail a.is-active{color:var(--cl-mist);border-left-color:var(--cl-pink)}}@media(prefers-reduced-motion:reduce){.cl-article *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pv-classroom-article.css.map */