/* Lesson cover follows the approved German self-study cover. */
#rlc-lesson-design .top-zone{background:#eee5ff;border-radius:0 0 36px 36px;padding-top:16px}
#rlc-lesson-design .hero{padding:0;background:transparent}
#rlc-lesson-design .hero .crumbs{padding:23px 0 19px;font-size:14px;color:#60606e}
#rlc-lesson-design .hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:0}
#rlc-lesson-design .hero-grid .lesson-hero-copy{padding:16px 0 42px;min-width:0}
#rlc-lesson-design .hero .eyebrow{font-size:14px;letter-spacing:.4px;color:#655775;gap:10px}
#rlc-lesson-design .hero .flag{width:25px;height:25px;flex-shrink:0}
#rlc-lesson-design .hero h1{font-size:48px;line-height:1.06;font-weight:600;letter-spacing:-1.2px;margin:19px 0 20px;max-width:590px}
#rlc-lesson-design .hero h1 .hero-title-prefix{display:block;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;color:#6c5f7b;margin:0 0 9px}
#rlc-lesson-design .hero-title-main{display:block}
#rlc-lesson-design .hero .hero-copy-line{font-size:19px;line-height:1.5;color:#60606e;max-width:470px;margin:0}
#rlc-lesson-design .lesson-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:21px 0 25px}
#rlc-lesson-design .lesson-hero-facts>span{display:inline-flex;align-items:center;gap:9px;background:#ffffffbd;padding:8px 13px;border-radius:30px;font-size:14px;line-height:1.4;color:#443a52}
#rlc-lesson-design .lesson-hero-facts svg{width:19px;height:19px;fill:none;stroke:#9460e4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#rlc-lesson-design .hero .actions .primary{font-size:17px;font-weight:600;padding:13px 25px;min-height:52px;border-radius:8px;background:#7945d4;color:#fff;box-shadow:none}
#rlc-lesson-design .hero .actions .primary:hover{background:#6331bc}
#rlc-lesson-design #lesson-status{font-size:13px;line-height:1.4;margin:12px 0 0;max-width:360px}
#rlc-lesson-design #lesson-status:empty{display:none}
#rlc-lesson-design .hero-progress-hint{display:flex;gap:11px;align-items:flex-start;max-width:425px;margin-top:23px;padding-top:18px;border-top:1px solid #daccf0}
#rlc-lesson-design .hero-progress-hint>svg{width:23px;height:23px;flex-shrink:0;margin-top:2px;fill:none;stroke:#8655c9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#rlc-lesson-design .hero-progress-hint strong{display:block;font-size:16px;font-weight:600;line-height:1.3;color:#443354}
#rlc-lesson-design .hero-progress-hint p{font-size:14px;line-height:1.45;color:#71617f;margin:6px 0 0}
#rlc-lesson-design .hero-progress-hint a{color:#6531ad;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b399d5}
#rlc-lesson-design .hero-progress-hint a:hover{color:#48207f;text-decoration-color:currentColor}
#rlc-lesson-design .lesson-hero-art{position:relative;align-self:end;min-width:0;width:100%;max-width:495px;justify-self:end}
#rlc-lesson-design .lesson-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#rlc-lesson-design .lesson-hero-hallo{position:absolute;top:1%;right:8%;font-size:45px;line-height:1.2;color:#9670dc;font-style:italic;transform:rotate(12deg)}
@media(max-width:1100px){
 #rlc-lesson-design .hero h1{font-size:42px}
 #rlc-lesson-design .hero-grid{gap:18px;grid-template-columns:1.15fr 1fr}
 #rlc-lesson-design .lesson-hero-hallo{font-size:36px}
}
@media(max-width:760px){
 #rlc-lesson-design .hero-grid{grid-template-columns:1fr;gap:0}
 #rlc-lesson-design .hero .crumbs{padding:20px 0 19px;font-size:12px;line-height:1.5}
 #rlc-lesson-design .hero-grid .lesson-hero-copy{padding:6px 0 16px}
 #rlc-lesson-design .hero h1{font-size:38px;line-height:1.07;letter-spacing:-.85px;margin:17px 0 16px}
 #rlc-lesson-design .hero h1 .hero-title-prefix{font-size:17px;margin-bottom:8px}
 #rlc-lesson-design .hero .eyebrow{font-size:12px;letter-spacing:.35px}
 #rlc-lesson-design .hero .hero-copy-line{font-size:17px;line-height:1.45;max-width:490px}
 #rlc-lesson-design .lesson-hero-facts{margin:17px 0 20px;gap:9px}
 #rlc-lesson-design .lesson-hero-facts>span{font-size:13px;padding:7px 11px;gap:7px}
 #rlc-lesson-design .hero .actions .primary{font-size:16px;min-height:49px;padding:12px 22px}
 #rlc-lesson-design .lesson-hero-art{width:min(84%,330px);justify-self:center;margin-top:4px}
 #rlc-lesson-design .lesson-hero-hallo{font-size:32px;right:1%;top:3%}
}
@media(max-width:420px){
 #rlc-lesson-design .top-zone{padding-top:10px;border-radius:0 0 26px 26px}
 #rlc-lesson-design .hero .crumbs{max-width:310px}
 #rlc-lesson-design .hero h1{font-size:36px}
 #rlc-lesson-design .lesson-hero-art{width:80%;max-width:290px}
}