.ad{--ad-ink:#193d4c;--ad-muted:#486472;--ad-paper:#fff;--ad-soft:#eef6f5;--ad-line:#cbdedc;--ad-accent:#096963;max-width:1320px;margin:auto;padding:28px 24px 50px;font-family:Inter,sans-serif;color:var(--ad-ink);line-height:1.6}.ad *,.ad ::after,.ad ::before{box-sizing:border-box}.ad [hidden]{display:none!important}.ad h1,.ad h2,.ad p{font-family:inherit;color:inherit;margin:0}.ad p+p{margin-top:12px}.ad h1{font-size:clamp(2rem, 4vw, 3rem);letter-spacing:-.045em;line-height:1.2;margin:10px 0}.ad h2{font-size:1.4rem;margin-bottom:12px}.ad a{color:var(--ad-accent)}.ad button,.ad input,.ad select{font:inherit}.ad button,.ad select{min-height:44px;border:1px solid var(--ad-line);background:var(--ad-paper);color:var(--ad-ink);border-radius:8px;padding:9px 13px;font-size:.86rem}.ad button{cursor:pointer;font-weight:650}.ad button:hover{border-color:var(--ad-accent)}.ad button:disabled{opacity:.55;cursor:default}.ad .ad-primary{color:#fff;background:#096963;border-color:#096963}.ad :is(button,input,select,summary,a,[tabindex]):focus-visible{outline:3px solid #cf7d18;outline-offset:4px}.ad input[type=checkbox],.ad input[type=radio]{width:18px;height:18px;flex:none;accent-color:#096963}.ad-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.ad-heading a{display:inline-block;font-size:.85rem;margin-bottom:18px}.ad-heading>div>p:last-child{color:var(--ad-muted)}.ad-eyebrow{color:var(--ad-accent)!important;font-size:.72rem;letter-spacing:.08em;font-weight:750}.ad-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.ad-actions label{display:flex;flex-direction:column;font-size:.75rem;gap:5px}.ad-tabs{display:flex;border-bottom:1px solid var(--ad-line);margin-bottom:18px;gap:8px}.ad-tabs button{border:0;border-bottom:3px solid transparent;border-radius:7px 7px 0 0;padding:14px 20px;background:0 0}.ad-tabs [aria-selected=true]{color:var(--ad-accent);border-bottom-color:var(--ad-accent);background:var(--ad-paper)}.ad-figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--ad-line);background:#182c43}.ad-scroll{overflow-x:auto}.ad-scene{display:block;width:100%;height:auto}.ad-figure figcaption{padding:15px 20px;background:var(--ad-paper);color:var(--ad-muted);font-size:.8rem}.ad-display{display:flex;flex-wrap:wrap;gap:24px;margin:14px 0 24px}.ad-display label,.ad-toggle{display:flex;align-items:center;gap:9px;min-height:44px;font-size:.85rem;cursor:pointer}.ad-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:22px;border:1px solid var(--ad-line);background:var(--ad-paper);border-radius:12px}.ad-controls>div>label{font-weight:700}.ad input[type=range]{width:100%;min-height:44px;accent-color:#096963}#ad-fixed{font-size:.8rem;color:var(--ad-muted)}.ad-result{padding:18px;background:var(--ad-soft);border-left:4px solid var(--ad-accent);border-radius:6px;margin-top:18px!important;font-weight:650}.ad-vocabulary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.ad-card,.ad-vocabulary details{background:var(--ad-paper);border:1px solid var(--ad-line);border-radius:12px;padding:22px}.ad summary{color:var(--ad-accent);cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.ad-card{margin-bottom:20px}.ad-card>p{color:var(--ad-muted);font-size:.9rem}#ad-experiment-form{display:grid;gap:18px;margin-top:22px}#ad-experiment-form>label{min-width:0;display:flex;flex-direction:column;gap:7px;font-weight:650}.ad select{max-width:100%;min-width:0}#ad-experiment-form select{width:100%}.ad [data-state]{padding:14px;border-radius:6px;margin-top:10px;font-size:.93rem}.ad [data-state=correct]{color:#15533b;background:#e8f6ee;border-left:3px solid #287956}.ad [data-state=retry]{color:#74430a;background:#fff3dc;border-left:3px solid #b27215}.ad table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.9rem}.ad caption{text-align:left;font-size:.8rem;color:var(--ad-muted);padding:8px 0}.ad td,.ad th{border:1px solid var(--ad-line);text-align:left;padding:12px}.ad th{background:var(--ad-soft)}.ad-table-scroll{overflow-x:auto}.ad fieldset{border:0;min-width:0;padding:0;margin:0 0 18px}.ad legend{font-weight:700;font-size:1.08rem;margin-bottom:15px}.ad legend span{display:block;margin-bottom:7px}.ad-option{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--ad-line);border-radius:8px;margin-top:10px;cursor:pointer}.ad-option input{margin-top:4px}.ad-option:has(input:checked){background:var(--ad-soft);border-color:var(--ad-accent)}.ad-teacher{border-top:1px solid var(--ad-line);margin-top:30px;padding-top:12px;font-size:.88rem;color:var(--ad-muted)}.ad-print{display:none}.ad:fullscreen{max-width:none;width:100%;height:100%;overflow:auto;background:var(--ad-soft)}.ad:fullscreen .ad-eyebrow,.ad:fullscreen .ad-heading a{display:none}.ad:fullscreen .ad-heading h1{font-size:1.7rem}.ad:fullscreen .ad-figure{max-width:1150px;margin:auto}[data-theme=dark] .ad{--ad-ink:#e0ecee;--ad-muted:#b2c5cd;--ad-paper:#172e38;--ad-soft:#10242d;--ad-line:#3b555e;--ad-accent:#7edbd0}@media screen and (max-width:950px){.ad-heading{flex-direction:column;align-items:flex-start}.ad-controls{grid-template-columns:1fr 1fr}.ad-controls>div{grid-column:1/-1}}@media screen and (max-width:650px){.ad{padding:20px 12px 35px}.ad-tabs{gap:0}.ad-tabs button{flex:1;padding:11px 5px;font-size:.75rem}.ad-scroll::after{content:'↔ Fais glisser le schéma pour voir l’écran.';display:block;position:sticky;left:0;color:#d2dce8;padding:8px 12px;font-size:.76rem}.ad-controls,.ad-vocabulary{grid-template-columns:1fr}.ad-display{gap:6px;flex-direction:column}.ad-card,.ad-controls{padding:18px}.ad td,.ad th{padding:8px;font-size:.8rem}}@media print{@page{size:A4 portrait;margin:12mm}#main-content,.ad,body,html{width:auto!important;max-width:none!important;background:#fff!important;color:#111!important;margin:0!important;padding:0!important}#main-content>:not(.ad),.ad>:not(.ad-print),body>:not(main):not(script):not(style):not(link){display:none!important}.ad .ad-print{display:block;font:10.5pt/1.4 sans-serif;color:#111}.ad-print h1{font-size:20pt}.ad-print h2{font-size:13pt;margin:4mm 0 2mm}.ad-print p{margin:2mm 0;color:#111!important}.ad-print-heading{border-bottom:1pt solid #222;margin-bottom:3mm;padding-bottom:3mm}.ad-print .ad-scene{min-width:0;width:100%;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ad-print-labels{display:grid;grid-template-columns:1fr 1fr}.ad-print table{font-size:10pt}.ad-print td,.ad-print th{padding:2mm;border-color:#555;color:#111}.ad-print th{background:#f2f2f2}.ad-print-page-two{break-before:page}.ad-print-question{break-inside:avoid;margin-bottom:8mm}.ad:not([data-print-kind=answer]) .ad-answer,.ad[data-print-kind=answer] .ad-student{display:none!important}}.ad-program{padding:16px 20px;background:var(--ad-soft);border-left:4px solid var(--ad-accent);border-radius:6px;font-size:.87rem;margin-bottom:20px!important}.ad-choice{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:18px 0}.ad-choice>label{display:flex;flex-direction:column;gap:7px;font-size:.88rem;font-weight:700}.ad-choice>p{font-size:.8rem;color:var(--ad-muted)}.ad-scene{padding:24px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-soft)}.ad-animal-scene{padding:0;margin:0}.ad-animal-scene+.ad-animal-scene{margin-top:24px}.ad .ad-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.ad-track>li{padding:16px;border:1px solid var(--ad-line);border-top:4px solid var(--ad-accent);border-radius:10px;background:var(--ad-paper);min-width:0}.ad-stage-top{display:flex;gap:10px;align-items:center;color:var(--ad-muted);font-size:.7rem;min-height:35px}.ad-number{background:var(--ad-soft);color:var(--ad-accent);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:750;flex:none}.ad-track svg{background:#fffdf7;border-radius:8px;display:block;width:100%;height:140px;margin:8px 0}.ad .ad-track .ad-illustration{display:block;width:100%;max-width:100%;min-width:0;height:auto;border-radius:8px;margin:8px 0;object-fit:contain}.ad-cat-panel{display:block;position:relative;overflow:hidden;aspect-ratio:24/15;margin:8px 0;border-radius:8px;background:#fff}.ad .ad-cat-panel img{position:absolute;top:0;left:0;display:block;width:200%;max-width:none;height:auto;margin:0}.ad-cat-adulte img,.ad-cat-naissance img{transform:translateX(-50%)}.ad-cat-adulte,.ad-cat-jeune{aspect-ratio:24/17}.ad-cat-jeune img{transform:translateY(-46.875%)}.ad-cat-adulte img{transform:translate(-50%,-46.875%)}.ad-track h3{font:700 1rem/1.4 Inter,sans-serif;color:var(--ad-ink);margin:8px 0 0;min-height:45px}.ad-stage-blank{display:none}.ad[data-mode=build] #ad-scene [data-stage-name]{display:none}.ad[data-mode=build] #ad-scene .ad-stage-blank{display:block;min-height:45px;padding:8px;border:2px dashed var(--ad-accent);border-radius:5px;font-size:.85rem}.ad-model-note{font-size:.78rem;color:var(--ad-muted)!important;margin-top:16px!important}.ad [role=tabpanel]{margin-top:24px;padding:0}.ad-explanation{margin-top:20px;padding:24px;border:1px solid var(--ad-line);background:var(--ad-paper);border-radius:12px}.ad-explanation details+details{border-top:1px solid var(--ad-line);margin-top:8px}.ad-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.ad-build-grid label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.88rem;font-weight:650}.ad-build-grid select{width:100%}.ad-build-grid>div>label{margin-top:15px}.ad-build-grid h4{margin:0;color:var(--ad-ink)}.ad-feedback{display:block;font-size:.82rem;font-weight:450}.ad [data-comparison][aria-current=true]{outline:2px solid var(--ad-accent);outline-offset:-2px}@media screen and (max-width:800px){.ad .ad-track,.ad-build-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:480px){.ad .ad-track,.ad-build-grid{grid-template-columns:1fr}.ad-scene{padding:14px}.ad-track svg{height:130px}.ad-table-scroll table{min-width:600px}}@media print{.ad .ad-cat-panel{width:31mm;max-width:100%;margin:1mm auto}.ad .ad-cat-panel img{max-width:none!important}.ad .ad-print h1{font-size:19pt}.ad .ad-print .ad-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:2mm}.ad-print .ad-track>li{padding:2mm;border-color:#aebbb7;border-top:1mm solid #39776a;background:#fff}.ad-print .ad-stage-top{min-height:6mm;font-size:6pt;color:#344e55;gap:1mm}.ad-print .ad-number{width:5mm;height:5mm;font-size:7pt;background:#f0f4f1;color:#245846}.ad-print .ad-track svg{width:100%;height:22mm;margin:1mm 0}.ad-print .ad-track .ad-illustration{width:100%;height:auto;max-height:22mm;margin:1mm 0;object-fit:contain}.ad-print .ad-track h3{font:700 8pt/1.3 sans-serif;color:#111;min-height:8mm;margin:1mm 0}.ad-print .ad-animal-scene>h2{display:none}.ad:not([data-print-kind=answer]) .ad-print [data-stage-name]{visibility:hidden}.ad-print .ad-stage-blank{display:none}.ad-print .ad-animal-scene{margin:0}}