/* Photographic subject covers and explanatory diagrams for the lesson player. */
.library-subject-jump{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 30px;padding:19px 22px;background:#edf2f5;border:1px solid #dbe4ea;border-radius:8px}
.library-subject-jump label{font-size:12px;font-weight:750;color:#36576d}
.library-subject-jump select{min-height:44px;min-width:0;width:310px;max-width:100%;padding:10px 28px 10px 12px;border:1px solid #bdcdd8;border-radius:5px;background:#fff;font:500 13px/1.5 Manrope,sans-serif;color:#25495f}
.library-subject-jump span{font-size:11px;color:#607b8d}
.library-subject-jump select:focus-visible{outline:3px solid #a16c32;outline-offset:3px}
@media(max-width:650px){.library-subject-jump{display:grid;grid-template-columns:minmax(0,1fr);padding:17px 18px;gap:9px}.library-subject-jump select{width:100%;font-size:14px}}
.studio .subject-select-label{display:block;font-size:10px;font-weight:700;color:#567187;margin:15px 0 7px}
.studio #subject-select{display:block;width:100%;max-width:100%;min-height:44px;padding:10px 28px 10px 10px;border:1px solid #cad9e3;border-radius:6px;background:#fff;font:600 11px/1.5 Manrope,sans-serif;color:#274d67;margin-bottom:13px;text-overflow:ellipsis}
.studio #subject-select:focus-visible,.exp-model :focus-visible,.exp-calculation :focus-visible{outline:3px solid #a16c32;outline-offset:3px}
.cover-expansion,.expansion-hero{--subject-ink:#173b50;--subject-accent:#d9bd86;--subject-line:#e0edf1;--subject-area:#5b8292;background:var(--subject-ink)}
.cover-instrumentation,.subject-instrumentation{--subject-ink:#263c51;--subject-accent:#d7b88b;--subject-area:#8297a8}
.cover-mass-and-balance,.subject-mass-and-balance{--subject-ink:#454a49;--subject-accent:#edd0a1;--subject-area:#9aaba1}
.cover-flight-planning,.subject-flight-planning{--subject-ink:#254e5c;--subject-accent:#e1bd89;--subject-area:#71969d}
.cover-human-performance,.subject-human-performance{--subject-ink:#31534f;--subject-accent:#e4c79b;--subject-area:#82a599}
.cover-general-navigation,.subject-general-navigation{--subject-ink:#25465e;--subject-accent:#edc88e;--subject-area:#7b9cae}
.cover-radio-navigation,.subject-radio-navigation{--subject-ink:#304253;--subject-accent:#f0c79b;--subject-area:#91a9b6}
.cover-operational-procedures,.subject-operational-procedures{--subject-ink:#4c4d43;--subject-accent:#ebc595;--subject-area:#a2ad90}
.cover-principles-of-flight,.subject-principles-of-flight{--subject-ink:#1c4a5a;--subject-accent:#e1c389;--subject-area:#85b5bd}
.cover-communications,.subject-communications{--subject-ink:#314d63;--subject-accent:#e4c69d;--subject-area:#85a3b7}
.studio .cover-expansion{height:255px}
.studio .cover-expansion:before,.studio .cover-expansion:after{content:none}
.subject-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.course-art-card:hover .subject-cover-image{transform:scale(1.04)}
.studio .cover-expansion .cover-number{max-width:calc(100% - 42px);font-size:10px;letter-spacing:.12em;line-height:1.8;top:20px;left:24px;right:20px;color:#fff;text-shadow:0 1px 5px #071c31,0 0 14px #071c3170}
.studio .cover-expansion .cover-tag{top:47px;left:24px;right:auto;padding:0;background:none;border:0;backdrop-filter:none;color:#fff;font-size:10px;text-shadow:0 1px 5px #071c31,0 0 14px #071c3170}
.studio .cover-expansion>strong{bottom:20px;left:24px;right:20px;font-size:31px;line-height:1.17;letter-spacing:-.8px;color:#fff;text-shadow:0 2px 12px #071c31a0}
@media(max-width:900px){.studio .cover-expansion{height:220px}}
@media(max-width:620px){.studio .cover-expansion{height:230px}}
@media(prefers-reduced-motion:reduce){.subject-cover-image{transition:none}.course-art-card:hover .subject-cover-image{transform:none}}
.subject-art-svg{display:block;width:100%;height:100%;overflow:visible}
.subject-art-grid{stroke:var(--subject-line);stroke-width:.6;opacity:.12}
.subject-art-line{stroke:var(--subject-line);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.subject-art-accent{stroke:var(--subject-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.subject-art-accent circle{fill:var(--subject-accent);stroke:var(--subject-ink)}
.subject-art-area{fill:var(--subject-area);opacity:.26}
.studio .expansion-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:430px}
.studio .expansion-hero:after{content:none}
.studio .expansion-hero .hero-copy{grid-column:1;grid-row:1;position:relative;z-index:1;padding:40px 0 42px 38px;max-width:none;min-width:0}
.studio .expansion-hero h1{font-size:clamp(29px,3vw,47px);line-height:1.14;letter-spacing:-1.2px;color:#f5f0e5}
.studio .expansion-hero .hero-copy>p{max-width:400px;color:#d4e1e6;font-size:13px}
.studio .expansion-hero .hero-meta{flex-wrap:wrap;gap:9px 16px;line-height:1.8}
.studio .expansion-hero .hero-meta span+span:before{margin-right:16px}
.subject-hero-art{grid-column:2;grid-row:1;min-width:0;padding:10px 16px 45px 0;align-self:center}
.studio .expansion-hero .hero-caption{max-width:43%;font-size:7px;line-height:1.8;letter-spacing:.12em;right:25px;bottom:21px;color:#d8e5e9}
.studio .expansion-hero .hero-caption span{font-size:8px;line-height:1.7;color:#bdd1da}

/* Teaching labs keep every result readable and every action explicit. */
.studio .exp-model{min-width:0;max-width:100%;overflow:hidden;background:#f1f5f7}
.studio .exp-model .course-model-bar{align-items:center;flex-wrap:wrap;gap:10px 18px}
.studio .exp-model .course-model-bar>.eyebrow{font-size:9px;line-height:1.6}
.studio .exp-model .course-model-bar>strong{flex:1;min-width:180px;line-height:1.7;color:#294c66}
.studio .exp-model .exp-enlarge{font-size:11px;min-height:40px;white-space:nowrap}
.studio .exp-guidance{padding:19px 28px 0;margin:0 auto;max-width:850px;font-size:13px;line-height:1.85;color:#3c5c70}
.studio .exp-diagram-hint{display:none}
.studio .exp-model .course-model-canvas{width:100%;max-width:850px;min-width:0;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;scrollbar-color:#9eb4c2 #e8eff3}
.studio .exp-model .course-model-canvas:focus-visible{outline-offset:-3px}
.studio .exp-scroll-hint{max-width:850px;margin:0 auto;padding:10px 28px 16px;font-size:12px;line-height:1.7;color:#385b72;background:#e9f0f4}
.studio .exp-scroll-hint[hidden]{display:none}
.studio .exp-model .course-model-canvas svg{display:block;width:100%;max-width:none;min-width:0;height:auto}
.studio .exp-model .course-model-canvas.exp-expanded svg{width:1050px;min-width:1050px}
.studio .exp-model .course-model-controls{padding-top:20px;gap:16px 24px}
.studio .exp-select{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.7;font-weight:600;color:#3e5a6c;min-width:0}
.studio .exp-select select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 30px 10px 12px;border:1px solid #c8d9e4;border-radius:6px;background:#fff;color:#27495e;font:500 12px/1.6 Manrope,sans-serif}
.studio .exp-model .field label{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6}
.studio .exp-model .field output{font-weight:800;color:#294e69}
.studio .exp-model input[type=range]{accent-color:#366f93;min-height:32px;cursor:pointer}
.studio .exp-model .range-labels{display:flex;justify-content:space-between;font-size:10px;line-height:1.6;color:#6c8494}
.studio .exp-model .course-model-readouts{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.studio .exp-model .course-model-readouts>div{padding:14px 16px;border-color:#d2dfe7;border-radius:6px;min-width:0}
.studio .exp-model .course-model-readouts span{font-size:11px;line-height:1.7;color:#627d8d}
.studio .exp-model .course-model-readouts strong{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.studio .exp-transport{display:flex;gap:18px;align-items:center;max-width:850px;padding:14px 28px;margin:auto;border-block:1px solid #dbe5ec}
.studio .exp-play{min-height:44px;min-width:135px;font-size:11px}
.studio .exp-scrub{display:grid;grid-template-columns:1fr auto;gap:4px 16px;flex:1;min-width:0;font-size:11px;line-height:1.8;font-weight:600;color:#506e81}
.studio .exp-scrub output{font-weight:800;color:#294e69}
.studio .exp-scrub input{grid-column:1/-1;width:100%;margin:0}
.studio .exp-model .course-model-note{font-size:11px!important;line-height:1.9!important;color:#647e8f}
.studio .exp-calculation{max-width:850px;margin:30px auto;padding:28px 32px;border:1px solid #d7e2e9;border-left:3px solid #b18d56;border-radius:0 8px 8px 0;background:#f6f7f5}
.studio .exp-calculation h3{font:500 24px/1.45 Lora,serif;letter-spacing:-.5px;color:#27485f;margin:12px 0 22px}
.studio .exp-calculation label{display:block;font-size:12px;line-height:1.8;font-weight:700;color:#456276;margin-bottom:8px}
.studio .exp-answer-line{display:flex;gap:12px;align-items:stretch}
.studio .exp-answer-line input{min-width:0;flex:1;max-width:260px;min-height:46px;padding:11px 13px;border:1px solid #bccedb;border-radius:5px;background:#fff;font:500 16px/1.4 Manrope,sans-serif;color:#203f55}
.studio .exp-answer-line button{min-height:46px;font-size:12px;padding:11px 17px}
.studio .exp-number-help{font-size:11px;line-height:1.9;color:#6c8291;margin:12px 0}
.studio .exp-calculation-feedback{font-size:13px;line-height:1.85;min-height:24px;color:#48697f;margin:15px 0}
.studio .exp-calculation-feedback[data-correct=true]{color:#21684f}
.studio .exp-calculation-feedback[data-correct=false]{color:#9a4036}
.studio .exp-calculation details{font-size:13px;line-height:1.9;color:#48697f;margin-top:18px}
.studio .exp-calculation summary{font-weight:700;cursor:pointer;min-height:36px;line-height:1.8;padding:7px 0}
.studio .exp-calculation ol{padding-left:23px;margin-bottom:0}
.studio .exp-calculation li{padding-left:4px;margin-bottom:9px}

/* Used only while capturing a diagram in the local QA browser. */
body.atpl-qa-capture .topbar{visibility:hidden}
/* SVG labels use their authored sizes, independent of legacy mobile enlargement. */
.studio .exp-model .course-model-canvas svg text.exp-font-8{font-size:8px}
.studio .exp-model .course-model-canvas svg text.exp-font-9{font-size:9px}
.studio .exp-model .course-model-canvas svg text.exp-font-10{font-size:10px}
.studio .exp-model .course-model-canvas svg text.exp-font-11{font-size:11px}
.studio .exp-model .course-model-canvas svg text.exp-font-12{font-size:12px}
.studio .exp-model .course-model-canvas svg text.exp-font-13{font-size:13px}
.studio .exp-model .course-model-canvas svg text.exp-font-14{font-size:14px}
.studio .exp-model .course-model-canvas svg text.exp-font-15{font-size:15px}
.studio .exp-model .course-model-canvas svg text.exp-font-16{font-size:16px}
.studio .exp-model .course-model-canvas svg text.exp-font-17{font-size:17px}
.studio .exp-model .course-model-canvas svg text.exp-font-18{font-size:18px}
.studio .exp-model .course-model-canvas svg text.exp-font-19{font-size:19px}
.studio .exp-model .course-model-canvas svg text.exp-font-20{font-size:20px}
.studio .exp-model .course-model-canvas svg text.exp-font-21{font-size:21px}
.studio .exp-model .course-model-canvas svg text.exp-font-22{font-size:22px}
.studio .exp-model .course-model-canvas svg text.exp-font-23{font-size:23px}
.studio .exp-model .course-model-canvas svg text.exp-font-24{font-size:24px}
.studio .exp-model .course-model-canvas svg text.exp-font-25{font-size:25px}
.studio .exp-model .course-model-canvas svg text.exp-font-26{font-size:26px}
.studio .exp-model .course-model-canvas svg text.exp-font-27{font-size:27px}
.studio .exp-model .course-model-canvas svg text.exp-font-28{font-size:28px}
.studio .exp-model .course-model-canvas svg text.exp-font-30{font-size:30px}
.studio .exp-model .course-model-canvas svg text.exp-font-32{font-size:32px}

@media(max-width:1150px){.studio .expansion-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr)}.studio .expansion-hero .hero-copy{padding-left:28px}.studio .expansion-hero h1{font-size:34px}.subject-hero-art{padding-right:0}}
@media(max-width:650px){
 .studio .expansion-hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
 .studio .expansion-hero .hero-copy{padding:27px 23px 0;grid-column:1;grid-row:1}
 .studio .expansion-hero h1{font-size:32px;letter-spacing:-1px;margin:20px 0 16px}
 .studio .expansion-hero .hero-copy>p{font-size:13px;margin-bottom:20px;max-width:none}
 .studio .expansion-hero .hero-eyebrow{font-size:8px;line-height:1.8;gap:7px}
 .studio .expansion-hero .hero-eyebrow>span:last-child{margin-left:0;padding-left:10px}
 .studio .expansion-hero .hero-meta{margin-top:19px;font-size:8px;gap:6px 12px}
 .studio .expansion-hero .hero-meta span+span:before{margin-right:12px}
 .subject-hero-art{grid-column:1;grid-row:2;width:100%;height:180px;padding:0 12px 10px;margin:5px 0 0}
 .studio .expansion-hero .hero-caption{display:none}
 .studio .exp-model .course-model-bar{display:flex;padding:18px 20px;align-items:flex-start}
 .studio .exp-model .course-model-bar>.eyebrow{flex-basis:100%}
 .studio .exp-model .course-model-bar>strong{margin:0;min-width:125px;font-size:12px}
 .studio .exp-model .exp-enlarge{font-size:10px;padding:8px 10px;min-height:40px}
 .studio .exp-guidance{padding:16px 20px 4px;font-size:12px}
 .studio .exp-diagram-hint{display:block;padding:8px 20px 0;margin:0;font-size:10px;line-height:1.8;font-weight:700;color:#627d8f}
 .studio .exp-model .course-model-canvas{padding:10px 0;overflow:auto;border-bottom:1px solid #dce6ed}
 .studio .exp-model .course-model-canvas svg{width:100%;min-width:0}
 .studio .exp-model .course-model-canvas.exp-expanded svg{width:1050px;min-width:1050px}
 .studio .exp-model .course-model-controls{padding:20px;grid-template-columns:minmax(0,1fr);gap:17px}
 .studio .exp-model .course-model-readouts{grid-template-columns:minmax(0,1fr)}
 .studio .exp-model .course-model-readouts strong{font-size:14px}
 .studio .exp-select select{font-size:13px;min-height:46px}
 .studio .exp-transport{padding:15px 20px;align-items:stretch;flex-direction:column;gap:12px}
 .studio .exp-play{align-self:flex-start}
 .studio .exp-scrub{width:100%;font-size:12px}
 .studio .exp-calculation{margin:25px 0;padding:24px 20px;border-right:0;border-radius:0}
 .studio .exp-calculation h3{font-size:22px}
 .studio .exp-answer-line{flex-direction:column}
 .studio .exp-answer-line input{width:100%;max-width:none}
 .studio .exp-answer-line button{width:100%}
}
@media(prefers-reduced-motion:reduce){.course-art-card{transition:none}}

/* Responsive plot axes keep their authored pixel sizes; prose remains native HTML. */
.studio .exp-model .course-model-canvas.exp-responsive-figure>svg{width:100%;min-width:0;max-width:100%;height:auto}
.studio .exp-model .course-model-canvas svg text.exp-large-label{font-size:24px}
.studio .exp-model .course-model-canvas.exp-native-figure{padding:20px 28px;overflow:visible;box-sizing:border-box}
.studio .exp-model .exp-native-cards,.studio .exp-model .exp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;min-width:0;max-width:100%}
.studio .exp-model .exp-native-card,.studio .exp-model .exp-card{min-width:0;padding:18px;border:1px solid #d1dee7;border-radius:7px;background:#fff;color:#284b62;overflow-wrap:anywhere}
.studio .exp-model .exp-native-card h4,.studio .exp-model .exp-card h4{font-size:14px;line-height:1.65;font-weight:750;margin:0 0 10px;color:#203b50}
.studio .exp-model .exp-native-card p,.studio .exp-model .exp-card p{font-size:13px;line-height:1.85;margin:8px 0 0;color:#486477}
.studio .exp-model .exp-native-card.is-good,.studio .exp-model .exp-card.is-good,.studio .exp-model .exp-native-list li.is-good{border-color:#a3c9b7;background:#f0f7f3}
.studio .exp-model .exp-native-card.is-bad,.studio .exp-model .exp-card.is-bad,.studio .exp-model .exp-native-list li.is-bad{border-color:#d8b3ad;background:#fcf4f2}
.studio .exp-model .exp-native-card.is-active,.studio .exp-model .exp-card.is-active,.studio .exp-model .exp-native-list li.is-active{border-color:#346e96;background:#edf4f8}
.studio .exp-model .exp-native-note,.studio .exp-model .exp-axis-label{margin:0 auto;padding:14px 28px;max-width:850px;font-size:13px;line-height:1.85;color:#486477;overflow-wrap:anywhere}
.studio .exp-model .exp-native-note[hidden]{display:none}
.studio .exp-model .exp-native-card .exp-native-note{padding:8px 0 0}
.studio .exp-model .exp-native-list,.studio .exp-model .exp-steps{padding-left:24px;margin:0;max-width:100%;font-size:13px;line-height:1.85;color:#3f6075}
.studio .exp-model .exp-native-list li,.studio .exp-model .exp-steps li{margin:0 0 12px;padding:4px 6px;overflow-wrap:anywhere}
.studio .exp-model .exp-native-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.75;background:#fff}
.studio .exp-model .exp-native-table th,.studio .exp-model .exp-native-table td{padding:12px;border:1px solid #d7e2e9;text-align:left;overflow-wrap:anywhere}
.studio .exp-model .exp-native-table th{font-weight:750;color:#294e65;background:#eaf1f5}
.studio .exp-model .exp-meter{display:block;width:100%;height:20px;margin:12px 0 0;accent-color:#346e96}
.studio .exp-model .exp-meter::-webkit-meter-bar{border:0;background:#e5edf3;border-radius:4px}
.studio .exp-model .exp-meter::-webkit-meter-optimum-value{background:#527fa1;border-radius:4px}
.studio .exp-model .course-model-canvas.exp-native-figure svg{width:100%;min-width:0;max-width:100%;height:auto}
@media(max-width:650px){
 .studio .exp-model .course-model-canvas.exp-native-figure{padding:18px 20px}
 .studio .exp-model .exp-native-cards,.studio .exp-model .exp-card-grid{grid-template-columns:minmax(0,1fr)}
 .studio .exp-model .exp-native-note,.studio .exp-model .exp-axis-label{padding:13px 20px;font-size:12px}
 .studio .exp-model .exp-native-card,.studio .exp-model .exp-card{padding:16px}
 .studio .exp-model .exp-native-table th,.studio .exp-model .exp-native-table td{padding:9px 7px;font-size:11px}
}

.studio .exp-model .exp-enlarge[hidden]{display:none!important}
.studio .exp-model .course-model-canvas.exp-native-figure svg.exp-native-bar{height:18px;max-height:24px;min-width:0}
.studio .exp-model .course-model-canvas.exp-native-figure svg.exp-native-bar[height="20"]{height:20px}
.studio .exp-model .course-model-canvas.exp-native-figure svg.exp-native-bar[height="22"]{height:22px}
.studio .exp-model .course-model-canvas.exp-expanded:not(.exp-native-figure)>svg{width:1050px;min-width:1050px;max-width:none}

.studio .exp-model .course-model-canvas.exp-compact-figure>svg{display:block;width:100%;min-width:0;max-width:420px;height:auto;margin-inline:auto}