.watch-collection{position:relative;z-index:2;width:calc(100% - 96px);max-width:1264px;margin:0 auto 64px;padding:36px 40px;background:#efe9df;color:var(--ink);font:400 15px/1.8 'Noto Sans SC',Arial,sans-serif;letter-spacing:0}
.watch-collection *{box-sizing:border-box;letter-spacing:0}
.watch-collection h2,.watch-collection h3,.watch-collection h4{font-family:'Noto Serif SC',serif;font-weight:400;font-style:normal;margin:0;line-height:1.4}
.watch-collection h2{font-size:34px;padding-bottom:26px}
.collection-entry{padding:30px 0;border-top:1px solid rgba(26,24,20,.14)}
.watch-collection h3{font-size:22px;margin-bottom:22px}
.collection-image{display:block;overflow:hidden;border-radius:4px}
.collection-image img{display:block;width:100%;height:auto;aspect-ratio:2.7;object-fit:cover;object-position:center;transition:transform .5s ease}
.collection-image:hover img{transform:scale(1.015)}
.collection-youtube{display:inline-flex;vertical-align:middle;margin-left:8px;color:var(--cinnabar)}
.collection-entry[aria-labelledby=collection-videos] .collection-image img{aspect-ratio:2;object-fit:contain}
.collection-entry[aria-labelledby=collection-vlogs] .collection-image img{aspect-ratio:auto;object-fit:contain}
.watch-collection .collection-zh{font-size:12px;color:var(--ink-mute);margin:17px 0 7px}
.watch-collection h4{font-size:25px;margin-bottom:9px}
.collection-description{font-size:15px;line-height:1.8;color:var(--ink-mute);margin:0}
.collection-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;font-weight:500;color:var(--ink-soft);text-decoration:none;background:linear-gradient(var(--cinnabar),var(--cinnabar)) left bottom/0 1px no-repeat;transition:background-size .3s,color .2s}
.collection-link span{transition:transform .2s}
.collection-link:is(:hover,:focus-visible){color:var(--cinnabar);background-size:100% 1px}
.collection-link:is(:hover,:focus-visible) span{transform:translateX(4px)}
.collection-courses{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);gap:34px;align-items:center;padding-bottom:0}
.collection-course-image{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:4px}
.collection-course-copy{min-width:0}
.collection-course-heading{display:flex;align-items:baseline;gap:12px}
.collection-course-heading h3{min-width:0}
.collection-course-tools{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.collection-course-zh{font-size:12px;line-height:1.8;color:var(--ink-mute);white-space:nowrap}
.collection-learn{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 8px;border:1px solid rgba(26,24,20,.15);border-radius:3px;background:transparent;font-size:10px;color:var(--cinnabar);text-decoration:none;flex:none;transition:color .2s}
.collection-learn:is(:hover,:focus-visible){color:var(--cinnabar)}
.collection-book,.collection-video-icon{display:block;flex:none;color:var(--ink-mute)}
.collection-coming-soon{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:15px;padding:8px 14px;border:0;border-radius:4px;background:var(--cinnabar);color:var(--paper);font:500 11px/1.8 'Noto Sans SC',Arial,sans-serif;opacity:1;cursor:default}
.watch-collection a:focus-visible{outline:2px solid var(--cinnabar);outline-offset:4px}
@media(max-width:760px){
 .watch-collection{width:calc(100% - 40px);padding:24px 18px;margin-bottom:36px}
 .watch-collection h2{font-size:23px;padding-bottom:21px}
 .collection-entry{padding-block:23px}
 .watch-collection h3{font-size:16px;margin-bottom:17px}
 .collection-image img{aspect-ratio:2;object-fit:contain}
 .watch-collection .collection-zh{font-size:10px;margin-top:13px}
 .watch-collection h4{font-size:17px;margin-bottom:7px}
 .collection-description{font-size:12px;line-height:1.75}
 .collection-link{font-size:9px;margin-top:11px}
 .collection-courses{grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:16px;padding-bottom:0;align-items:start}
 .collection-course-copy{display:contents}
 .collection-course-image{grid-column:1;grid-row:3;aspect-ratio:3/4;object-position:40% center}
 .collection-course-heading{display:contents}
 .collection-course-heading h3{grid-column:1/-1;grid-row:1;font-size:16px;margin-bottom:0}
 .collection-course-tools{grid-column:2;grid-row:2;justify-self:end;gap:7px;margin-bottom:0}
 .collection-course-zh{grid-column:1;grid-row:2;align-self:center;font-size:10px}
 .collection-course-body{grid-column:2;grid-row:3;min-width:0}
 .collection-learn{font-size:8px;min-height:20px;padding:1px 6px}
 .collection-book,.collection-video-icon{width:16px;height:16px}
 .collection-coming-soon{font-size:9px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.collection-image img,.collection-link,.collection-link span{transition:none}}