/* Full-page doodle grammar: visual is the slide canvas; teaching text is deliberately overlaid. */
.course-immersive{height:648px;position:relative;display:block;overflow:hidden;background:var(--paper);isolation:isolate}
.immersive-visual{position:absolute;inset:0;z-index:0;margin:0;display:flex;align-items:center;justify-content:center;background:var(--paper)}
.immersive-visual img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.immersive-title{position:absolute;z-index:2;top:34px;left:42px;width:min(520px,46%);padding:19px 21px 20px;border:1px solid var(--ink);background:var(--blue);color:var(--white)}
.immersive-title .course-kicker{color:var(--ink);margin-bottom:14px}.immersive-title h1{margin:0;font-size:40px;line-height:1.08;letter-spacing:-1.1px;font-weight:900}.immersive-title p{margin:10px 0 0;font-size:18px;line-height:1.35;font-weight:700}
.immersive-notes{position:absolute;z-index:2;left:42px;right:42px;bottom:26px;display:grid;grid-template-columns:repeat(var(--note-count,4),minmax(0,1fr));gap:10px;align-items:stretch}
.immersive-note{min-width:0;min-height:124px;padding:14px 15px;border:1px solid var(--ink);background:rgba(244,244,240,.95);display:flex;flex-direction:column;justify-content:flex-end}
.immersive-note .step-num{display:block;margin-bottom:auto;font:500 14px 'DM Mono',monospace;color:var(--blue)}
.immersive-note p{margin:18px 0 0;font-size:18px;line-height:1.31;font-weight:700}
.immersive-notes[style*="--note-count:5"] .immersive-note{min-height:112px;padding:12px}.immersive-notes[style*="--note-count:5"] .immersive-note p{margin-top:13px;font-size:16px;line-height:1.28}