.learning-workbench:has(>.wb-navigation){grid-template-rows:auto auto minmax(0,1fr) auto}.wb-report .wb-heading h1{font-size:clamp(24px,2.7vw,36px);overflow-wrap:anywhere}.wb-report .wb-heading .eyebrow{overflow-wrap:anywhere}.wb-navigation button{flex:1;border:0;background:none;color:var(--muted);font-size:12px;min-height:34px;padding:6px 10px}.wb-navigation button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.rp-layout{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.rp-layout:has(>.rp-partial){grid-template-rows:auto minmax(0,1fr) auto}.rp-content{height:100%;min-height:0;min-width:0}.rp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rp-metrics>div{border:1px solid var(--line);background:var(--surface);padding:14px 18px;border-radius:10px;min-width:0}.rp-metrics strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.04em}.rp-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.rp-pager{display:flex;gap:14px;align-items:center}.rp-pager button{min-height:30px!important;padding:4px 9px!important}.rp-pager>span{font:11px ui-monospace,monospace;white-space:nowrap}.rp-decision.panel.timeline{height:100%;max-height:none;overflow:visible;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:28px;padding:28px;min-height:0}.rp-decision>header{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px;min-height:0}.rp-decision h2{font-size:28px;line-height:1.3;margin:0;overflow-wrap:anywhere}.rp-meta{font-size:11px;color:var(--muted);margin:0}.rp-decision-reading{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.rp-decision nav{display:flex;gap:5px}.rp-decision nav button{flex:1;min-height:32px;padding:5px 7px;font-size:11px}.rp-decision nav [aria-pressed=true]{border-color:var(--accent);background:var(--tint);color:var(--accent)}.rp-reading-text{display:flex;align-items:center;min-height:0}.rp-reading-text p{font-size:18px;line-height:1.7;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.rp-reading-end{font-size:11px;color:var(--muted)}.rp-empty.panel.timeline{height:100%;max-height:none;overflow:visible;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px}.rp-empty h2{margin:0}.rp-empty p{margin:0;color:var(--muted)}.rp-course-cards{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:0}.rp-course-cards article{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:17px;min-width:0;min-height:0}.rp-course-cards h2{font-size:28px;line-height:1.25;margin:0;overflow-wrap:anywhere}.rp-course-cards p{font-size:15px;margin:0;line-height:1.6}.rp-course-cards .eyebrow{font-size:11px}.rp-course-cards .progress{width:100%}.rp-course-cards .rp-course-note,.rp-course-note{font-size:11px;color:var(--muted)}.rp-course-cards .status{font-size:11px}.rp-course-cards .actions{gap:8px}.rp-course-cards .button,.rp-course-cards button{font-size:11px;min-height:36px;padding:6px 10px}.rp-partial{font-size:11px;color:var(--muted);margin:0}.rp-game-summary{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;min-height:0}.rp-game-summary>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.rp-game-summary label{font-size:11px;min-width:0}.rp-game-summary select{font-size:12px;min-height:36px;padding:6px 10px;max-width:360px;width:100%;min-width:0}.rp-game-summary header>span{font:11px ui-monospace,monospace}.rp-game-summary>article{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px;min-height:0}.rp-game-summary h2{font-size:30px;margin:0}.rp-game-summary p{margin:0}.wb-report .wb-footer>button{font-size:11px;min-height:32px;padding:4px 8px}
@media(max-width:1050px){.rp-layout{gap:14px}.rp-metrics{gap:10px}.rp-metrics>div{padding:12px}.rp-metrics strong{font-size:23px}.rp-metrics span{font-size:11px}.rp-decision.panel.timeline{padding:20px;gap:18px}.rp-decision h2{font-size:24px}.rp-reading-text p{font-size:16px}.rp-course-cards{gap:16px}.rp-course-cards article{padding:20px;gap:13px}.rp-course-cards h2{font-size:24px}.rp-course-cards p{font-size:13px}}
@media(max-width:700px){.wb-report .wb-heading h1{font-size:21px}.wb-report .wb-heading>.wb-quiet{font-size:11px}.wb-report .wb-heading .eyebrow{font-size:11px}.wb-navigation button{font-size:11px;min-height:30px;padding:5px}.rp-layout{gap:10px}.rp-metrics{gap:5px}.rp-metrics>div{padding:8px 6px}.rp-metrics strong{font-size:19px}.rp-metrics span{font-size:11px;line-height:1.4;margin-top:4px}.rp-decision.panel.timeline{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:14px;gap:14px}.rp-decision>header{gap:7px}.rp-decision h2{font-size:19px;line-height:1.25}.rp-meta{font-size:11px}.rp-decision .badge{font-size:11px;padding:2px 7px}.rp-decision-reading{gap:10px}.rp-decision nav button{font-size:11px;min-height:28px;padding:4px}.rp-reading-text p{font-size:14px;line-height:1.6}.rp-reading-end{font-size:11px}.rp-course-cards{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}.rp-course-cards article{padding:15px;gap:9px}.rp-course-cards h2{font-size:22px}.rp-course-cards p{font-size:12px;line-height:1.45}.rp-course-cards .eyebrow{font-size:11px}.rp-course-cards .status,.rp-course-cards .rp-course-note{font-size:11px}.rp-course-cards .button,.rp-course-cards button{font-size:11px;min-height:30px;padding:4px 6px}.rp-course-cards .actions{gap:5px}.rp-pager{gap:9px}.rp-pager>span{font-size:11px}.rp-pager button{font-size:11px;min-height:28px!important;padding:3px 8px!important}.wb-report .wb-footer>button{font-size:11px;min-height:29px;padding:4px 6px}.rp-game-summary{padding:16px;gap:15px}.rp-game-summary>header{gap:10px;align-items:start}.rp-game-summary select{font-size:11px;min-height:32px;padding:5px;max-width:205px}.rp-game-summary label{font-size:11px}.rp-game-summary header>span{font-size:11px;max-width:70px}.rp-game-summary h2{font-size:24px}.rp-game-summary article{gap:14px}.rp-game-summary article>p{font-size:13px}.rp-game-summary .rp-course-note{font-size:11px}.rp-empty h2{font-size:21px}.rp-empty p{font-size:12px}.rp-partial{font-size:11px;line-height:1.3}}
@media(max-height:650px) and (min-width:701px){.rp-layout{gap:10px}.rp-metrics>div{padding:7px 10px}.rp-metrics strong{font-size:21px}.rp-metrics span{font-size:11px;margin-top:2px}.rp-decision.panel.timeline{padding:14px;gap:18px}.rp-decision>header{gap:9px}.rp-decision h2{font-size:19px}.rp-meta{font-size:11px}.rp-decision .badge{font-size:11px}.rp-decision-reading{gap:8px}.rp-decision nav button{min-height:25px;font-size:11px;padding:3px 6px}.rp-reading-text p{font-size:13px;line-height:1.5}.rp-reading-end{font-size:11px}.rp-course-cards article{padding:14px;gap:9px}.rp-course-cards h2{font-size:20px}.rp-course-cards p{font-size:11px;line-height:1.4}.rp-course-cards .status,.rp-course-cards .rp-course-note,.rp-course-cards .eyebrow{font-size:11px}.rp-course-cards .button,.rp-course-cards button{font-size:11px;min-height:27px;padding:3px 7px}.rp-game-summary{padding:12px;gap:10px}.rp-game-summary label{font-size:11px}.rp-game-summary select{font-size:11px;min-height:28px;padding:4px}.rp-game-summary h2{font-size:22px}.rp-game-summary article{gap:8px}.rp-game-summary p{font-size:12px}.rp-game-summary .rp-course-note{font-size:11px}.rp-game-summary .button{min-height:28px;padding:4px 8px;font-size:11px}}
@media(max-width:700px) and (max-height:650px){.wb-report .wb-heading h1{font-size:19px}.rp-metrics>div{padding:6px 5px}.rp-metrics strong{font-size:17px}.rp-metrics span{font-size:11px}.rp-course-cards article{padding:11px;gap:6px}.rp-course-cards h2{font-size:17px}.rp-course-cards p{font-size:11px}.rp-course-cards .status{font-size:11px}.rp-course-cards .button,.rp-course-cards button{font-size:11px;min-height:27px;padding:3px 5px}.rp-decision.panel.timeline{padding:11px;gap:10px}.rp-decision h2{font-size:17px}.rp-decision-reading{gap:8px}.rp-reading-text p{font-size:13px;line-height:1.5}.rp-game-summary{padding:12px}.rp-game-summary h2{font-size:21px}.rp-game-summary article>p{font-size:12px}.rp-game-summary .rp-course-note{font-size:11px}}
@media(min-width:480px) and (max-width:700px) and (max-height:450px){.wb-report .wb-heading h1{font-size:19px}.wb-report .wb-heading .eyebrow{font-size:11px}.wb-report .wb-navigation{padding-bottom:4px}.wb-report .wb-navigation button{min-height:26px;padding:4px;font-size:11px}.rp-layout{gap:7px}.rp-metrics>div{padding:5px 7px}.rp-metrics strong{font-size:17px}.rp-metrics span{font-size:11px;margin-top:2px}.rp-course-cards{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:9px}.rp-course-cards article{padding:10px;gap:6px}.rp-course-cards h2{font-size:17px}.rp-course-cards p{font-size:11px}.rp-course-cards .eyebrow,.rp-course-cards .status{font-size:11px}.rp-course-cards .button,.rp-course-cards button{font-size:11px;min-height:26px;padding:3px 5px}.rp-decision.panel.timeline{grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr;padding:10px;gap:12px}.rp-decision h2{font-size:16px}.rp-decision nav button{min-height:24px;font-size:11px;padding:3px}.rp-reading-text p{font-size:12px}.rp-game-summary{grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);grid-template-rows:1fr;gap:14px}.rp-game-summary>header{flex-direction:column;align-items:start;justify-content:center;gap:10px}.rp-game-summary>article{gap:8px}.rp-game-summary h2{font-size:20px}.rp-game-summary p{font-size:11px}.rp-game-summary .button{font-size:11px;min-height:28px;padding:4px 7px}}
@media(max-height:450px){.learner-report .rp-game-summary{grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);grid-template-rows:1fr;gap:14px}.learner-report .rp-game-summary>header{flex-direction:column;align-items:start;justify-content:center;gap:10px}.learner-report .rp-game-summary>article{gap:6px}.learner-report .rp-game-summary h2{font-size:18px}.learner-report .rp-game-summary article>p{font-size:11px}.learner-report .rp-game-summary .button{min-height:26px;padding:3px 6px;font-size:11px}}
@media(min-width:480px) and (max-width:700px) and (max-height:350px){.learner-report .rp-course-cards article{padding:8px;gap:3px}.learner-report .rp-course-cards h2{font-size:15px}.learner-report .rp-course-cards p{font-size:11px;line-height:1.35}.learner-report .rp-course-cards .eyebrow,.learner-report .rp-course-cards .status{font-size:11px}.learner-report .rp-course-cards .button,.learner-report .rp-course-cards button{min-height:23px;font-size:11px;padding:3px 4px}}
.rp-layout{grid-template-rows:minmax(0,1fr)}.rp-layout.rp-with-metrics{grid-template-rows:auto minmax(0,1fr)}.rp-layout:has(>.rp-partial){grid-template-rows:minmax(0,1fr) auto}.rp-layout.rp-with-metrics:has(>.rp-partial){grid-template-rows:auto minmax(0,1fr) auto}.rp-course-cards.rp-single{grid-template-columns:1fr;grid-template-rows:1fr}.rp-single article{max-width:1100px;width:100%;justify-self:center}
/* Short portrait phones: the summary keeps the next step whole; the profile card, also the « Mon profil » tab, steps aside instead of being overlapped. */
@media(max-width:700px) and (min-height:451px) and (max-height:650px){.learner-report .rp-course-cards:not(.rp-single){grid-template-rows:minmax(0,1fr)}.learner-report .rp-course-cards:not(.rp-single)>article:has([data-profile-open]){display:none}.rp-game-summary{padding:12px;gap:10px}.rp-game-summary header>span{max-width:none;white-space:nowrap}.rp-game-summary article{gap:9px}.rp-game-summary h2{font-size:21px}.rp-game-summary .rp-course-note{line-height:1.4}}
/* Landscape phones: the level card's 11 px note and its replay button stay above the footer. */
@media(max-width:700px) and (max-height:450px){.learner-report .rp-game-summary{padding:8px 12px}.learner-report .rp-game-summary article{gap:4px}.learner-report .rp-game-summary h2{font-size:18px}.learner-report .rp-game-summary article>p{line-height:1.35}}