/* Tonal gradients stay in illustration panels; text sits on warm paper. */
[data-discipline]{--tone-deep:#9c3f1d;--tone-light:#efa143}
[data-discipline="creative_direction"]{--tone-deep:#a0441c;--tone-light:#f0a940}
[data-discipline="event_coordinator"]{--tone-deep:#175b62;--tone-light:#56a99d}
[data-discipline="show_direction"]{--tone-deep:#162449;--tone-light:#476cce}
[data-discipline="stage_management"]{--tone-deep:#512536;--tone-light:#a7474b}
[data-discipline="floor_direction"]{--tone-deep:#194d3e;--tone-light:#4b9a6c}
[data-discipline="meraki_core"]{--tone-deep:#925322;--tone-light:#d8b36b}
[data-discipline="x-design"]{--tone-deep:#3c376e;--tone-light:#9485bf}
[data-discipline="x-creative"]{--tone-deep:#974c30;--tone-light:#dfaa76}
[data-discipline="x-client"]{--tone-deep:#235d79;--tone-light:#70acc1}
[data-discipline="x-lead"]{--tone-deep:#335647;--tone-light:#91b890}
[data-discipline="x-live"]{--tone-deep:#712a50;--tone-light:#c57991}
[data-discipline="x-growth"]{--tone-deep:#72541f;--tone-light:#d8b856}
.course-card[data-discipline],.course-hero[data-discipline]{border:3px solid var(--ink);border-radius:22px;box-shadow:5px 6px 0 var(--ink);overflow:hidden}
.course-card[data-discipline]{display:flex;flex-direction:column;min-width:0;background:var(--paper-2)}
.course-card[data-discipline] .course-visual{height:220px;min-height:220px;padding:20px;display:grid;place-items:center;border-bottom:3px solid var(--ink);background:linear-gradient(135deg,var(--tone-deep),var(--tone-light));position:relative}
.course-card[data-discipline] .course-art{width:184px;max-width:184px;height:184px;transform:rotate(-3deg)}
.course-card[data-discipline] .course-copy{flex:1;display:flex;flex-direction:column;padding:24px;gap:12px;background:var(--paper-2);color:var(--ink)}
.course-card[data-discipline] h2{margin:0;font-size:25px;line-height:1.16;letter-spacing:-.03em}
.course-card[data-discipline] p{margin:0;line-height:1.6}
.course-card[data-discipline] .chip{align-self:flex-start;max-width:100%;font-size:10px;background:var(--paper)}
.course-card[data-discipline] .course-copy>.button,.course-card[data-discipline] .module-actions{margin-top:auto;padding-top:10px}
.course-card[data-discipline] .course-copy>.button{padding-top:12px;background:var(--ink);color:var(--paper-2)}
.course-card[data-discipline] .module-actions .button{padding-top:12px;flex:1 1 130px}
.skill-card[data-discipline] .course-visual{height:184px;min-height:184px}
.skill-card[data-discipline] .course-art{width:154px;height:154px;transform:rotate(3deg)}
.skill-card .status-note{font-size:12px;line-height:1.5;margin:0;border-left:3px solid var(--tone-deep);padding-left:10px}
.course-locked{opacity:1}
.course-hero[data-discipline]{background:var(--paper-2);color:var(--ink);position:relative;isolation:isolate;grid-template-columns:minmax(0,1.5fr) minmax(170px,.6fr)}
.course-hero[data-discipline]:before{content:"";position:absolute;inset:0 0 0 73%;background:linear-gradient(145deg,var(--tone-deep),var(--tone-light));border-left:3px solid var(--ink);z-index:-1}
.course-hero[data-discipline]>.course-art{width:100%;max-width:230px;justify-self:center;transform:rotate(-3deg)}
.course-hero[data-discipline] .progress-fill{background:var(--tone-deep)}
.module-card[data-discipline] .module-art{background:linear-gradient(135deg,var(--tone-deep),var(--tone-light));color:var(--paper-2)}
.module-art>.course-art{width:96px;height:96px}.module-art>b{text-shadow:2px 2px var(--ink)}
.chapter-video iframe{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;background:#111;border:2px solid var(--ink);border-radius:14px}
@media(max-width:820px){.course-card[data-discipline] h2{font-size:22px}.course-card[data-discipline] .course-copy{padding:20px}.course-hero[data-discipline]{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:560px){.course-hero[data-discipline]{grid-template-columns:1fr;padding:24px;padding-top:172px}.course-hero[data-discipline]:before{inset:0 0 auto;height:148px;border-left:0;border-bottom:3px solid var(--ink)}.course-hero[data-discipline]>.course-art{position:absolute;grid-row:auto;grid-column:auto;right:calc(50% - 68px);top:7px;width:136px;height:136px;max-width:136px}.course-hero[data-discipline]>div>.chip{max-width:100%}.course-card[data-discipline] .course-visual{height:204px;min-height:204px}.skill-card[data-discipline] .course-visual{height:180px;min-height:180px}.course-card[data-discipline]{box-shadow:4px 5px 0 var(--ink)}}
@media(prefers-reduced-motion:reduce){.course-card,.course-art{transition:none;animation:none}}