/* Teaching collection: hierarchy and a compact, source-image montage. */
.l68-extra{--examples-purple:#6945c5;--examples-orange:#ff875f}
.l68-extra .secondary-teaching{background:#f3f0e9;border-color:#d8cbe9}
.secondary-teaching>summary{position:relative;grid-template-columns:320px minmax(0,1fr) 44px;gap:28px;background:#ebe2fb;padding:26px 28px}
.secondary-teaching .secondary-thumbnails{width:100%;height:124px;display:grid;grid-template-columns:1.65fr .62fr .62fr .42fr;gap:9px;align-items:center}
.secondary-thumbnails .summary-feature{display:block;position:relative;transform:rotate(-3deg);z-index:2}
.secondary-teaching .summary-feature>img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border:3px solid #fffaf2;border-radius:13px;box-shadow:0 5px 12px #43306424}
.secondary-thumbnails .summary-play{background:var(--examples-orange);color:#32233e;width:30px;height:30px;font-size:10px;box-shadow:0 0 0 4px #fff5}
.secondary-teaching .secondary-thumbnails .summary-short{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border:3px solid #fffaf2;border-radius:10px;box-shadow:0 4px 10px #43306420}
.summary-short-one{transform:rotate(4deg)}
.summary-short-two{transform:rotate(-3deg)}
.summary-more{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;background:#d6c5f1;color:#5935a1;border:1px solid #c6afe7;border-radius:9px;font-size:15px;font-weight:800;box-shadow:3px -3px 0 #e4d7f6,5px -5px 0 #c9b5e8}
.secondary-teaching summary .micro{display:inline-block;font-size:9px;line-height:1.4;letter-spacing:.04em;font-weight:700;color:#562c1b;background:#ffd6bc;border-radius:7px;padding:7px 9px}
.secondary-teaching summary b{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin-top:15px;max-width:none;color:#302339}
.secondary-teaching summary i{background:#fff7ed;color:var(--examples-purple);width:40px;height:40px;font-size:24px}
.secondary-teaching[open]>summary{border-bottom:1px solid #d8cbe9;margin-bottom:20px}
.l68-extra .full-lesson-copy .micro{font-size:10px;color:var(--examples-purple);font-weight:700;letter-spacing:.04em}
.l68-extra .full-lesson-copy h3{font-size:26px;line-height:1.15;color:#302339}
.l68-extra .gallery-heading h3{font-size:26px;line-height:1.15;color:#302339}
.l68-extra .full-lesson-preview .play-button{background:var(--examples-orange);color:#302339}
.l68-extra .tiktok-mark{color:var(--examples-purple)}
.l68-extra .tiktok-grid{padding-left:28px;padding-right:28px;scroll-padding-inline:28px;scrollbar-width:none;padding-bottom:4px}
.l68-extra .tiktok-grid::-webkit-scrollbar{display:none;width:0;height:0}
.l68-extra .tiktok-grid:focus-visible{outline:2px solid var(--examples-purple);outline-offset:-2px}
.l68-extra .tiktok-card>p{margin-bottom:0}
@media(max-width:800px){
 .secondary-teaching>summary{grid-template-columns:minmax(0,1fr) 32px;gap:14px 12px;padding:20px}
 .secondary-teaching>summary>span:nth-child(2){display:contents}
 .secondary-teaching summary .micro{grid-column:1;grid-row:1;justify-self:start;align-self:center;font-size:8px;line-height:1.4;padding:6px 8px;max-width:100%}
 .secondary-teaching summary i{grid-column:2;grid-row:1;width:32px;height:32px;font-size:21px}
 .secondary-teaching>summary>.secondary-thumbnails{display:grid;grid-column:1/-1;grid-row:2;width:100%;height:auto;padding-block:8px 10px;gap:8px}
 .secondary-teaching summary b{grid-column:1/-1;grid-row:3;font-size:27px;line-height:1.1;margin:0}
 .secondary-teaching[open]>summary{grid-template-columns:minmax(0,1fr) 32px;gap:12px;margin-bottom:16px}
 .secondary-teaching[open]>summary>.secondary-thumbnails{display:none}
 .secondary-teaching[open]>summary>span:nth-child(2){display:contents}
 .secondary-teaching[open]>summary b{grid-row:2}
 .secondary-teaching[open]>summary i{grid-row:1}
 .l68-extra .full-lesson-copy h3,.l68-extra .gallery-heading h3{font-size:23px;line-height:1.15}
 .l68-extra .full-lesson-copy .micro{font-size:9px}
 .l68-extra .tiktok-grid{padding-left:14px;padding-right:14px;scroll-padding-inline:14px}
}
@media(max-width:360px){
 .secondary-teaching summary b{font-size:24px}
 .secondary-teaching>summary>.secondary-thumbnails{gap:6px}
 .secondary-teaching summary .micro{font-size:7px;letter-spacing:.02em}
 .summary-more{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.summary-feature,.summary-short{transform:none}}

.secondary-teaching summary .summary-subtitle{font-size:26px;line-height:1.25;font-weight:600;color:var(--examples-purple)}
@media(max-width:800px){.secondary-teaching summary .summary-subtitle{font-size:22px}}
@media(max-width:360px){.secondary-teaching summary .summary-subtitle{font-size:19px}}