/* Octobre : une même matière, des repères lisibles à toutes les tailles. */
#atelier-grammar .atelier-grammar-heading,#atelier-flashcards-module>.learning-active-notion,#lesson-title,.full-lesson .full-lesson-top,.literature-sheet[open]>summary{position:static;top:auto}
#panel-atelier .learning-game{scroll-margin-top:90px}
#panel-atelier .learning-game-trail{flex-wrap:wrap}
#panel-atelier [hidden],.reader-finish-badge[hidden]{display:none!important}
.reader{overflow:hidden;border-radius:22px}
.reader-header{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;flex:none}
.work-card--clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}
.work-card--clickable:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102e371a}
.work-card--clickable:focus-within{outline:3px solid var(--work-accent,var(--accent));outline-offset:4px}
.work-card--clickable .course-button:after{content:'';position:absolute;inset:0;border-radius:inherit}
.work-card--clickable{position:relative}
.bibliography-book-secret{width:28px;height:28px;margin:0 0 0 8px;padding:6px;opacity:.4;vertical-align:middle}
.bibliography-book-secret:hover,.bibliography-book-secret:focus-visible{opacity:1}
.echo-badge-emblem--chut img{width:74%!important;height:74%!important;max-width:74%;max-height:74%;object-fit:contain!important;transform:none}
.echo-badge-emblem--sesame_rate img,.echo-badge-emblem--entre_lignes img,.echo-badge-emblem--scapin img,.echo-badge-emblem--notes img,.echo-badge-emblem--zoomies img{width:100%!important;height:100%!important;object-fit:contain!important;max-height:100%;transform:none}
.echo-badge-card:not(.echo-badge-card--locked) :is(.echo-badge-emblem--sesame_rate,.echo-badge-emblem--entre_lignes,.echo-badge-emblem--scapin,.echo-badge-emblem--notes) img,.echo-badge-toast :is(.echo-badge-emblem--sesame_rate,.echo-badge-emblem--entre_lignes,.echo-badge-emblem--scapin,.echo-badge-emblem--notes) img{animation:badge-living 4.8s ease-in-out infinite;transform-origin:50% 82%}
.echo-badge-card:not(.echo-badge-card--locked) .echo-badge-emblem--zoomies img,.echo-badge-toast .echo-badge-emblem--zoomies img{animation:badge-zoom-run 1.2s ease-in-out infinite}
@keyframes badge-living{0%,65%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-3px) rotate(-4deg)}80%{transform:translateY(-1px) rotate(3deg)}90%{transform:translateY(-2px) rotate(-1deg)}}
@keyframes badge-zoom-run{0%,100%{transform:translateX(-4px) rotate(-3deg)}50%{transform:translateX(4px) translateY(-4px) rotate(3deg)}}
.learning-share{display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;margin:8px 0;border:0;background:transparent;color:var(--muted);opacity:.62;font-size:1rem}
.learning-share:hover,.learning-share:focus-visible{opacity:1;background:color-mix(in srgb,var(--level-color,var(--accent)) 12%,var(--surface));outline-offset:3px}
.atelier-root-button{font:700 .95rem Andika,system-ui,sans-serif!important;border-radius:50px!important;letter-spacing:0!important}
.atelier-entry-navigation{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin:26px 0}
.atelier-entry-navigation button,.embedded-grammar .lesson-end button,.repere-neighbors :is(a,button){font-family:Andika,system-ui,sans-serif;font-size:.94rem;font-weight:700;line-height:1.5;border:1px solid color-mix(in srgb,var(--level-color,var(--accent)) 36%,var(--line));border-radius:22px 22px 22px 8px;padding:13px 19px;background:linear-gradient(135deg,color-mix(in srgb,var(--level-color,var(--accent)) 9%,var(--surface)),var(--surface));color:var(--ink);box-shadow:0 3px 0 #102e3710;transition:transform .18s,box-shadow .18s}
.atelier-entry-navigation button{margin:0;flex:1 1 230px;text-align:left;max-width:550px}
.atelier-entry-navigation button strong{display:block;font:400 1.2rem/1.4 Georgia,serif;margin-top:6px}
.atelier-entry-navigation button span{font-size:.8rem;color:var(--muted)}
.atelier-entry-navigation button:hover,.repere-neighbors :is(a,button):hover,.embedded-grammar .lesson-end button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #102e3710}
.embedded-grammar .categories button{border-color:var(--level-color);background:color-mix(in srgb,var(--level-color) 12%,var(--surface));color:var(--ink);font-family:Andika,system-ui,sans-serif}
.embedded-grammar .categories button[aria-pressed=true]{background:var(--level-color);border-color:var(--level-color);color:var(--category-ink,#fff)}
.embedded-grammar .full-lesson-open{display:inline-flex;align-items:center;gap:12px;padding:17px 23px;margin:22px 0 8px;border:1px solid var(--level-color);border-radius:20px 20px 20px 7px;background:color-mix(in srgb,var(--level-color) 17%,var(--surface));font:700 1.06rem/1.5 Andika,system-ui,sans-serif;box-shadow:0 5px 0 color-mix(in srgb,var(--level-color) 25%,transparent)}
.embedded-grammar .full-lesson-open:before{content:'▤';font-size:1.6rem}.embedded-grammar .full-lesson-open:after{content:'↗';font-size:1.3rem;margin-left:8px}.embedded-grammar .full-lesson-open:hover{background:color-mix(in srgb,var(--level-color) 25%,var(--surface));transform:translateY(-2px)}
.atelier-final-challenge{position:relative;margin:0 0 32px;padding:clamp(24px,4vw,42px);border:2px solid color-mix(in srgb,var(--level-color) 55%,#bd9c68);border-radius:28px 28px 28px 8px;box-shadow:0 7px 0 color-mix(in srgb,var(--level-color) 20%,transparent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,#c4a66a 24%,var(--surface)),transparent 60%),linear-gradient(130deg,color-mix(in srgb,var(--level-color) 15%,var(--surface)),var(--surface))}
.atelier-final-challenge>.eyebrow:before{content:'✦ ';color:#9b7436}.atelier-final-challenge h3{font-size:clamp(1.7rem,3vw,2.6rem)}.atelier-final-challenge>.atelier-entry-back{background:var(--ink);color:var(--surface);border-radius:30px;padding:14px 22px;font-weight:700}.challenge-progress-list p{min-width:0}
.practice-level-advice{padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--level-color);border-radius:14px;background:color-mix(in srgb,var(--level-color) 9%,var(--surface));line-height:1.7}
/* Des cartes de papier : question et réponse ont chacune leur hiérarchie. */
:root .flashcard-module{width:min(100%,860px);max-width:860px;margin:28px auto 42px;gap:17px}
.flashcard-deck-heading{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.flashcard-deck-icon{color:var(--level-color);font-size:1.4rem}.flashcard-progress{opacity:1;color:var(--muted);font:400 .85rem/1.5 Andika,system-ui,sans-serif}
.flashcard-flip{position:relative;isolation:isolate;margin:12px 0;min-height:340px}
.flashcard-flip:before,.flashcard-flip:after{content:'';position:absolute;inset:9px 10px -9px;border:1px solid var(--line);background:var(--surface);border-radius:30px;z-index:-1;transform:rotate(1.6deg)}
.flashcard-flip:after{inset:5px 5px -5px;transform:rotate(-1deg)}
.flashcard-inner{min-height:340px}.flashcard-face{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:25px;min-height:340px;padding:28px clamp(24px,5vw,54px);border-radius:30px 30px 30px 10px;border:1px solid color-mix(in srgb,var(--level-color) 32%,var(--line));box-shadow:0 18px 45px #102e3710;overflow:hidden}
.flashcard-front{background:radial-gradient(ellipse at 5% 0,color-mix(in srgb,var(--level-color) 12%,var(--surface)),transparent 65%),var(--surface);color:var(--ink)}
.flashcard-back{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--level-color) 22%,var(--surface)),transparent 70%),var(--surface);color:var(--ink)}
.flashcard-kicker{font:700 .73rem/1.4 Andika,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:12px;width:100%;color:var(--muted)}
.flashcard-text{display:block;white-space:pre-wrap;font:400 clamp(1.2rem,2.1vw,1.7rem)/1.6 Georgia,serif;text-wrap:pretty;overflow-wrap:anywhere;max-width:40ch}
.flashcard-back .flashcard-text{font-family:Andika,system-ui,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.8}
.flashcard-seal{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--level-color) 30%,var(--line));color:var(--muted);font-size:1.15rem}
.flashcard-cue{font-size:.85rem;color:var(--muted)}.flashcard-assessment button{margin:0;min-width:135px;font:700 .94rem Andika,system-ui,sans-serif}.flashcard-assessment button:first-child{background:color-mix(in srgb,var(--level-color) 16%,var(--surface));border-color:var(--level-color)}
.flashcard-flip:focus-visible{outline:3px solid var(--level-color);outline-offset:7px;border-radius:30px}
[data-theme=dark] .flashcard-face{background:radial-gradient(ellipse at 0 0,#4b686933,transparent 70%),#203338;color:var(--ink)}[data-theme=dark] .flashcard-back{background:radial-gradient(ellipse at 100% 0,#bfa87822,transparent 70%),#243b3c}
.dras-guide{border:1px solid var(--line);border-radius:16px;padding:15px 18px;margin:20px 0;background:color-mix(in srgb,var(--level-color,var(--accent)) 7%,var(--surface));font-family:Andika,system-ui,sans-serif}.dras-guide summary{cursor:pointer;font-weight:700}.dras-guide p{font-size:.86rem!important;line-height:1.6!important}.dras-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.dras-key{display:flex;gap:7px;align-items:center;font-size:.78rem}.dras-symbol{display:inline-flex;vertical-align:middle;width:25px;height:25px;flex:none;margin-inline:3px;color:var(--ink)}.dras-symbol svg{width:100%;height:100%}.dras-mark{white-space:normal;font:inherit}.dras-symbol.is-negative{color:#ae634b}.dras-operation-name{font-weight:700}
@media(max-width:620px){.reader{border-radius:16px}.flashcard-face,.flashcard-inner,.flashcard-flip{min-height:300px}.flashcard-face{padding:24px 22px}.flashcard-kicker{font-size:.68rem}.dras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-entry-navigation{gap:10px}.atelier-final-challenge{padding:22px 18px}.challenge-progress-list{gap:6px}.challenge-progress-list p{margin:5px 0}.flashcard-text{font-size:1.22rem}.atelier-challenge-pages{flex-wrap:wrap}.atelier-grammar-filters{min-width:0}.mission-tier-switch{gap:7px}.mission-tier-button{padding:7px 9px;font-size:.86rem}.mission-tier-button img{width:28px;height:28px}.learning-game-trail span{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.echo-badge-emblem img,.echo-badge-toast img{animation:none!important}.work-card--clickable,.atelier-entry-navigation button,.repere-neighbors :is(a,button){transition:none}.flashcard-inner{transition:none}}

.echo-badge-card--locked .echo-badge-emblem img{animation:none!important}
.echo-badge-card:not(.echo-badge-card--locked) .echo-badge-emblem--chut img,.echo-badge-toast .echo-badge-emblem--chut img{animation:badge-living 5.4s ease-in-out infinite}

.echo-badge-emblem--zoomies{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#f9eedb,#e9d8bd)}
/* Exemples à chercher avant de dévoiler la correction. */
.lesson-answer summary{width:fit-content;cursor:pointer;border:1px solid var(--line);border-radius:18px;padding:10px 16px;margin:10px 0;color:var(--ink);background:var(--surface);font-weight:650;line-height:1.5}
.lesson-answer summary:hover{border-color:var(--accent)}.lesson-answer summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.lesson-answer[open] summary{margin-bottom:18px}.lesson-answer>strong{display:block}
.brand-subtitle{color:#fff8e9;background:#102e37;min-height:1.65em}.brand-title{min-height:1.2em}
html[data-initial-light="true"] .site-header,html[data-initial-light="true"] .sticky-navigation{color:#102e37}