/* Questions : une notion, un défi, puis une question à la fois. */
#atelier-literature{max-width:960px;margin-inline:auto;padding:clamp(16px,3vw,32px);border:1px solid var(--line,#b2c4b8);border-radius:26px;background:var(--surface,#fffaf1)}#atelier-literature [hidden]{display:none!important}.lit-heading h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:8px 0}.lit-heading p{max-width:65ch}.lit-setup{display:grid;gap:22px;margin-top:24px}.lit-topic{padding:20px;border-radius:20px;background:color-mix(in srgb,var(--level-color,#548a73) 12%,var(--surface,#fffaf1))}.lit-topic h3{margin:8px 0 12px;line-height:1.4}.lit-step{font-size:.9rem;font-weight:700;letter-spacing:.02em}.lit-picker summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;font-size:.88rem;width:fit-content}.lit-picker input{box-sizing:border-box;width:100%;padding:12px 16px;margin:15px 0;border:1px solid var(--line,#9baea2);border-radius:12px;font:inherit;background:var(--surface,#fffaf1);color:inherit}.lit-topic-list{display:grid;gap:8px;max-height:300px;overflow:auto}.lit-topic-list button{text-align:left}.lit-tier-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lit-tier{display:flex;flex-direction:column;gap:6px;text-align:left;min-height:110px}.lit-tier span{font-size:.85rem;line-height:1.5}.lit-tier strong{font-size:1.1rem}#atelier-literature button{font-family:inherit;cursor:pointer;border:1px solid var(--line,#9aafa3);background:var(--surface,#fffaf1);color:inherit;border-radius:14px;padding:12px 16px;min-height:44px}#atelier-literature button[aria-pressed=true]{border:2px solid var(--level-color,#478365);background:color-mix(in srgb,var(--level-color,#478365) 17%,var(--surface,#fffaf1));box-shadow:0 0 0 2px color-mix(in srgb,var(--level-color,#478365) 12%,transparent)}.lit-lengths{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lit-lengths span{margin-right:auto}.lit-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}#atelier-literature .lit-primary{background:#306a53;color:#fff;border-color:#306a53;padding:15px 30px;font-weight:700}.lit-course{font-size:.9rem;color:inherit;text-underline-offset:4px}.lit-actions .learning-share{margin-left:auto;opacity:.55}.lit-tier-help{font-size:.88rem}.lit-session{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.lit-session span{font-weight:700}.lit-session button{font-size:.8rem}.lit-stage progress{width:100%;height:10px;accent-color:var(--level-color,#478365)}.lit-question{margin-top:20px!important;border-radius:22px!important}.lit-question fieldset{border:0;margin:0;padding:0;min-width:0}.lit-question legend{font-size:1.15rem;font-weight:700;margin:12px 0 18px}.lit-support{margin:15px 0;padding:20px;border-radius:16px;line-height:1.8;background:color-mix(in srgb,var(--level-color,#478365) 7%,var(--surface,#fffaf1));border-left:3px solid var(--level-color,#478365)}.lit-choice{display:flex;align-items:center;gap:12px;padding:15px;margin:10px 0;border:1px solid var(--line,#adbcb1);border-radius:14px;cursor:pointer}.lit-choice input{flex:0 0 auto;width:20px;height:20px;accent-color:#478365}.lit-choice:has(input:checked){border-color:var(--level-color,#478365);background:color-mix(in srgb,var(--level-color,#478365) 12%,transparent)}.lit-feedback{padding-top:18px}.lit-feedback strong{display:block}.lit-feedback:empty{display:none}#atelier-literature :is(button,a,input,summary):focus-visible{outline:3px solid var(--level-color,#397b60);outline-offset:3px}#atelier-literature button:disabled{opacity:.55;cursor:default}
/* Les fonds des enfants suivent également l'arrondi du conteneur. */
#panel-grammaire .literature-sheet{border-radius:24px!important;overflow:hidden;isolation:isolate}#panel-grammaire .literature-sheet>summary{border-radius:23px 23px 0 0!important;background-clip:padding-box}#panel-grammaire .literature-sheet:not([open])>summary{border-radius:23px!important}#panel-grammaire .literature-sheet-body{border-radius:0 0 23px 23px!important}#panel-grammaire .embedded-grammar .lesson{border-radius:24px;overflow:hidden}#panel-grammaire .lesson>header,#panel-grammaire .lesson>.lesson-head{border-radius:23px 23px 0 0}
@media(max-width:620px){.lit-tier-buttons{grid-template-columns:1fr}.lit-tier{min-height:0}.lit-topic{padding:16px}.lit-session{align-items:flex-start}.lit-session span{max-width:65%}.lit-actions .lit-primary{width:100%}.lit-support{padding:15px}.lit-lengths span{width:100%}}