/* Course catalogue: approved palettes, clearer visual differences, school track. */
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-page-head{padding-bottom:30px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured{margin-top:0;grid-template-columns:1.2fr 1fr;gap:20px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-main{display:flex;flex-direction:column;justify-content:center;min-height:330px;background:#edf2ff;padding:34px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-main h2{font-size:38px;max-width:75%;margin:24px 0 16px}
.ix-courses .ix-featured-main>p{font-size:19px;max-width:70%;line-height:1.65}
.ix-courses .ix-featured-art{right:22px;bottom:34px;width:125px;transform:rotate(-7deg)}
.ix-courses .ix-featured-art .course-art{width:125px;height:125px;position:static;opacity:1}
.ix-courses .ix-featured-art span{font-size:17px;line-height:1.4;display:block;text-align:center}
.ix-courses .ix-featured-side{gap:12px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-side>a{padding:19px 25px;min-height:100px;border-radius:20px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-side>.course-feature-tools{background:#202b43;color:white}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .course-feature-tools :is(span,strong){color:white}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-side>.course-feature-school{background:#fff0e5;border:1px solid #efd8c9;color:#803423}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-side>a.course-feature-school:last-child :is(span,strong){color:#803423}
.ix-courses .ix-featured-side span{font-size:17px}.ix-courses .ix-featured-side strong{font-size:24px}
.ix-courses .ix-filters{flex-wrap:wrap}.ix-courses .ix-course-card>a{text-decoration:none}
.ix-courses .ix-course-cover .course-art{position:absolute;right:20px;bottom:23px;width:90px;height:90px;opacity:.52;transition:transform .2s,opacity .2s;pointer-events:none}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-cover{height:174px;padding:22px 24px}
.ix-courses .ix-course-cover>span:not(.ix-cover-caption){font-size:16px;font-weight:650;max-width:100%}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-cover>strong{font-size:32px;max-width:calc(100% - 72px);margin:21px 0 10px;line-height:1.25;overflow-wrap:normal}
.ix-courses .ix-course-cover>i{display:none}.ix-courses .ix-cover-caption{font-size:15px}
.ix-courses .ix-course-card>a:is(:hover,:focus-visible) .course-art{transform:translateY(-4px) rotate(-5deg);opacity:.8}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-copy{padding:22px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-copy h3{font-size:24px;line-height:1.4;margin-bottom:12px}
html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-copy p{font-size:18px;line-height:1.65;margin-bottom:20px}
.ix-courses .ix-card-action{font-size:17px}.course-school-note{font-size:18px;line-height:1.7;padding:20px 24px;background:#fff2ed;border-radius:16px;margin:0 0 24px;color:#713829}
.course-detail-page .course-detail-breadcrumb{font-size:17px;line-height:1.6;padding-top:30px;overflow-wrap:anywhere}
.course-detail-page .ix-dialog-title h1{font-size:clamp(30px,4vw,46px);line-height:1.3}
.course-detail-page .ix-dialog-layout{margin:30px 0 55px}.course-detail-page .ix-dialog-layout aside{position:sticky;top:115px;align-self:start}
@media(max-width:1000px){html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured{grid-template-columns:1fr 1fr}.ix-courses .ix-featured-art{width:90px;right:14px}.ix-courses .ix-featured-art .course-art{width:90px;height:90px}html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-course-cover>strong{font-size:29px}}
@media(max-width:800px){html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured{grid-template-columns:1fr}.ix-courses .ix-featured-side{grid-template-columns:1fr}.course-detail-page .ix-dialog-layout aside{position:static}}
@media(max-width:560px){html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-main{min-height:280px;padding:25px}html body.studio-site.editorial-site.interactive-site.brand-site .ix-courses .ix-featured-main h2{font-size:30px;max-width:100%;margin-top:15px}.ix-courses .ix-featured-main>p{max-width:75%;font-size:18px}.ix-courses .ix-featured-art{bottom:22px;right:16px}.ix-courses .ix-featured-art span{font-size:15px}.ix-courses .ix-featured-side strong{font-size:23px}.course-school-note{padding:18px;font-size:18px}.ix-courses .ix-course-cover .course-art{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.ix-courses .course-art{transition:none!important;transform:none!important}}

.youth-curriculum .youth-status{padding:15px 18px;background:#fff2ed;border-radius:12px;color:#873b2c;font-size:18px}
.youth-curriculum .youth-duration{font-size:18px;line-height:1.7}.youth-curriculum>h3{font-size:25px;margin:26px 0 18px}
.youth-curriculum details{border:1px solid #e3d9d3;border-radius:14px;margin:12px 0;background:white;overflow:hidden}
.youth-curriculum summary{cursor:pointer;font-size:20px;font-weight:750;line-height:1.5;padding:17px 20px;color:#763428;list-style-position:inside}
.youth-curriculum details[open]>summary{background:#fff2ed;border-bottom:1px solid #efd8ca}.youth-curriculum details>div{padding:6px 20px 20px;font-size:18px;line-height:1.75}
.youth-curriculum li{font-size:18px!important;line-height:1.75;margin:14px 0}.youth-curriculum li>strong{display:block;color:#333}
.youth-curriculum .youth-preparation{margin-top:24px;background:#fafafa}.youth-curriculum .youth-preparation summary{font-size:18px;color:#394252}.youth-curriculum h4{font-size:21px;margin:24px 0 12px}

.school-row-title{grid-column:1/-1;font-size:26px;line-height:1.4;margin:4px 0 0;color:#202938}.school-row-title:not(:first-child){margin-top:22px}.school-row-title span{display:inline-block;font-size:17px;font-weight:550;color:#636c79;margin-left:14px}@media(max-width:560px){.school-row-title span{display:block;margin:7px 0 0}}

/* Interest first; all topics offer elementary, middle and high-school plans. */
.youth-curriculum .youth-level-heading{margin:26px 0 12px;font-size:25px;line-height:1.4}
.youth-level-intro{font-size:18px;line-height:1.75}
.youth-level-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;background:#f1f3f7;border-radius:16px;margin:20px 0}
.youth-level-tabs button{min-height:50px;padding:10px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#4a5261;font:inherit;font-size:19px;font-weight:750;cursor:pointer}
.youth-level-tabs button[aria-selected=true]{background:var(--course-ink,#2559e8);color:white;box-shadow:0 3px 9px #1e31591a}
.youth-level-tabs button:focus-visible,.youth-level-panel:focus-visible{outline:3px solid #2559e8;outline-offset:3px}
.youth-level-panel[hidden]{display:none!important}
.youth-level-result{padding:22px;border:1px solid #dce2ed;border-radius:16px;background:var(--course-tint,#edf2ff)}
.youth-level-result>span{font-size:17px;font-weight:750;color:var(--course-ink,#2559e8)}
.youth-curriculum .youth-level-result h4{font-size:24px;line-height:1.5;margin:10px 0 14px;color:#202938}
.youth-level-result>p{font-size:18px;line-height:1.75;margin:0}
.youth-level-panel>.youth-duration{margin:20px 0 24px;color:#505b6b}
.youth-level-panel>h3{font-size:23px;line-height:1.5}
.ix-curriculum .youth-lesson-plan{display:block;margin:14px 0 0}
.ix-curriculum .youth-lesson-plan dt{font-size:17px;font-weight:750;color:#763428;margin:18px 0 5px}
.ix-curriculum .youth-lesson-plan dd{font-size:18px;line-height:1.75;margin:0}
@media(max-width:560px){.youth-level-result{padding:18px}.youth-curriculum .youth-level-result h4{font-size:22px}.youth-level-tabs{gap:4px}.youth-curriculum summary{padding:16px;font-size:19px}}
