/* ==================================================================
   learn.css — styles for the Learn section only (learn.html and every
   page in learn/). Loaded AFTER css/site.css on those pages and nowhere
   else, so nothing here can reach the other 23 pages, and the Midnight
   roll-back ("delete from the banner to the end of site.css") can't
   take this with it. Every selector starts .lx- (the lighting demo),
   .lesson- or .course-.
   ================================================================== */

/* ---------- lesson page rhythm ---------- */
.lesson-sec{padding:72px 0;scroll-margin-top:60px;}
.lesson-sec + .lesson-sec{padding-top:24px;}
.lesson-sec h2{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-0.03em;margin-bottom:14px;}
.lesson-sec h2 .hl{color:var(--ash);}
.lesson-sec p,.lesson-sec li{color:#d2d2d7;}
.lesson-sec .measure > p{max-width:640px;}
.lesson-kicker{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);margin:0 0 10px;}
.pagehead .lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.lesson-meta span{font-size:13px;color:#d2d2d7;background:var(--carbon);border-radius:980px;padding:5px 12px;}

/* ---------- hook: two pictures and a guess ---------- */
.lesson-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 8px;}
.lesson-pair figure{margin:0;}
.lesson-pair img{display:block;width:100%;height:auto;border-radius:22px;background:var(--carbon);}
.lesson-pair figcaption{font-size:14px;color:var(--ash);margin-top:8px;}
.lesson-pair figcaption b{color:var(--porcelain);font-weight:600;}
.lesson-q{background:var(--carbon);border-radius:28px;padding:28px;margin-top:22px;}
.lesson-q h3{font-size:21px;color:var(--porcelain);margin-bottom:16px;letter-spacing:-0.02em;}
.lesson-opts{display:grid;gap:10px;}
.lesson-opts button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;
  padding:14px 18px;border-radius:16px;background:#000;border:1px solid var(--steel);
  color:var(--porcelain);font-size:16px;line-height:1.35;transition:border-color .15s,background .15s;}
