/* Training workspace: one stable way in, project-specific practice data. */
.training-persistent-nav{margin:0;padding-top:8px;gap:30px;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}
.training-persistent-nav a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:18px 0 15px;font-size:13px}
.training-persistent-nav a span{font:10px Mono;padding:3px 6px;background:#e3eae6;color:#435f60;border-radius:3px}
.training-persistent-nav a.selected{border-color:#d53147;color:#172e35}
.training-side{display:flex;flex-direction:column;gap:20px;min-width:0}.training-side>.settings{width:100%}
.training-stage{align-self:start}.training-stage .actual-preview{aspect-ratio:1.75}
.training-stage .real-project-copy .project-advice{margin-top:16px}
.training-queue{padding:23px 20px;background:#e1f5ef;border-color:#c1e1d7}
.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.queue-heading h2{font-size:19px;font-weight:800;letter-spacing:-.5px}.queue-heading .editorial-kicker{font:9px Mono;color:#44665d;letter-spacing:1px;margin-bottom:8px}
.queue-heading>span{font:32px Mono;color:#19453e}.queue-heading>span small{font:11px MiSans;margin-left:5px}
.queue-summary{font-size:11px;line-height:1.9;color:#47645d;margin:14px 0}.queue-summary>span{display:block;font-size:10px}
.queue-list{list-style:none;margin:0;padding:0;max-height:390px;overflow:auto;scrollbar-width:thin}
.queue-list li{background:rgba(255,255,255,.65);border:1px solid transparent;margin-top:7px;border-radius:3px;overflow:hidden}
.queue-list li.current{background:#fff;border-color:#408b7c}.queue-select{display:flex;text-align:left;gap:12px;width:100%;align-items:center;padding:13px 12px;color:#203f3b}
.queue-number{font:12px Mono;color:#618479}.queue-select>span:last-child{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;align-items:center}
.queue-select strong{font-size:12px;font-weight:700;line-height:1.6}.queue-select small{grid-column:2;font-size:10px;color:#60766f;margin-top:3px}.queue-select .ui-icon{width:18px;height:18px}
.queue-row-actions{display:flex;justify-content:flex-end;gap:15px;padding:0 12px 10px}.queue-row-actions button{font-size:10px;color:#42695f;padding:4px 1px}
.queue-row-actions button:disabled{opacity:.35;cursor:default}.queue-row-actions button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
.queue-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:18px}.queue-actions>.btn{background:#214d43;color:#fff;font-size:11px;padding:11px 13px;gap:7px}.queue-actions>.btn:disabled{opacity:.45}
.queue-actions>.btn .ui-icon{width:15px;height:15px}.queue-actions>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.queue-note{font-size:10px;line-height:1.9;color:#486c60;margin-top:14px}
.project-insights{margin:36px 0 30px}.insights-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.insights-heading .editorial-kicker{font:10px Mono;letter-spacing:1.2px;color:#667970;margin-bottom:9px}.insights-heading h2{font-size:24px;font-weight:800;letter-spacing:-.7px;line-height:1.5}.insights-heading p:not(.editorial-kicker){font-size:11px;color:#5b7372;margin-top:7px}
.insights-heading .btn{font-size:11px;display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #d2ded7}.insights-heading .ui-icon{width:15px;height:15px}
.insights-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:22px;align-items:stretch}
.insights-grid .panel-head{padding:20px 22px;border-bottom:1px solid #dae4df;gap:14px}.insights-grid h3{font-size:15px;font-weight:800}.insights-grid .panel-head a,.insights-grid .panel-head>span{font-size:10px;color:#526d67}
.history-panel{min-width:0;overflow:hidden}.ability-panel{background:#eef2cf;border-color:#d4dbb0;min-width:0}.ability-panel .panel-head{border-color:#d4dcb6}
.training-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:312px;padding:30px 23px;text-align:center}
.empty-symbol{display:grid;place-items:center;width:54px;height:54px;color:#366b63;background:#e9f4ef;border-radius:12px;margin-bottom:20px}.empty-symbol>.ui-icon{width:27px;height:27px}
.training-empty h4{font-size:17px;font-weight:750;line-height:1.6}.training-empty p{font-size:11px;color:#62766f;line-height:1.9;margin-top:10px}.empty-caption{font-size:10px;color:#667b74;margin-top:22px;border:1px solid #dbe6df;padding:6px 10px;border-radius:3px}.training-empty>.link{margin-top:20px;font-size:12px}
.ability-caption{font-size:11px;color:#526a5a;text-align:center;padding:20px 17px 0;line-height:1.8}
.ability-radar{width:100%;max-width:335px;height:248px;display:block;margin:8px auto 0;overflow:visible}
.radar-grid{fill:none;stroke:#c4cda4;stroke-width:1}.radar-axis{stroke:#c4cda4;stroke-width:1}.radar-value{fill:#248071;fill-opacity:.19;stroke:#226b5f;stroke-width:2}.radar-dot{fill:#206659}.radar-label{font:11px MiSans;fill:#365543}.radar-label tspan{font:13px Mono;fill:#234736}.radar-empty{font:12px MiSans;fill:#677b60}
.ability-raw{display:flex;justify-content:center;gap:28px;margin:0 24px;padding:14px 0;border-top:1px solid #d5dfb7;text-align:center}.ability-raw span{display:block;font-size:10px;color:#536951}.ability-raw strong{font:26px Mono;color:#253f30;margin-top:5px;display:block}.ability-raw small{font:11px Mono;margin-left:5px}
.ability-explainer{font-size:10px;line-height:1.9;color:#576d51;padding:0 23px 20px;text-align:center}
.ability-bars{padding:33px 25px 29px;min-height:215px}.ability-bars>div+div{margin-top:27px}.ability-bars span{display:flex;justify-content:space-between;font-size:12px;color:#375842}.ability-bars b{font:16px Mono}.ability-track{height:9px;background:#d9e0b9;margin-top:13px;border-radius:2px;overflow:hidden}.ability-track i{display:block;height:100%;background:#357e6d}
.history-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px 13px;font-size:11px;color:#4f6961}.history-summary b{font:24px Mono;color:#1d3932;margin-right:5px}.history-summary small{font-size:10px}
.training-history-scroll{overflow:auto;max-height:348px}.training-history-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.training-history-table th{font-size:10px;color:#61766d;font-weight:500;background:#f5f8f4;padding:11px 16px;text-align:left}.training-history-table td{border-top:1px solid #e4ebe5;padding:15px 16px;color:#2d4941}.training-history-table tr.selected td{background:#eff7f3}.training-history-table td small{display:block;font-size:9px;color:#6a7e76;margin-top:5px}.training-history-table .history-score{font:17px Mono;color:#26483c}.training-history-table button{font-size:10px;border:1px solid #c6d7cc;padding:6px 9px;border-radius:3px;color:#426557}.training-history-table button[aria-pressed=true]{background:#285c4e;color:#fff;border-color:#285c4e}
.history-note,.legacy-history-note{font-size:10px;color:#64796e;line-height:1.8;padding:15px 22px}.legacy-history-note{background:#f6f7ee}.insights-footnote{font-size:10px;color:#60766b;line-height:1.9;margin-top:14px}
.routine-context{flex-wrap:wrap;margin:20px 0 0}.routine-context-steps{display:flex;flex-wrap:wrap;gap:7px;width:100%}.routine-context-steps button{padding:8px 11px;border:1px solid #bdd8cb;font-size:11px;border-radius:3px}.routine-context-steps button[aria-pressed=true]{background:#235d4d;color:#fff;border-color:#235d4d}
.training-quick-switch{margin-top:28px}.training-quick-switch>strong{font-size:14px}
.cute .training-queue{background:#f0e3ef;border-color:#dcc5d9}.cute .queue-heading>span,.cute .queue-select{color:#654264}.cute .queue-actions>.btn{background:#704566}.cute .ability-panel{background:#f2ecd2}.cute .ability-raw,.cute .ability-panel .panel-head{border-color:#ded4b4}
@media(min-width:761px){.work-grid.training-work-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
@media(max-width:1050px) and (min-width:761px){.work-grid.training-work-grid{grid-template-columns:minmax(0,1fr) 290px}.insights-grid{grid-template-columns:minmax(0,1fr) 300px;gap:17px}}
@media(max-width:760px){.training-persistent-nav{gap:21px}.training-persistent-nav a{font-size:11px;padding:16px 0 12px}.training-persistent-nav a span{font-size:9px}.training-side{gap:17px}.training-queue{padding:20px}.insights-grid{grid-template-columns:1fr}.insights-heading{align-items:flex-start}.insights-heading h2{font-size:20px}.insights-heading .btn{padding:9px 10px;white-space:nowrap;font-size:10px}.insights-heading .btn .ui-icon{display:none}.insights-heading .editorial-kicker{font-size:9px}.project-insights{margin:30px 0 25px}.training-empty{min-height:250px}.ability-radar{height:255px}.ability-bars{min-height:200px}.training-history-table th,.training-history-table td{padding-left:12px;padding-right:12px}.history-summary{padding:18px 16px 12px}.queue-list{max-height:330px}.routine-context-steps{gap:6px}.routine-context-steps button{font-size:10px;padding:8px}.training-quick-switch{flex-wrap:wrap}.training-quick-switch>strong{flex-basis:100%;margin-bottom:5px}}

/* Left practice rail. Panels switch in place without remounting the live preview. */
.work-grid.training-work-grid{gap:18px;align-items:start}
.training-support{min-width:0;background:#fff;border:1px solid #d7e2dc;border-radius:5px;overflow:hidden;align-self:start}
.training-support [hidden]{display:none!important}
.support-heading{padding:19px 17px 15px;border-bottom:1px solid #e0e8e2}
.support-heading .editorial-kicker{font:9px Mono;letter-spacing:1.2px;color:#627970;margin-bottom:8px}
.support-heading>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.support-heading h2{font-size:19px;font-weight:800;letter-spacing:-.4px}
.support-heading>div>span{font-size:10px;color:#48685b;background:#eef4ef;border:1px solid #d9e6db;padding:3px 7px;border-radius:3px}
.support-heading [data-history-scope]{font-size:11px;color:#65786e;line-height:1.8;margin-top:9px}
.support-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 6px;border-bottom:1px solid #d8e5da;background:#f9fbf8}
.support-tabs button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:13px 2px 11px;border-bottom:3px solid transparent;color:#6c7e71;font-size:11px;white-space:nowrap}
.support-tabs button>.ui-icon{width:17px;height:17px}.support-tabs button[aria-selected=true]{color:#244f42;background:#e7f3eb;border-bottom-color:#d53147;font-weight:750}
.support-tabs button:hover{color:#214e43;background:#eff5ef}
.support-tabs button:focus-visible,.training-support button:focus-visible{outline:2px solid #276e60;outline-offset:-3px}
.training-support [role=tabpanel]{outline:none}
.training-support [role=tabpanel]>.panel{border:0;border-radius:0}
.training-support .training-queue{padding:19px 16px 17px;background:#e3f3ed}
.training-support .queue-heading .editorial-kicker{display:none}
.training-support .queue-heading h2{font-size:15px;letter-spacing:0}.training-support .queue-heading>span{font-size:24px}
.training-support .queue-summary{font-size:11px;margin:9px 0 15px}.training-support .queue-summary>span{display:none}
.training-support .queue-list{max-height:310px}.training-support .queue-select{padding:12px 9px;gap:9px}.training-support .queue-select>span:last-child{column-gap:6px}
.training-support .queue-select strong{font-size:12px}.training-support .queue-row-actions{gap:14px;padding-right:9px}.training-support .queue-row-actions button{font-size:11px}
.training-support .queue-actions{gap:13px;justify-content:space-between}.training-support .queue-actions>.btn{width:100%;justify-content:center;font-size:12px;padding:12px 8px}
.training-support .queue-actions>a{display:block;width:100%;text-align:center;font-size:11px}
.training-support .queue-note{font-size:11px;line-height:1.8;color:#527164;margin-top:17px;border-top:1px solid #c9ded2;padding-top:13px}
.support-footnote{font-size:10px;color:#667b6d;line-height:1.8;padding:13px 16px;border-top:1px solid #dae5da;background:#fff}
.training-support .panel-head{padding:18px 16px;gap:8px;border-bottom:1px solid #d9e4db;align-items:center}
.training-support .panel-head h3{font-size:14px;font-weight:800;white-space:nowrap}
.training-support .panel-head button{font-size:10px;color:#526c5c;display:flex;align-items:center;gap:5px}.training-support .panel-head button>.ui-icon{width:13px;height:13px}
.training-support .training-empty{min-height:228px;padding:24px 17px}
.training-support .training-empty h4{font-size:14px;line-height:1.7}.training-support .training-empty p{font-size:11px;line-height:1.85;margin-top:9px}
.training-support .empty-symbol{width:44px;height:44px;margin-bottom:15px;border-radius:10px}.training-support .empty-symbol>.ui-icon{width:23px;height:23px}
.training-support .empty-caption{font-size:10px;margin-top:17px;padding:5px 6px}
.support-full-history{display:block;text-align:center;padding:14px 12px;border-top:1px solid #e1e9e0;color:#42644f;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.training-support .ability-caption{font-size:11px;padding:14px 12px 0;line-height:1.7}
.training-support .ability-radar{height:218px;width:100%;margin-top:4px}
.training-support .ability-raw{margin:0 16px;padding:12px 0}.training-support .ability-raw strong{font-size:24px}
.training-support .ability-explainer{padding:0 15px 16px;font-size:10px;line-height:1.9}
.training-support .ability-bars{padding:26px 18px;min-height:182px}.training-support .ability-bars span{font-size:12px}
.training-support .history-summary{padding:16px 14px 12px;gap:8px;font-size:11px}.training-support .history-summary b{font-size:22px}.training-support .history-summary small{font-size:10px}
.support-history-list{padding:0 10px;max-height:330px;overflow:auto;scrollbar-width:thin}
.support-history-row{width:100%;display:block;text-align:left;border:1px solid #e0e8df;padding:12px 11px;margin-bottom:8px;border-radius:3px;background:#fff}
.support-history-row:hover{border-color:#7c9e86}.support-history-row.selected{background:#eff6ef;border-color:#a6c0ad}
.history-row-main{display:flex;align-items:center;justify-content:space-between;gap:9px}.history-row-main time{font-size:10px;color:#4f6957}.history-row-main>strong{font:18px Mono;color:#234b38;white-space:nowrap}.history-row-main>strong small{font:9px MiSans;margin-left:4px}
.history-row-settings{display:block;font-size:10px;line-height:1.85;color:#69816d;margin-top:8px;overflow-wrap:anywhere}.history-row-action{font-size:10px;color:#3b674b;display:block;margin-top:6px}
.training-support .history-note,.training-support .legacy-history-note{font-size:10px;line-height:1.9;padding:12px 15px}
.training-support .ability-panel{background:#eef2cf}
.cute .training-support{border-color:#e0cfdc}.cute .support-tabs{background:#faf4f8;border-color:#e0cfda}.cute .support-tabs button[aria-selected=true]{background:#f2e4ef;color:#704863;border-bottom-color:#b54879}.cute .training-support .training-queue{background:#f0e3ef}.cute .training-support .ability-panel{background:#f2ecd2}.cute .support-footnote{background:#fdf9fc;border-color:#e4d6e0}
@media(min-width:1100px){.work-grid.training-work-grid{grid-template-columns:250px minmax(0,1fr) 270px}.training-support{position:sticky;top:18px}.training-stage .actual-preview{aspect-ratio:1.55}.training-stage .real-project-copy{padding:22px}.training-stage .real-project-copy h3{font-size:16px}.training-stage .project-advice{padding:15px}.training-side .settings{padding:20px}}
@media(min-width:1500px){.work-grid.training-work-grid{grid-template-columns:270px minmax(0,1fr) 290px}.training-stage .actual-preview{aspect-ratio:1.7}}
@media(min-width:761px) and (max-width:1099px){.work-grid.training-work-grid{grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:'stage settings' 'support support'}.training-stage{grid-area:stage}.training-side{grid-area:settings}.training-support{grid-area:support}.training-support [role=tabpanel]>.panel{padding-left:24px;padding-right:24px}.support-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.support-tabs button{flex-direction:row;justify-content:center;padding:16px 8px}.training-support .queue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-support .queue-actions>.btn{max-width:240px}.training-support .queue-actions>a{width:auto}.support-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-support .ability-radar{height:248px;max-width:340px}.training-support .ability-bars{max-width:500px;margin:auto}}
@media(max-width:760px){.work-grid.training-work-grid{display:flex;flex-direction:column;gap:18px}.training-work-grid>.training-stage{order:1;width:100%}.training-work-grid>.training-side{order:2;width:100%}.training-work-grid>.training-support{order:3;width:100%}.support-tabs button{padding:14px 5px;flex-direction:row;justify-content:center;gap:7px;font-size:11px}.support-heading{padding:18px}.training-support .training-queue{padding:20px 18px}.training-support .ability-radar{height:245px;max-width:340px}.training-support .ability-caption{padding-top:18px}.training-support .training-empty{min-height:236px}.training-support .queue-actions>.btn{width:auto;min-width:170px;padding:12px 15px}.training-support .queue-actions>a{width:auto}.training-support .queue-note{font-size:11px}.training-support .support-footnote{font-size:11px}}

/* Compact project switching stays above the scene, separate from optional reading. */
.in-work .single-training-page>.work-heading{padding:15px 0 17px}
.single-training-page>.work-heading h1{font-size:25px;line-height:1.35}
.single-training-page>.work-heading p{font-size:12px;margin-top:5px}
.quick-project-picker{padding:14px 15px 15px;border-bottom:1px solid #d5e2da;background:#f1f6f1;border-radius:4px 4px 0 0}
.quick-picker-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}
.quick-picker-heading h3{font-size:12px;font-weight:800;line-height:1.5;margin:0;white-space:nowrap}
.quick-picker-filters{display:flex;align-items:center;gap:12px}
.quick-picker-filters button{font-size:10px;color:#667c6f;border-bottom:2px solid transparent;padding:2px 0 4px;white-space:nowrap}
.quick-picker-filters button.selected{color:#234c3e;border-bottom-color:#d53147;font-weight:750}
.quick-picker-heading>a{font-size:10px;white-space:nowrap;margin-left:auto;color:#496d59;text-decoration:underline;text-underline-offset:4px}
.quick-project-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.quick-project{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #d5e2d7;background:#fff;border-radius:3px;padding:8px 4px;color:#536f5d}
.quick-project>.ui-icon{width:17px;height:17px;flex-shrink:0}
.quick-project>span{font-size:11px;font-weight:650;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.quick-project.selected{background:#deeee3;border-color:#518268;color:#204b38;box-shadow:inset 0 -2px #518268}
.quick-project:hover{border-color:#588973;background:#e8f3eb}
.quick-project:focus-visible,.quick-picker-filters button:focus-visible{outline:2px solid #326e54;outline-offset:2px}
.quick-picker-empty{grid-column:1/-1;font-size:11px;color:#627a68;line-height:1.8;padding:14px 5px}
.training-stage>.panel-head{padding:13px 17px;gap:12px;min-height:48px}
.training-stage>.panel-head h2{font-size:15px}.training-stage>.panel-head>.muted{font-size:10px;white-space:nowrap}
.training-stage .actual-preview{height:clamp(180px,calc(100dvh - 515px),330px);aspect-ratio:auto}
.training-brief{padding:13px 17px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px;background:#fff}
.training-brief>p{flex-basis:100%;font-size:12px;font-weight:650;color:#354f40;line-height:1.75;margin:0}
.training-brief>span,.training-brief>small{font-size:10px;color:#64786a;line-height:1.8}
.training-brief kbd{font:10px Mono,monospace;color:#3f604b;margin-left:4px}
.training-instructions{border-top:1px solid #e0e7df}
.training-instructions>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;cursor:pointer;font-size:11px;color:#4d6c56;background:#f8faf6}
.training-instructions>summary::-webkit-details-marker{display:none}.training-instructions>summary::marker{content:''}
.training-instructions>summary::after{display:none;content:none}
.training-instructions>summary>span:first-child{display:flex;gap:7px;align-items:center;font-weight:650}.training-instructions>summary .ui-icon{width:14px;height:14px}
.training-instructions>summary:hover{background:#eef5ec}.training-instructions>summary:focus-visible{outline:2px solid #49745b;outline-offset:-3px}
.training-instructions .instructions-collapse{display:none}.training-instructions[open] .instructions-collapse{display:inline}.training-instructions[open] .instructions-expand{display:none}
.training-instructions-body{padding:17px}.training-instructions-body>p{font-size:12px;line-height:1.85;color:#536d5b;margin:0}
.training-instructions-body .project-advice{margin:15px 0;background:#f1f6ef;padding:15px;border:0;border-left:2px solid #8fb6a0}
.training-instructions-body .advice-heading h4{font-size:12px}.training-instructions-body .advice-heading>span{display:none}
.training-instructions-body .project-advice p,.training-instructions-body .project-advice dd{font-size:11px;line-height:1.8}.training-instructions-body .project-advice small{font-size:10px;line-height:1.8}
.training-instructions-body>h3{font-size:12px;font-weight:700;color:#45614c;margin:17px 0 9px}
.training-instructions-body .actual-metrics{padding:12px 0 0;gap:8px;margin:0}.training-instructions-body .actual-metrics span{font-size:10px}.training-instructions-body .actual-metrics b{font-size:12px}
.cute .quick-project-picker{background:#f5edf4;border-color:#e3d3df}.cute .quick-project{border-color:#dfd0db;color:#71566b}.cute .quick-project.selected{background:#ebdbea;border-color:#ac7b9d;color:#71465f;box-shadow:inset 0 -2px #ac7b9d}.cute .quick-picker-filters button.selected{border-color:#b54879;color:#774b68}.cute .training-instructions>summary{background:#faf5f9;color:#77576c}
@media(min-width:761px) and (max-width:1099px){.training-stage .actual-preview{height:clamp(190px,calc(100dvh - 475px),330px)}}
@media(max-width:760px){.in-work .single-training-page>.work-heading{padding:15px 0}.single-training-page>.work-heading h1{font-size:23px}.quick-project-picker{padding:12px}.quick-picker-heading{gap:9px;margin-bottom:10px}.quick-picker-heading h3{font-size:11px}.quick-picker-filters{gap:10px}.quick-picker-filters button,.quick-picker-heading>a{font-size:10px}.quick-project-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quick-project{min-height:42px;flex-direction:row;padding:8px 5px;gap:5px}.quick-project>span{font-size:10px}.quick-project>.ui-icon{width:15px;height:15px}.training-stage .actual-preview{height:auto;aspect-ratio:1.65}.training-stage>.panel-head{padding:12px 14px}.training-stage>.panel-head h2{font-size:14px}.training-stage>.panel-head>.muted{font-size:9px}.training-brief{padding:12px 14px;gap:5px 8px}.training-brief>p{font-size:12px}.training-instructions>summary{padding:12px 14px}.training-instructions-body{padding:14px}}

/* Keep the game canvas at 16:9; its controls have their own height below it. */
.training-stage .actual-preview.hover-demo{height:auto;aspect-ratio:auto;background:#17212a}
.demo-picture{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}
.demo-screen{position:absolute;inset:0;overflow:hidden}
.demo-screen>img{display:block;width:100%;height:108.611111%;object-fit:cover;object-position:top;pointer-events:none}
.actual-preview .demo-screen>iframe{display:block;width:100%;height:calc(100% + 31px);border:0;pointer-events:none}
.demo-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:8px 12px;background:#101f27dc;border:1px solid #506d7080;color:#e3ede8;border-radius:4px;font-size:11px;line-height:1.6;text-align:center;white-space:nowrap;pointer-events:none}
.demo-hint[hidden]{display:none}
.demo-badge{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:5px 9px;border:1px solid #78968080;border-radius:3px;background:#14251ee8;color:#e0ece2;font-size:11px;line-height:1.6;pointer-events:none}.demo-badge[hidden]{display:none}
.demo-caption{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#e8f0e9;border-top:1px solid #ccdcd1;font-size:11px;line-height:1.6;color:#476553}
.demo-caption>span{min-width:0;overflow-wrap:anywhere}.demo-caption>button{font-size:11px;color:#28583d;font-weight:700;white-space:nowrap;padding:3px 0;text-decoration:underline;text-underline-offset:3px}
.demo-caption>button:focus-visible{outline:2px solid #367553;outline-offset:3px}
.quick-project.demo-previewing{background:#faf0dc;border-color:#ba8950;color:#73512a;box-shadow:inset 0 -2px #ba8950}
.cute .demo-caption{background:#f1e6ef;border-color:#dacbd7;color:#755d6b}.cute .demo-caption>button{color:#865471}
@media(max-width:760px){.demo-hint{font-size:10px;bottom:12px;padding:6px 9px}.demo-caption,.demo-caption>button{font-size:10px}.demo-caption{padding:7px 10px;gap:8px}.demo-caption>button{min-height:28px}}