.course-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;}
.course-section-heading>div{max-width:790px;}
.course-section-heading p{font-size:18px;margin-bottom:0;}
.course-heading-note{color:#49617c;font-size:15px;line-height:1.6;flex-shrink:0;padding:18px 22px;border-left:3px solid #f5bf59;}
.front-level.course-card{--course-tint:#e4f4ec;--course-accent:#08786e;padding:16px;background:white;border:1px solid #dee6ed;border-radius:26px;box-shadow:0 10px 30px #17365d08;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.front-level.course-card.k1{--course-tint:#fff0cf;--course-accent:#98620d;}
.front-level.course-card.k2{--course-tint:#e5edff;--course-accent:#3158bf;}
.front-level.course-card.k3{--course-tint:#f0e7fc;--course-accent:#7951b0;}
.course-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #17365d14;}
.course-level-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 17px;}
.course-level-heading .front-level-name{font-size:30px;margin:0;letter-spacing:-1px;}
.course-level-heading small{font-size:12px;}
.course-preview{position:relative;isolation:isolate;height:265px;flex-shrink:0;background:radial-gradient(circle at 80% 20%,#ffffffba,transparent 65%),var(--course-tint);border-radius:18px;overflow:hidden;}
.course-preview:before{content:'';position:absolute;width:195px;height:195px;border:1px solid #ffffffb5;border-radius:50%;right:-45px;bottom:-65px;}
.course-preview a{position:absolute;display:block;filter:drop-shadow(0 8px 8px #17365d25);transition:transform .2s;}
.course-preview img{display:block;width:100%;height:100%;object-fit:contain;}
.course-story-preview{left:16px;top:22px;width:54%;height:222px;transform:rotate(-5deg);z-index:1;}
.course-card-preview{width:29%;height:122px;right:15px;z-index:2;}
.course-card-preview.card-1{top:18px;transform:rotate(10deg);}
.course-card-preview.card-2{top:136px;right:21px;transform:rotate(-7deg);}
.course-preview a:hover{transform:rotate(0deg) scale(1.04);z-index:3;}
.course-spark{position:absolute;right:2px;top:115px;font-size:30px;color:var(--course-accent);}
.course-card-body{padding:4px 8px 8px;display:flex;flex:1;flex-direction:column;}
.course-card-body h3{font-size:21px;margin:20px 0 6px;}
.course-card-body>p{font-size:14px;line-height:1.65;min-height:47px;margin:8px 0 18px;}
.course-featured{padding:13px 14px;background:var(--course-tint);border-radius:12px;min-height:75px;}
.course-featured small{display:block;font-size:9px;letter-spacing:1.2px;font-weight:bold;color:var(--course-accent);margin-bottom:7px;}
.course-featured strong{font-size:15px;line-height:1.4;}
.course-resource-links{display:flex;flex-wrap:wrap;gap:9px 16px;font-size:12px;font-weight:bold;padding:19px 0;}
.course-resource-links a{color:var(--course-accent);text-decoration:underline;text-underline-offset:4px;}
.course-card-body>.front-button{margin-top:auto;text-align:center;}
@media(min-width:951px) and (max-width:1150px){.course-level-heading{align-items:start;flex-direction:column;gap:3px;}.course-preview{height:235px;}.course-story-preview{height:195px;left:10px;}.course-card-preview{height:105px;right:9px;}.course-card-preview.card-2{top:118px;right:12px;}.course-card-body h3{font-size:18px;}}
@media(max-width:950px){.course-heading-note{display:none;}.course-preview{height:290px;}.course-story-preview{height:245px;}.course-card-preview{height:133px;right:25px;}.course-card-preview.card-2{top:150px;right:28px;}}
@media(max-width:600px){.course-section-heading p{font-size:16px;}.front-level-grid{gap:24px;}.course-preview{height:290px;}.course-story-preview{width:53%;left:24px;}.course-card-preview{width:28%;right:24px;}.course-card-preview.card-2{right:32px;}.course-card-body>p{min-height:0;}}
@media(prefers-reduced-motion:reduce){.course-card,.course-preview a{transition:none;}.course-card:hover{transform:none;}}

/* Story title covers in the homepage showcase. */
.course-story-preview .ey-title-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:210/297;width:min(100%,46vh);margin:auto;background:#fff1d8;container-type:inline-size}
.course-story-preview .ey-title-cover img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;pointer-events:none}
.course-story-preview .ey-title-cover .ey-cover-background{filter:blur(8px);transform:scale(1.07)}
.course-story-preview .ey-title-cover .ey-cover-scene{top:20%;inset-inline:0;height:100%!important;object-position:top}
.course-story-preview .ey-cover-light{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(255,250,231,.97),rgba(255,250,231,.88) 17%,rgba(255,250,231,.12) 42%,transparent 54%)}
.course-story-preview .ey-cover-title{position:absolute;z-index:2;inset:3% 5% auto;margin:0!important;text-align:center;font-family:ComicClass,'Comic Sans MS',cursive!important;font-weight:700;font-size:clamp(22px,10cqi,76px)!important;line-height:1.08!important;color:#075bb0;text-shadow:0 2px 0 white,1px 0 0 white,-1px 0 0 white;overflow-wrap:normal}
.course-story-preview .ey-cover-title span{display:inline-block}.course-story-preview .ey-cover-title span:nth-child(3n){color:#cf2d36}
.course-story-preview>.ey-title-cover{width:100%;height:100%;margin:0}.course-story-preview .ey-cover-title{font-size:14px!important;line-height:1.05!important}

/* Shared illustrated title treatment, matching the K3 blue/red covers. */
.ey-title-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:210/297;width:100%;background:#dff2fc;container-type:inline-size}
.ey-title-cover img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important}
.ey-title-cover .ey-cover-background{filter:blur(7px);transform:scale(1.08)}
.ey-title-cover .ey-cover-scene{top:19%;object-position:top}
.ey-title-cover .ey-cover-light{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#c7ecff 0%,#e5f5ffed 16%,#f5fbff40 35%,transparent 45%)}
.ey-title-cover .ey-cover-title{position:absolute;z-index:2;inset:4% 4% auto;margin:0!important;text-align:center;font-family:ComicClass,'Comic Sans MS',cursive!important;font-size:clamp(25px,13cqi,80px)!important;line-height:1.06!important;font-weight:1000!important;letter-spacing:-.045em;color:#073fbb;-webkit-text-stroke:.4px currentColor;paint-order:stroke fill;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,1px 4px 0 #163b6980;overflow-wrap:normal}
.ey-title-cover .ey-cover-title span{display:inline-block}.ey-title-cover .ey-cover-title span:last-child{color:#ed1833;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,1px 4px 0 #79133380}
.course-story-preview>.ey-title-cover{height:100%;width:100%;margin:0}
.course-story-preview .ey-title-cover .ey-cover-title{font-size:clamp(22px,13cqi,36px)!important;line-height:1.06!important}
.week-card>.ey-title-cover{max-width:none}.book-grid>.week-card{display:block;padding:0;overflow:hidden}.book-grid>.week-card>div:not(.ey-title-cover){padding:20px}.week-grid>.week-card>.ey-title-cover{width:100px;flex:0 0 100px}.week-grid .ey-title-cover .ey-cover-title{font-size:14px!important}
#story-page>.ey-title-cover{width:min(100%,46vh);margin:auto}