/* Mufakkir's calm learning workspace, adapted to Suqoor's field identity.
   All paper tokens are scoped away from the full-screen flight instruments. */
body:not(.in-lab) {
  color-scheme:light; --bg:#f0eee5; --panel:#fffdf6; --line:#d7d7c7;
  --text:#273323; --muted:#626958; --gold:#796239; --sand:#77603c;
  --field-dark:#1d281c; --field-mid:#e6e9da; --field-light:#516344;
  --green:#456038; --signal:#435b36; --olive:#526643; --copper:#997745;
  --surface-raised:#e9eadf; --radius:16px;
  color:var(--text); background:var(--bg); font-size:15px; line-height:1.85;
}
body:not(.in-lab) :is(h1,h2,h3,h4){letter-spacing:0}
body:not(.in-lab) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8d6a2e;outline-offset:4px}
body:not(.in-lab) :is(input,select,textarea){color:var(--text);background:#fffef9;border:1px solid #a4ad94;border-radius:9px}
body:not(.in-lab) input::placeholder,body:not(.in-lab) textarea::placeholder{color:#737b69}
body:not(.in-lab) .button{background:#34492b;color:#fffdf2;border:1px solid #34492b;border-radius:9px;box-shadow:none;min-height:46px;padding:11px 21px;line-height:1.6}
body:not(.in-lab) .button:hover:not(:disabled){background:#475d39;border-color:#475d39}
body:not(.in-lab) .button.secondary{background:transparent;color:#34492b;border-color:#aab299}
body:not(.in-lab) .button.secondary:hover:not(:disabled){background:#e4e8d8;border-color:#7d8c69}
body:not(.in-lab) .button.small{min-height:40px;padding:8px 14px}
body:not(.in-lab) .text-button{color:#63532e}
body:not(.in-lab) .eyebrow{color:#7c653b;font-weight:600;letter-spacing:.5px}
body:not(.in-lab) .pill{color:#3e522f;background:#e6ebdb;border-color:#c1caaf;border-radius:30px}
body:not(.in-lab) .pill:before{background:#597341;border-radius:50%}
body:not(.in-lab) .content{max-width:1280px;padding:40px clamp(22px,3vw,48px) 70px;min-width:0}
body:not(.in-lab) .heading{gap:20px;margin-bottom:28px;padding-bottom:25px;border-bottom:1px solid var(--line)}
body:not(.in-lab) .heading h1{font-size:clamp(27px,2.7vw,38px);line-height:1.5}
body:not(.in-lab) .heading p{font-size:14px;line-height:1.9;margin-top:9px}
body:not(.in-lab) .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #29341c04;padding:25px}
body:not(.in-lab) .card::before{display:none}
body:not(.in-lab) .card p{color:var(--muted)}
body:not(.in-lab) :is(.fine,.lesson-row p,.exam-facts dt,.rubric-grid small,.lesson-section ul,.lesson-section ol){color:var(--muted)}
body:not(.in-lab) :is(.card .index,.documented-status,.price,.exam-score,.exam-facts dd,.rubric-grid b,.lesson-quiz legend,.source-card a,summary){color:var(--gold)}
body:not(.in-lab) .lesson-section h3{color:var(--text)}
body:not(.in-lab) :is(table,pre){color:var(--text)}
body:not(.in-lab) td{border-color:var(--line)}
body:not(.in-lab) .exam-review.correct>strong{color:#426131}
body:not(.in-lab) .exam-facts span{background:#eef0e5;border-color:#d0d8bf}
body:not(.in-lab) .answer:has(input:checked){color:var(--text)}
body:not(.in-lab) :is(.callout,.feedback,.lesson-objectives,.lesson-exercise){background:#e8ecdd;color:#45503a;border-color:#cad1b8;border-radius:10px}
body:not(.in-lab) .callout{border-inline-start:3px solid #988352;padding:19px 23px}
body:not(.in-lab) .feedback.error,body:not(.in-lab) .error{color:#983d2c}
body:not(.in-lab) .feedback.error{background:#fff0e7;border-color:#d7a28d}
body:not(.in-lab) .danger{border-color:#b5715c!important;color:#8c382b!important}
body:not(.in-lab) .tabs{background:#e4e7d9;border:1px solid #d4d8c7;border-radius:12px;padding:6px;gap:6px;width:fit-content}
body:not(.in-lab) .tabs button{border:0;border-radius:8px;color:#5b654e;background:transparent;padding:10px 22px;min-height:45px}
body:not(.in-lab) .tabs button:hover:not(:disabled){background:#d2dbc1;color:#3c5031}
body:not(.in-lab) .tabs .active{color:#f9f6e9;background:#3c5031;box-shadow:0 3px 8px #27332315}
body:not(.in-lab) .lesson-row{border-radius:12px;border-color:#d7dbca;background:#fffdf6;padding:19px 20px;transition:background .15s,border-color .15s}
body:not(.in-lab) .lesson-row:hover{background:#f6f5e8;border-color:#a6b38d}
body:not(.in-lab) .lesson-num{background:#edf0e3;border:1px solid #d8dfc8;min-width:43px;height:43px;display:grid;place-items:center;border-radius:10px;color:#50653b;font-size:16px}
body:not(.in-lab) .lesson-row .tail{color:#74603c;white-space:nowrap}
body:not(.in-lab) .progress{height:6px;background:#dde3d0;border-radius:10px;overflow:hidden}
body:not(.in-lab) .progress span{background:#788953;border-radius:10px}
body:not(.in-lab) .stats{gap:20px}
body:not(.in-lab) .stats b{color:#455c33}
body:not(.in-lab) .course-links{margin:0 0 28px}
body:not(.in-lab) .course-links .button{font-size:12px;min-height:40px;padding:9px 14px}
/* Shared header and the RTL learner rail. */
#topbar{position:relative;z-index:20;min-height:88px;height:auto;border-top:0;padding:15px 4vw;gap:24px;background:#1e2d1c;border-bottom:1px solid #b49b62;box-shadow:none;color:#f5efdc}
#topbar .brand{font-size:31px;gap:10px;color:#f4e4b8}
#topbar .brand-mark{width:49px;height:54px}
#topbar .brand small{font-size:8px;letter-spacing:1.6px;color:#c9cdb7}
#topbar .public-nav{display:flex;gap:9px;margin-inline:auto;align-items:center}
#topbar .public-nav a{min-height:42px;padding:9px 11px;font-size:12px;color:#d9ddcd;border:0;border-radius:6px}
#topbar .public-nav a:hover,#topbar .public-nav a.active{background:#d2bd7c14;color:#f5e3ab;border:0}
#account-nav{display:flex;align-items:center;gap:12px;font-size:12px;color:inherit}
#topbar #account-nav .button{background:transparent;border:1px solid #b19e6a;color:#e8d6a4;border-radius:30px;padding:9px 20px;min-height:42px;white-space:nowrap}
#topbar #account-nav .button:hover{background:#b4a16c20}
#shell-menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid #8b976e;background:transparent;color:#f3ead0;border-radius:8px;width:44px;height:44px;flex:none;font:23px Arial}
.shell-heading{display:none;gap:4px;flex-direction:column}
.shell-heading small{color:#7f896e;font-size:10px}
.shell-heading strong{color:#2f4227;font-size:17px;font-weight:600}
#shell-status{display:none;margin-inline-start:auto;font-size:11px;color:#637153;white-space:nowrap}
#shell-status::before{content:'';width:6px;height:6px;display:inline-block;border-radius:50%;margin-inline-end:7px;background:#788c50}
#training-rail{display:none;position:fixed;inset-block:0;inset-inline-start:0;width:242px;z-index:35;padding:28px 18px 18px;background:#1e2d1c;color:#e8e9d8;border-inline-end:1px solid #a58f5d;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:0}
.is-training #training-rail{display:flex}
.is-training{padding-inline-start:242px}
.is-training #topbar{background:#faf9f0;border-bottom:1px solid #d6dbca;padding:16px 34px;min-height:80px;gap:20px;color:#38482f}
.is-training #topbar>.brand,.is-training #topbar .public-nav{display:none}
.is-training .shell-heading{display:flex}
.is-training #shell-status{display:block}
.is-training #topbar #account-nav .button{border:1px solid #bbc3a9;color:#485d37;background:transparent;font-size:12px}
.is-training #topbar #account-nav .button:hover{background:#e4e9d8}
.rail-brand{color:#eddbab;font-size:32px;gap:12px;padding-inline:5px}
.rail-brand .brand-mark{width:50px;height:62px}
.rail-brand small{color:#bcc5a7;font-size:8px;letter-spacing:1.4px}
.rail-intro{padding:28px 14px 16px;margin-top:20px;border-top:1px solid #64724b60}
.rail-intro span{display:block;color:#b2bb9b;font-size:11px}
.rail-intro small{display:block;color:#a1b08a;font-size:10px;margin-top:3px}
#training-rail nav{display:flex;flex-direction:column;gap:5px;align-items:stretch;font-size:13px;order:0;width:100%;margin:0;padding:0;border:0}
#training-rail nav a{display:flex;gap:13px;align-items:center;padding:11px 12px;min-height:47px;border-radius:9px;border:1px solid transparent;color:#c1cbb1;text-decoration:none;white-space:nowrap}
#training-rail svg{width:19px;height:19px;flex:none}
#training-rail nav a small{margin-inline-start:auto;font:10px monospace;color:#a1b08a}
#training-rail nav a[aria-current] small{color:#66794c}
#training-rail nav a:hover{background:#a6b28217;color:#eee8cc}
#training-rail nav a[aria-current]{color:#2b3d22;background:#e9e7d2;border-color:#e4d7a9;box-shadow:0 4px 14px #0001;font-weight:600}
#training-rail nav a[hidden]{display:none}
.rail-bottom{margin-top:auto;padding:28px 8px 0}
.rail-cohort{position:relative;padding:19px 16px;margin-bottom:17px;border:1px solid #6b79544d;border-radius:12px;overflow:hidden;background:linear-gradient(#283921b8,#1a291bef),url('./assets/identity/woodland-camo.svg') center/340px}
.rail-cohort>*{position:relative;display:block}
.rail-cohort small{font-size:10px;color:#d1c597}
.rail-cohort strong{font-size:15px;color:#e4dfbc;margin-block:4px;font-weight:500}
.rail-cohort span{font-size:9px;color:#aeb99c}
.rail-bottom>button,.rail-bottom>a{width:100%;display:flex;align-items:center;gap:11px;justify-content:flex-start;color:#b1bf9c;font:inherit;font-size:11px;border:0;background:none;padding:8px 4px;min-height:40px;text-decoration:none}
.rail-bottom>button:hover,.rail-bottom>a:hover{color:#f0dfaf}
.rail-bottom>a>span{margin-inline-start:auto}
.rail-close{display:none}
#shell-backdrop{display:none}
#skip-content{position:fixed;top:8px;right:8px;z-index:90;padding:10px 18px;background:#f0e7c9;color:#263b1f;border:2px solid #8b713f;border-radius:6px;transform:translateY(-180%)}
#skip-content:focus{transform:none}
body:not(.in-lab) #footer{background:#e7e8dc;border-color:#cdd2bf;color:#69725a;padding:24px 34px;font-size:11px}
body:not(.in-lab) #footer .footer-brand{color:#495a38;gap:10px}
body:not(.in-lab) #footer button{color:#596848}
.in-lab #training-rail,.in-lab #shell-backdrop,.in-lab #skip-content{display:none!important}
.in-lab{padding-inline-start:0}
/* Plan, progress and evaluations on the same paper canvas. */
body:not(.in-lab) .daily-plan{background:#e5e9d9;border-color:#c5ceb1;border-top:3px solid #879568;border-radius:18px;padding:26px;margin-top:20px;position:relative;overflow:hidden}
body:not(.in-lab) .daily-heading{padding-bottom:8px;position:relative}
body:not(.in-lab) .daily-task{background:#fffdf5;padding:22px;position:relative}
body:not(.in-lab) .daily-task .button{font-size:12px}
body:not(.in-lab) :is(.daily-done,.coach-pass){color:#426131}
body:not(.in-lab) :is(.daily-agenda time,.coach-summary b,.coach-trend b,.coach-score){color:#6d603e}
body:not(.in-lab) .coach-state{color:#955b25}
body:not(.in-lab) .coach-summary{background:#e5e9d9;border:1px solid #ccd2bb;border-radius:14px;padding:20px 25px;gap:35px}
body:not(.in-lab) .coach-summary>span{border-inline-start:2px solid #ac955d;padding-inline-start:18px}
body:not(.in-lab) .competency-grid .card{border-top:3px solid #9aab7d}
body:not(.in-lab) .exam-facts>div{background:#f0f1e6;border-color:#d2d8c2;border-radius:10px;padding:12px}
body:not(.in-lab) .rubric-grid{gap:12px}
body:not(.in-lab) .rubric-grid>div{background:#eef0e2;border:1px solid #d3dbc3;border-radius:8px;padding:10px}
body:not(.in-lab) .exam-clock{color:#655330;background:#f2e8c9;border-color:#b49c63;border-radius:10px;box-shadow:none}
body:not(.in-lab) .exam-review.incorrect>strong{color:#9a4c30}
body:not(.in-lab) .exam-navigation button{background:#fffdf4;color:#3c4e2e;border-color:#c7d1b7;border-radius:8px}
body:not(.in-lab) .exam-navigation .answered{background:#e2e9d6;border-color:#7b9560}
body:not(.in-lab) .exam-navigation .current{background:#3d5430;color:#fff9e7}
body:not(.in-lab) .aircraft-controls{color:#485c35;border-color:#d5dcc7}
body:not(.in-lab) .aircraft-art{border-radius:12px;background:radial-gradient(ellipse,#6979524a,transparent 75%),#24331e}
/* Paper modal and Mufakkir-inspired split sign-in/lesson view. */
body:not(.in-lab) dialog{color:var(--text);background:#fffdf5;border:1px solid #b4bda2;border-radius:20px;padding:36px;width:min(800px,calc(100% - 30px));box-shadow:0 35px 100px #18261033}
body:not(.in-lab) dialog::backdrop{background:#14200ed1;backdrop-filter:blur(4px)}
body:not(.in-lab) .modal-close{color:#5d6c48;z-index:3;border:1px solid #d1d8c1;border-radius:50%;width:34px;height:34px;line-height:26px;top:12px;left:12px;background:#fffdf5;font-size:25px}
body:not(.in-lab) dialog p{color:var(--muted)}
body:not(.in-lab) dialog[open]:has(#auth-form){display:grid;grid-template-columns:1.15fr .85fr;gap:0;padding:0;overflow:hidden;width:min(960px,calc(100% - 30px))}
body:not(.in-lab) dialog:has(#auth-form) #modal-content{padding:45px 36px;overflow:auto;max-height:88dvh}
body:not(.in-lab) dialog:has(#auth-form)::before{content:'';grid-column:2;grid-row:1;background:url('./assets/suqoor-mark.svg') center 27%/100px auto no-repeat,url('./assets/identity/camo-net.svg') center top/580px auto no-repeat,linear-gradient(160deg,#20331bec,#435433a1),url('./assets/identity/woodland-camo.svg') center/500px;min-height:460px}
body:not(.in-lab) dialog:has(#auth-form) #modal-content{grid-row:1;grid-column:1}
body:not(.in-lab) dialog:has(#lesson-visual){width:min(1120px,calc(100% - 32px));padding:38px}
.lesson-study-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start;margin:25px 0}
.lesson-study-grid #lesson-visual{position:sticky;top:0;min-width:0}
.lesson-study-grid .lesson-content{margin:0;min-width:0}
.lesson-study-grid .lesson-section:first-child{margin-top:0}
body:not(.in-lab) .lesson-section p{color:#5c6650}
body:not(.in-lab) .answer{border-color:#d3dac4;background:#fafbf3;border-radius:9px}
body:not(.in-lab) .answer:has(input:checked){background:#e8eddc;border-color:#839b60}
body:not(.in-lab) .lesson-quiz{border-color:#ced6bd;border-radius:10px;background:#f5f6eb}
body:not(.in-lab) #lesson-visual .madar-lesson-visual{border-radius:12px;background:#eff2e5;color:#344a27;border-color:#bccba3}
body:not(.in-lab) #lesson-visual .mlv-heading{background:#e4e9d8;border-color:#bbc9a3;color:#344a27}
body:not(.in-lab) #lesson-visual .mlv-heading span{color:#687a51}
body:not(.in-lab) #lesson-visual .mlv-caption{background:#f1f3e8;color:#3e512f}
body:not(.in-lab) #lesson-visual .mlv-caption h4{color:#4b6233}
body:not(.in-lab) #lesson-visual .mlv-caption p{color:#667451}
body:not(.in-lab) #lesson-visual .mlv-progress{background:#d9e1cb}
body:not(.in-lab) #lesson-visual .mlv-progress span{background:#809658}
body:not(.in-lab) #lesson-visual .mlv-controls{background:#eff2e5}
body:not(.in-lab) #lesson-visual .mlv-controls button{color:#4d6138;background:#f9fbf1;border-color:#b3c399;border-radius:6px}
body:not(.in-lab) #lesson-visual .mlv-controls .mlv-play{background:#4c6436;color:#fff9e7;border-color:#4c6436}
body:not(.in-lab) #lesson-visual .mlv-pages,body:not(.in-lab) #lesson-visual .mlv-speech-note{color:#62744d}
.shell-guide{display:grid;gap:18px;margin:26px 0}
.shell-guide article{display:flex;gap:18px;padding:18px;border:1px solid #d8dec9;background:#f2f4e9;border-radius:12px}
.shell-guide article>b{font:21px monospace;color:#8c784c}
.shell-guide h3{font-size:18px;margin-bottom:7px}
.shell-guide p{font-size:13px}
body:not(.in-lab) :is(code,pre){background:#ebeedf;color:#3a512a;border-radius:8px;overflow-wrap:anywhere}
body:not(.in-lab) th{background:#eef0e5;color:#51623e}
/* English activities retain their distinct English reading direction. */
body:not(.in-lab) .aviation-english{padding:40px clamp(20px,3vw,48px) 70px;max-width:1280px}
body:not(.in-lab) :is(.ae-unit,.ae-listening,.ae-result){background:#fffdf6;border-color:#cdd5bf;border-radius:16px}
body:not(.in-lab) :is(.ae-passage,.ae-listening-boundary,.ae-transcript){background:#e9eddd;color:#34442c;border-color:#8c9d70;border-radius:10px}
body:not(.in-lab) :is(.ae-terms details,.ae-speaking>div,.ae-listening-question){background:#f4f5ea;border-color:#d5ddc5;border-radius:10px}
body:not(.in-lab) .ae-tabs button{border-radius:10px}
body:not(.in-lab) .ae-tabs button[aria-current]{background:#e3e9d4;border-color:#869c66}
body:not(.in-lab) .ae-listening-nav button{background:#eef2e2;color:#4e6039;border-color:#c6d2b1;border-radius:8px}
body:not(.in-lab) .ae-listening-nav button[aria-current]{background:#465d31;color:#fff7df}
/* Control school: paper explanations surround dark, readable instruments. */
body:not(.in-lab) .control-school{--cs-bg:#f0eee5;--cs-panel:#fffdf6;--cs-raised:#edf0e2;--cs-line:#cbd5bb;--cs-text:#304329;--cs-muted:#626e53;--cs-gold:#7a663a;--cs-accent:#607a46;max-width:1280px;padding:40px clamp(20px,3vw,48px) 70px}
body:not(.in-lab) .cs-heading{background:#e3e8d6;border-color:#c0cbac;border-top-color:#899c65;border-radius:16px;padding:26px}
body:not(.in-lab) .cs-heading h1{font-size:clamp(27px,2.7vw,38px)}
body:not(.in-lab) .control-school button{border-radius:8px;border-color:#b1c198;background:#edf1e2;color:#3f542d}
body:not(.in-lab) .control-school button:hover:not(:disabled){background:#dde6cc;border-color:#889e68}
body:not(.in-lab) .control-school .button{background:#415a30;color:#fff8e3;border-color:#415a30}
body:not(.in-lab) .cs-module-nav button[aria-current]{background:#dfe7cf;border-color:#8a9e6a;box-shadow:inset 0 -3px #8a9e6a}
body:not(.in-lab) :is(.cs-sections>section,.cs-walkthrough,.cs-terms,.cs-practice,.cs-quiz,.cs-final-result,.cs-resources,.cs-images figure){border-radius:14px}
body:not(.in-lab) :is(.cs-task,.cs-touch-panel>div,.cs-quiz label,.cs-resource-card){background:#f2f5e8;border-color:#c6d3b4;border-radius:9px}
body:not(.in-lab) .cs-hint{color:#687950!important}
body:not(.in-lab) .cs-correct{color:#3f642d!important}
body:not(.in-lab) .cs-wrong{color:#984c28!important}
body:not(.in-lab) .control-school select,body:not(.in-lab) .control-school input[type=number]{background:#fffef7;color:#394e2c;border-color:#a5ba8c;border-radius:7px}
body:not(.in-lab) :is(.cs-controller,.cs-joystick,.cs-grid-wrap){--cs-text:#f1eddf;--cs-muted:#bdc5b2;--cs-gold:#d9bd7e;--cs-line:#52613f;color:#e7e8d4}
body:not(.in-lab) :is(.cs-controller,.cs-joystick) button{background:#34432a;color:#e5e8d2;border-color:#7a8c5f}
body:not(.in-lab) :is(.cs-controller,.cs-joystick) button:hover:not(:disabled){background:#4c603a;color:#fff9e2}
body:not(.in-lab) .cs-live-readings>div{background:#1c2c1b;border-color:#52673f;border-radius:5px}
body:not(.in-lab) .cs-command-box{background:#ebefdf;border-color:#a9bd8a;border-radius:8px}
/* Report plots remain dark to preserve their axis/trace contrast. */
body:not(.in-lab) .flight-report-outcome{color:#4f683b;background:#e5ecd8}
body:not(.in-lab) .flight-report-warning{color:#8c522e;background:#f6edda}
body:not(.in-lab) .flight-report-metric{background:#f4f5e9;border-radius:12px}
body:not(.in-lab) .flight-report-chart{--muted:#c3cdb4;color:#eee6d0;border-radius:12px}
body:not(.in-lab) .flight-report-chart h4{color:#eee6d0}
body:not(.in-lab) :is(.flight-report-decision strong,.flight-report-feedback h5){color:#655a36}
body:not(.in-lab) .flight-report-legend li>.flight-report-reference{border-color:#7b6133}
body:not(.in-lab) .flight-report-legend li>.flight-report-start{border-color:#537538}
body:not(.in-lab) .flight-report-legend li>.flight-report-end{border-color:#78462d;background:#b1704c}
@media(min-width:1001px){.is-training .course-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}}
@media(max-width:1200px){#topbar{gap:18px;padding-inline:25px}#topbar .public-nav{gap:0}#topbar .public-nav a{font-size:11px;padding:8px}.is-training #topbar{padding-inline:25px}.is-training #shell-status{display:none}body:not(.in-lab) .rubric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){
  .is-training{padding-inline-start:0}.is-training #training-rail,#training-rail{display:none}
  #topbar,.is-training #topbar{padding:12px 20px;min-height:78px;gap:14px;flex-wrap:nowrap}
  #topbar>.brand,.is-training #topbar>.brand{display:flex;font-size:26px}
  .is-training #topbar>.brand{color:#3c522d}.is-training #topbar .brand small{color:#677b50}
  #topbar .brand-mark{width:39px;height:45px}#topbar .public-nav{display:none}
  #shell-menu-toggle{display:flex;order:0}.is-training #shell-menu-toggle{color:#4b6036;border-color:#b4c29c}
  #account-nav{margin-inline-start:auto;gap:8px}#topbar #account-nav .button{font-size:11px;padding:8px 13px;min-height:39px}
  .is-training .shell-heading{display:none}.is-training #shell-status{display:none}
  .shell-menu-open{overflow:hidden}
  .shell-menu-open #training-rail{display:flex;width:min(310px,85vw);z-index:70;box-shadow:-16px 0 60px #0d1a0750}
  .shell-menu-open #shell-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#0d1b0bb3;backdrop-filter:blur(3px);z-index:65}
  .rail-close{display:grid;place-items:center;position:absolute;left:16px;top:24px;width:36px;height:36px;border-radius:50%;background:#425431;border:1px solid #7d8a61;color:#e0ddbf;font:25px Arial}
  #training-rail .rail-brand{margin-top:4px}.rail-intro{margin-top:20px}.rail-bottom{padding-top:20px}
  .is-training .course-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  body:not(.in-lab){font-size:14px}body:not(.in-lab) .content,body:not(.in-lab) .control-school,body:not(.in-lab) .aviation-english{padding:28px 18px 50px}
  #topbar,.is-training #topbar{padding:12px 14px;gap:11px}#topbar .brand{gap:6px;font-size:24px}#topbar .brand small{font-size:6px;letter-spacing:1px}
  #topbar .brand-mark{width:32px;height:39px}#shell-menu-toggle{width:38px;height:40px;font-size:21px}
  #account-nav>a{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body:not(.in-lab) .card{padding:20px;border-radius:13px}body:not(.in-lab) .heading h1{font-size:28px}
  body:not(.in-lab) .tabs{width:100%;display:flex}body:not(.in-lab) .tabs button{flex:1;min-width:0;font-size:12px;padding:10px}
  body:not(.in-lab) .lesson-row{padding:16px 13px;gap:10px}body:not(.in-lab) .lesson-row h3{font-size:14px}body:not(.in-lab) .lesson-num{min-width:35px;width:35px;height:38px}
  body:not(.in-lab) .lesson-row .tail{font-size:10px}body:not(.in-lab) .lesson-row p{font-size:10px}
  body:not(.in-lab) .daily-plan{padding:18px}body:not(.in-lab) .daily-task{padding:18px}
  body:not(.in-lab) .coach-summary{gap:20px;padding:18px}body:not(.in-lab) .coach-summary b{font-size:23px}
  body:not(.in-lab) .cs-heading{padding:20px}body:not(.in-lab) .cs-sections>section{padding:20px}
  body:not(.in-lab) dialog,body:not(.in-lab) dialog:has(#lesson-visual){padding:33px 20px 25px;border-radius:15px;width:calc(100% - 20px);max-height:93dvh}
  body:not(.in-lab) dialog[open]:has(#auth-form){display:block;max-height:93dvh;width:calc(100% - 22px)}
  body:not(.in-lab) dialog:has(#auth-form)::before{display:none}body:not(.in-lab) dialog:has(#auth-form) #modal-content{padding:38px 23px;max-height:90dvh}
  .lesson-study-grid{grid-template-columns:1fr;gap:20px}.lesson-study-grid #lesson-visual{position:static}
  body:not(.in-lab) #footer{padding:20px;gap:12px}
}
@media(prefers-reduced-motion:reduce){body:not(.in-lab) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body.is-training{padding-inline-start:0!important}#training-rail,#shell-menu-toggle,#shell-backdrop,#skip-content{display:none!important}.lesson-study-grid{display:block}}
