/* Cartes pédagogiques : toutes les règles existantes restent lisibles autour. */
.lesson-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2rem;margin:2.25rem 0;padding:1.4rem;border:1px solid rgba(223,198,143,.25);border-radius:var(--radius-panel,18px);background:linear-gradient(125deg,#14333c,#102b33 65%)}
.lesson-card>*{min-width:0}
.lesson-media{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.4rem;min-width:0}
.lesson-image-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;border-radius:var(--radius-small,12px);line-height:0;cursor:zoom-in}
.lesson-image-link img{display:block;width:auto;height:auto;max-width:100%;max-height:620px;border-radius:var(--radius-small,12px);border:1px solid rgba(223,198,143,.22);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.lesson-image-link:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.lesson-zoom{display:flex;align-items:center;justify-content:center;gap:.55rem;color:#c4d2ce;font-size:.75rem;line-height:1.5}
.lesson-zoom>span{color:var(--gold);font-size:1rem}
.lesson-copy{padding:.5rem .6rem .5rem 0}
.rule-body .lesson-kicker{color:var(--gold);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.8;margin:0 0 .85rem}
.rule-body .lesson-copy h3{font:400 clamp(1.5rem,2.5vw,2.15rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:var(--white);margin:0 0 1rem}
.rule-body .lesson-copy>p:not(.lesson-kicker):not(.lesson-source){color:#d1ddda;font-size:1rem;line-height:1.8;margin:0}
.rule-body .lesson-copy .lesson-source{color:#9aafab;font-size:.76rem;line-height:1.7;margin:1.4rem 0 0;padding-top:.8rem;border-top:1px solid rgba(223,198,143,.16)}
.lesson-viewer{width:min(720px,calc(100% - 2.5rem));margin-inline:auto;padding:2rem 0 3rem}
.lesson-return{margin-bottom:1.8rem}
.lesson-viewer .lesson-kicker{color:var(--gold);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem}
.lesson-viewer-title{font:400 clamp(1.9rem,5vw,2.7rem)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 1rem}
.lesson-viewer-caption{font-size:1rem;line-height:1.8;color:#d1ddda;margin:0 0 1.8rem}
.lesson-viewer-image{display:block;width:100%;max-width:540px;height:auto;margin-inline:auto;border-radius:var(--radius-small,12px);border:1px solid rgba(223,198,143,.22)}
@media(max-width:1000px){.lesson-card{gap:1.4rem;padding:1.1rem}.lesson-copy{padding-right:0}.rule-body .lesson-copy>p:not(.lesson-kicker):not(.lesson-source){font-size:.95rem}}
@media(max-width:760px){.lesson-card{grid-template-columns:1fr;gap:1.2rem;padding:1rem;margin:1.7rem 0}.lesson-copy{padding:.1rem .2rem .2rem}.lesson-media{padding:0}.lesson-image-link img{max-height:540px}.rule-body .lesson-copy h3{font-size:1.6rem}.rule-body .lesson-kicker{margin-bottom:.65rem}.rule-body .lesson-copy .lesson-source{margin-top:1rem}}
@media print{.lesson-zoom{display:none}.lesson-card{break-inside:avoid;background:#fff;border-color:#adb8b6;padding:1rem;gap:1.5rem;grid-template-columns:1fr 1fr}.lesson-image-link img{max-height:350px;box-shadow:none}.rule-body .lesson-copy h3,.rule-body .lesson-copy>p,.rule-body .lesson-copy .lesson-source,.rule-body .lesson-kicker{color:#132c36!important}}