.lesson-opts button:hover{border-color:var(--link);}
.lesson-opts button:focus-visible{outline:2px solid var(--link);outline-offset:2px;}
.lesson-opts button[disabled]{cursor:default;}
.lesson-opts button.is-right{border-color:#30d158;background:rgba(48,209,88,.12);}
.lesson-opts button.is-wrong{border-color:#ff453a;background:rgba(255,69,58,.10);}
.lesson-opts button.is-dim{opacity:.45;}
.lesson-reveal{margin-top:16px;color:#d2d2d7;font-size:16px;}
.lesson-reveal b{color:var(--porcelain);}

/* ---------- the lighting demo ---------- */
.lx{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px;margin-top:26px;}
.lx-view{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#050505;}
.lx-canvas{display:block;width:100%;height:100%;}
.lx-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ash);font-size:15px;padding:24px;text-align:center;}
.lx-loading[hidden]{display:none;}
.lx-ratio{position:absolute;left:14px;bottom:14px;font-size:13px;color:#f5f5f7;background:rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:980px;padding:6px 12px;}
.lx-ratio b{font-weight:600;}
.lx-side{display:flex;flex-direction:column;gap:12px;min-width:0;}
.lx-mapwrap{position:relative;background:var(--carbon);border-radius:28px;overflow:hidden;}
.lx-map{display:block;width:100%;aspect-ratio:7/5;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;}
.lx-hint{position:absolute;right:16px;top:12px;font-size:12px;color:var(--ash);pointer-events:none;}
.lx-ring{fill:none;stroke:#2c2c2e;stroke-width:.6;stroke-dasharray:2 3;}
.lx-axis{stroke:#3a3a3c;stroke-width:.6;stroke-dasharray:1.5 2.5;}
.lx-backdrop{stroke:#48484a;stroke-width:3;stroke-linecap:round;}
.lx-head{fill:#48484a;}
.lx-cam{fill:#8e8e93;}
.lx-small{fill:#8e8e93;font:500 7px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;}
.lx-beam{pointer-events:none;transition:opacity .15s;}
.lx-light{cursor:grab;outline:none;}
.lx-dragging .lx-light,.lx-dragging .lx-map{cursor:grabbing;}
.lx-hit{fill:transparent;}
.lx-sel{fill:none;stroke:#f5f5f7;stroke-width:1.4;opacity:0;transition:opacity .15s;}
.lx-light.is-selected .lx-sel,.lx-light:focus-visible .lx-sel{opacity:1;}
.lx-dot{fill:var(--c);stroke:var(--c);stroke-width:1.2;}
.lx-letter{fill:#000;font:700 9.5px/1 Inter,system-ui,sans-serif;pointer-events:none;}
.lx-light.is-off .lx-dot{fill:#1d1d1f;stroke-dasharray:2 2;}
.lx-light.is-off .lx-letter{fill:var(--ash);}
.lx-hlab{fill:#d2d2d7;font-size:7px;}

.lx-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.lx-chip{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:10px 8px;border-radius:980px;
  background:var(--carbon);color:#d2d2d7;font-size:15px;border:1px solid transparent;}
.lx-chip i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:7px;vertical-align:1px;}
.lx-chip.is-off i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--c);}
.lx-chip[aria-selected=true]{border-color:var(--porcelain);color:#fff;}
.lx-chip:focus-visible{outline:2px solid var(--link);outline-offset:2px;}

.lx-panel{background:var(--carbon);border-radius:28px;padding:18px 20px;display:grid;gap:14px;}
.lx-row{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ash);}
.lx-where{margin-left:auto;text-align:right;color:#d2d2d7;font-size:13px;}
.lx-switch{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--porcelain);font-size:15px;font-weight:600;}
.lx-switch input{position:absolute;opacity:0;width:1px;height:1px;}
.lx-track{width:42px;height:26px;border-radius:980px;background:var(--steel);position:relative;transition:background .15s;flex:none;}
.lx-track::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s;}
.lx-switch input:checked + .lx-track{background:var(--sel,#30d158);}
.lx-switch input:checked + .lx-track::after{transform:translateX(16px);}
.lx-switch input:focus-visible + .lx-track{outline:2px solid var(--link);outline-offset:2px;}
.lx-bright input{flex:1;min-width:0;accent-color:var(--sel,#0071e3);height:28px;}
.lx-bright input:disabled{opacity:.35;}
.lx-bright output{width:42px;text-align:right;color:#d2d2d7;font-variant-numeric:tabular-nums;}
.lx-seg{display:flex;flex:1;background:#000;border-radius:980px;padding:3px;gap:2px;}
.lx-seg button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:7px 4px;border-radius:980px;font-size:13px;color:var(--ash);}
.lx-seg button[aria-checked=true]{background:var(--steel);color:#fff;}
.lx-seg button:focus-visible{outline:2px solid var(--link);}

.lx-nogl .lx-side{opacity:.4;pointer-events:none;}

/* ---------- guided steps under the demo ---------- */
.lesson-steps{background:var(--carbon);border-radius:28px;padding:24px 26px;margin-top:12px;}
.lesson-steps ol{list-style:none;margin:0;padding:0;counter-reset:st;}
.lesson-steps li{counter-increment:st;position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--steel);color:var(--ash);}
.lesson-steps li:first-child{border-top:0;}
.lesson-steps li::before{content:counter(st);position:absolute;left:0;top:11px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font-size:13px;font-weight:600;background:#000;color:var(--ash);}
.lesson-steps li.is-done::before{content:"✓";background:#30d158;color:#000;}
.lesson-steps li.is-now::before{background:var(--blue);color:#fff;}
.lesson-steps li .t{font-weight:600;color:#d2d2d7;font-size:16px;}
.lesson-steps li.is-now .t{color:#fff;}
.lesson-steps li .b,.lesson-steps li .d{display:none;font-size:15px;margin-top:6px;color:#d2d2d7;}
.lesson-steps li.is-now .b{display:block;}
.lesson-steps li.is-done .d{display:block;color:#30d158;}
.lesson-steps-top{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.lesson-steps-top h3{font-size:19px;color:var(--porcelain);}
.lesson-link{all:unset;cursor:pointer;margin-left:auto;color:var(--link);font-size:14px;}
.lesson-link:hover{text-decoration:underline;}
.lesson-link:focus-visible{outline:2px solid var(--link);}
.lesson-done{margin-top:14px;font-size:16px;color:#d2d2d7;}
.lesson-done b{color:#fff;}

.lesson-looks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.lesson-looks button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 16px;border-radius:980px;border:1px solid var(--link);color:var(--link);font-size:15px;}
.lesson-looks button:hover{background:rgba(41,151,255,.1);}
.lesson-looks button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;}
.lesson-looks button:focus-visible{outline:2px solid var(--link);outline-offset:2px;}
.lesson-lookdesc{margin-top:12px;font-size:15px;color:#d2d2d7;min-height:3em;}

/* ---------- three light cards ---------- */
.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;}
.lesson-card{background:var(--carbon);border-radius:28px;padding:26px 24px;}
.lesson-card h3{font-size:21px;color:var(--porcelain);margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.lesson-card h3 i{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none;}
.lesson-card p{font-size:16px;margin:0 0 10px;}
.lesson-card p:last-child{margin-bottom:0;}


.lesson-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;}
.lesson-kit div{background:var(--carbon);border-radius:22px;padding:18px 20px;font-size:15px;color:#d2d2d7;}
.lesson-kit b{display:block;color:#fff;font-size:16px;margin-bottom:4px;}
.lesson-sec ol.lesson-do{padding-left:22px;max-width:640px;}
.lesson-sec ol.lesson-do li{margin-bottom:8px;}

/* ---------- quiz ---------- */
.lesson-quiz{display:grid;gap:12px;margin-top:22px;max-width:760px;}
.lesson-quiz .lesson-q{margin-top:0;}
.lesson-q .n{font-size:13px;color:var(--ash);margin-bottom:6px;}
.lesson-score{background:var(--carbon);border-radius:28px;padding:26px 28px;max-width:760px;margin-top:12px;}
.lesson-score h3{font-size:24px;color:#fff;margin-bottom:6px;}
.lesson-score p{margin:0 0 14px;}

/* ---------- next / credits ---------- */
.lesson-next{background:var(--carbon);border-radius:28px;padding:40px 36px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;}
.lesson-next h2{margin-bottom:6px;}
.lesson-next p{margin:0;}
.lesson-next .btns{display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.lesson-credits{font-size:13px;color:var(--ash);max-width:760px;margin-top:28px;}
.lesson-credits a{color:#d2d2d7;}

/* ---------- course page ---------- */
.course-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--carbon);border-radius:28px;
  padding:16px 36px 16px 16px;margin-top:30px;text-decoration:none;color:inherit;}
.course-feature:hover{text-decoration:none;}
.course-feature:hover h3{color:var(--link);}
.course-feature img{display:block;width:100%;height:auto;border-radius:20px;}
.course-feature .n{font-size:13px;color:var(--ash);}
.course-feature h3{font-size:clamp(26px,3.4vw,36px);color:#fff;margin:6px 0 10px;letter-spacing:-0.03em;}
.course-feature p{color:#a1a1a6;font-size:16px;margin:0 0 20px;}
.course-units{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;}
.course-unit{background:var(--carbon);border-radius:28px;padding:26px 24px;display:flex;flex-direction:column;}
.course-unit .n{font-size:13px;color:var(--ash);}
.course-unit h3{font-size:22px;color:#fff;margin:4px 0 8px;}
.course-unit p{font-size:15px;color:#a1a1a6;margin:0 0 16px;}
.course-unit ul{list-style:none;padding:0;margin:auto 0 0;}
.course-unit li{font-size:15px;padding:10px 0;border-top:1px solid var(--steel);color:var(--ash);display:flex;gap:8px;align-items:baseline;}
.course-unit li a{color:#fff;text-decoration:none;font-weight:600;}
.course-unit li a:hover{color:var(--link);}
.course-unit li .tag{margin-left:auto;font-size:12px;color:var(--ash);white-space:nowrap;}
.course-unit li .tag.done{color:#30d158;}

@media(max-width:900px){
  .lx{grid-template-columns:1fr;}
  .lx-map{aspect-ratio:7/4.4;}
  .lesson-cards,.course-units{grid-template-columns:1fr;}
  .course-feature{grid-template-columns:1fr;gap:18px;padding:12px 12px 24px;}
  .course-feature > div{padding:0 10px;}
  .lesson-kit{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .lesson-sec{padding:48px 0;}
  .lx-view{border-radius:22px;}
  .lx-mapwrap,.lx-panel,.lesson-steps,.lesson-q{border-radius:22px;}
  .lesson-q{padding:22px 18px;}
  .lesson-steps{padding:18px 18px;}
  .lesson-next{grid-template-columns:1fr;padding:30px 22px;}
  .lesson-pair{gap:8px;}
  .lesson-pair img{border-radius:16px;}
}

/* ---------- pictures beside every mention (added 30 Oct 2026) ---------- */
.lesson-sec figcaption{font-style:normal;}
.lesson-card{display:flex;flex-direction:column;}
.lesson-card .gear-lab{margin-top:auto;padding-top:18px;}
.lesson-shot{display:block;width:100%;height:auto;border-radius:18px;margin-bottom:18px;background:#000;}
.gear-lab{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);margin:18px 0 10px;}
.gear-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.gear{margin:0;background:#000;border-radius:14px;padding:6px 6px 8px;text-align:center;}
.gear img{display:block;width:100%;height:auto;}
.gear figcaption{font-size:12px;line-height:1.3;color:#d2d2d7;margin-top:2px;}
.gear figcaption a{display:block;color:var(--link);font-size:11.5px;margin-top:3px;text-decoration:none;}
.gear figcaption a:hover{text-decoration:underline;}
.lesson-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;}
.lesson-ratios figure{margin:0;background:var(--carbon);border-radius:22px;padding:10px 10px 16px;}
.lesson-ratios img{display:block;width:100%;height:auto;border-radius:14px;}
.lesson-ratios figcaption{padding:12px 8px 0;font-size:15px;color:#d2d2d7;}
.lesson-ratios figcaption b{display:block;font-size:26px;color:#fff;letter-spacing:-0.02em;margin-bottom:2px;}
.lesson-kit > div{display:flex;gap:14px;align-items:center;}
.lesson-kit .gear{flex:0 0 96px;padding:4px;}
.lesson-kit span{display:block;}
.lesson-kit a{display:block;margin-top:6px;font-size:13px;}
.lesson-howto{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start;margin-top:8px;}
.lesson-howto ol.lesson-do{margin:0;}
.lesson-diagram{margin:0;background:var(--carbon);border-radius:22px;padding:10px;}
.lesson-diagram img{display:block;width:100%;height:auto;}
.lesson-diagram figcaption{font-size:13px;color:var(--ash);text-align:center;padding:4px 0 2px;}
.next-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.next-pair figure{margin:0;background:#000;border-radius:14px;padding:4px 4px 8px;text-align:center;}
.next-pair img{display:block;width:100%;height:auto;}
.next-pair figcaption{font-size:12px;color:#d2d2d7;}
@media(max-width:900px){
  .lesson-ratios{grid-template-columns:1fr;gap:8px;}
  .lesson-ratios figure{display:flex;gap:14px;align-items:center;padding:8px;}
  .lesson-ratios img{flex:0 0 42%;width:42%;}
  .lesson-ratios figcaption{padding:0 4px 0 0;font-size:14px;}
  .lesson-howto{grid-template-columns:1fr;}
  .lesson-diagram{order:-1;}
}
@media(max-width:420px){
  .gear-row{gap:6px;}
  .gear figcaption{font-size:11px;}
}

/* ---------- levels demo (.au-) ---------- */
.au{margin-top:26px;background:var(--carbon);border-radius:28px;padding:18px;display:grid;gap:14px;}
.au-screen{position:relative;background:#000;border-radius:18px;overflow:hidden;aspect-ratio:3/1;}
.au-wave{display:block;width:100%;height:100%;}
.au-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ash);font-size:15px;}
.au-loading[hidden]{display:none;}
.au-tag{position:absolute;right:12px;top:10px;font-size:13px;font-weight:600;border-radius:980px;padding:5px 12px;background:rgba(0,0,0,.7);}
.au-tag[data-zone=good]{color:#30d158;} .au-tag[data-zone=low]{color:#8e8e93;} .au-tag[data-zone=hot]{color:#ffd60a;} .au-tag[data-zone=clip]{color:#fff;background:#ff453a;}
.au-meter{padding:0 2px;}
.au-bar{position:relative;height:14px;border-radius:7px;background:#000;overflow:hidden;}
.au-zone{position:absolute;top:0;bottom:0;left:75%;width:12.5%;background:rgba(48,209,88,.18);border-left:1px solid rgba(48,209,88,.5);border-right:1px solid rgba(48,209,88,.5);}
.au-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#2fae55;transition:width .05s linear;z-index:1;}
.au-fill[data-zone=good]{background:#30d158;} .au-fill[data-zone=hot]{background:#ffd60a;} .au-fill[data-zone=clip]{background:#ff453a;}
.au-hold{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#f5f5f7;z-index:2;}
.au-scale{position:relative;height:16px;font-size:11px;color:var(--ash);margin-top:3px;}
.au-scale span{position:absolute;transform:translateX(-50%);}
.au-scale span:first-child{transform:none;} .au-scale span:last-child{transform:translateX(-100%);}
.au-controls{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px;align-items:center;}
.au-play{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border-radius:980px;padding:12px 22px 12px 16px;font-size:16px;}
.au-play:hover{background:var(--blue-hover);}
.au-play[disabled]{opacity:.4;cursor:default;}
.au-play:focus-visible{outline:2px solid var(--link);outline-offset:2px;}
.au-icon{width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;}
.au-playing .au-icon{width:11px;height:12px;border:0;background:#fff;border-radius:2px;}
.au-fader{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:#000;border-radius:16px;padding:10px 14px;font-size:13px;color:var(--ash);}
.au-fader input{grid-column:1 / -1;width:100%;accent-color:#30d158;height:28px;margin:0;}
.au-edit input{accent-color:#64d2ff;}
.au-fader output{color:#f5f5f7;font-variant-numeric:tabular-nums;}
.au-note{font-size:13px;color:var(--ash);margin:0;}
.lesson-media{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;}
.lesson-media figure{margin:0;background:var(--carbon);border-radius:22px;padding:12px 12px 16px;}
.lesson-media img{display:block;width:100%;height:auto;border-radius:12px;background:#000;}
.lesson-media figcaption{font-size:15px;color:#d2d2d7;padding:10px 4px 0;}
.lesson-media figcaption b{color:#fff;}
.lesson-media audio{display:block;width:100%;margin-top:10px;height:36px;}
.lesson-media.three{grid-template-columns:repeat(3,1fr);}
.lesson-wide{margin:22px 0;background:var(--carbon);border-radius:22px;padding:16px;max-width:760px;}
.lesson-wide img{display:block;width:100%;height:auto;}
.lesson-wide figcaption{font-size:14px;color:var(--ash);padding-top:8px;}
.lesson-gear{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;max-width:900px;}
.lesson-gear .gear{background:var(--carbon);padding:10px 10px 12px;border-radius:18px;}
.lesson-gear .gear figcaption{font-size:14px;}
.lesson-gear .gear figcaption a{font-size:13px;}
.lesson-gear .gear figcaption small{display:block;color:var(--ash);font-size:12px;margin-top:3px;}
@media(max-width:900px){
  .au-controls{grid-template-columns:1fr 1fr;}
  .au-play{grid-column:1 / -1;justify-content:center;}
  .lesson-media,.lesson-media.three{grid-template-columns:1fr;}
  .lesson-gear{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .au{padding:12px;border-radius:22px;}
  .au-screen{aspect-ratio:2/1;}
  .au-controls{grid-template-columns:1fr;}
}
.gear small{display:block;color:var(--ash);font-size:11.5px;margin-top:2px;}
.lesson-solo img{max-width:260px;margin:0 auto;background:transparent!important;}

/* ---------- aperture demo (.ap-) — reuses the .lx- stage ---------- */
.ap-grain{position:absolute;inset:0;opacity:0;mix-blend-mode:overlay;pointer-events:none;background-size:160px 160px;}
.ap-panel{gap:16px;}
.ap-top{display:flex;align-items:center;gap:16px;}
.ap-iris{width:84px;height:84px;flex:none;}
.ap-ring{fill:#2c2c2e;stroke:#8e8e93;stroke-width:3;}
.ap-blades{fill:#3a3a3c;}
.ap-hole{fill:#ffe9c2;transition:all .2s;}
.ap-f{font-size:34px;font-weight:600;color:#fff;letter-spacing:-0.03em;line-height:1;}
.ap-fsub{font-size:13px;color:var(--ash);margin-top:6px;}
.ap-slider{display:block;font-size:14px;color:var(--ash);}
.ap-slider input{display:block;width:100%;accent-color:#ffd60a;height:30px;margin:6px 0 0;}
.ap-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--ash);padding:0 2px;font-variant-numeric:tabular-nums;}
.ap .lx-side .au-note{margin:0 4px;}

/* ---------- course page: the live lessons (replaces the single feature card) ---------- */
.course-live{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;}
.course-live .course-feature{display:flex;flex-direction:column;gap:0;padding:12px;margin:0;align-items:stretch;}
.course-live .course-feature img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;background:#000;}
.course-live .course-feature img.wave{object-fit:contain;padding:18px 8px;}
.course-live .course-feature > div{padding:16px 8px 8px;}
.course-live .course-feature h3{font-size:22px;margin:4px 0 6px;}
.course-live .course-feature p{font-size:15px;margin:0;}
@media(max-width:900px){.course-live{grid-template-columns:1fr;}}