.lesson-head{position:relative}
.key-letter{font-family:var(--display);font-weight:300;font-size:88px;line-height:1;color:var(--rose);display:block;margin-bottom:-6px}
.lesson-sub{font-family:var(--script);font-size:34px;line-height:1.1;color:var(--rose)!important}
.code-card{margin-top:30px;border-radius:var(--r);background:var(--plum);color:#fff;padding:32px 34px;display:grid;gap:12px}
.code-card .eyebrow{color:#F2B8C3}
.code-card .shift{font-size:20px;color:#E9EEF3}
.code-card .shift b{color:#fff;font-weight:600}
.codes{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;margin-top:6px}
.codes span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.codes .old{border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:18px 20px;display:grid;gap:6px}
.codes .old span{color:#B9C6D3}
.codes .old p{color:#C9D3DD;font-size:18px;text-decoration:line-through;text-decoration-color:rgba(242,184,195,.7)}
.codes .new{background:#fff;border-radius:10px;padding:18px 22px;display:grid;gap:6px;box-shadow:0 0 0 3px rgba(233,199,123,.45)}
.codes .new span{color:var(--gold-deep)}
.codes .new p{font-family:var(--script);font-size:30px;line-height:1.15;color:var(--rose)}
.lesson-col{display:grid;gap:22px;align-content:start}
.lesson-card ul{margin:0;padding-left:20px;display:grid;gap:8px}
.lesson-card ul li::marker{color:var(--gold-deep)}
.lesson-card.visual{background:var(--sage-soft);border-color:#D3DDD6}
.lesson-card.visual .eyebrow{color:var(--sage-deep)}
.lesson-card.prompt blockquote{font-size:26px;line-height:1.3}
.closing-card{margin-top:34px;border-radius:var(--r);background:radial-gradient(120% 90% at 20% 10%,#FFF6F2 0%,#FAE3DC 50%,#F3D2CB 100%);padding:40px 36px;text-align:center;display:grid;gap:12px;font-size:19px}
.closing-card .glow{font-family:var(--script);font-size:40px;line-height:1.15;color:var(--rose);margin-top:6px}
.lesson-nav .all-steps{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--rose);text-decoration:none}
@media (max-width:760px){.codes{grid-template-columns:minmax(0,1fr)}.code-card{padding:26px 22px}.lesson-nav{justify-content:center}.lesson-nav .btn{width:100%}}