body.h10h-hide-divi #top-header,
body.h10h-hide-divi #main-header,
body.h10h-hide-divi .et-l.et-l--header,
body.h10h-hide-divi header#main-header,
body.h10h-hide-divi #page-container > .et-l--header{display:none!important}
body.h10h-hide-divi #page-container{padding-top:0!important}
body.h10h-hide-divi .et_pb_section:first-child{padding-top:0!important}

.h10h-root{--bg:#090b0e;--bg2:#11161d;--panel:#0f141a;--border:#232c35;--text:#f2f4f7;--muted:#9aa6b5;--red:#d72638;--red2:#b61f2e;--blue:#62c0ff;--green:#3ed98e;--pink:#f074bf;--amber:#cda036;color:var(--text);font:400 12px/1.4 Inter,"Segoe UI",Roboto,Arial,sans-serif;width:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased;isolation:isolate}.h10h-root *,.h10h-root *::before,.h10h-root *::after{box-sizing:border-box}.h10h-root [hidden]{display:none!important}.h10h-root button,.h10h-root input{font:inherit}.h10h-root button{cursor:pointer}.h10h-root button:focus-visible,.h10h-root input:focus-visible{outline:2px solid #78cbff;outline-offset:2px}
.h10h-root .h10h-shell{background:radial-gradient(ellipse at top left,rgba(215,38,56,.08),transparent 36%),linear-gradient(180deg,#0d1014,#090b0e 85%);border:1px solid #1b232b;border-radius:14px;overflow:hidden;padding:0 14px;max-width:1450px;margin:0 auto;box-shadow:0 18px 56px rgba(0,0,0,.18)}
.h10h-root .h10h-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #1d2630}.h10h-root .h10h-brand{display:flex;align-items:center;gap:10px;min-width:0}.h10h-root .h10h-brand-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #303844;background:#000}.h10h-root .h10h-brand-copy strong{display:block;font-size:13px;line-height:1.1;letter-spacing:.12em}.h10h-root .h10h-brand-copy small{display:block;color:#aeb8c5;font-size:8px;letter-spacing:.2em;padding-top:3px}.h10h-root .h10h-mode{display:flex;gap:4px;border-radius:10px;border:1px solid #232c35;padding:3px;background:#0f141a}.h10h-root .h10h-mode-btn{color:#9eabba;border:none;border-radius:7px;background:transparent;padding:8px 14px;font-size:10px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.h10h-root .h10h-mode-btn.is-active{background:#242d37;color:#fff;box-shadow:inset 0 0 0 1px #36424f}
.h10h-root .h10h-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);gap:12px;align-items:start;padding-top:10px}.h10h-root .h10h-main,.h10h-root .h10h-side{display:grid;gap:10px;min-width:0}.h10h-root .h10h-panel,.h10h-root .h10h-training-card,.h10h-root .h10h-solution{background:linear-gradient(180deg,rgba(16,21,27,.98),rgba(12,17,23,.98));border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}
.h10h-root .h10h-panel-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid #202a34;padding:9px 12px;min-height:40px}.h10h-root .h10h-panel-title>span:first-child{font-weight:900;color:#ff6472;font-size:9px}.h10h-root .h10h-panel-title>strong{font-size:10px;color:#edf2f7;letter-spacing:.14em;font-weight:800}.h10h-root .h10h-title-tools{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.h10h-root .h10h-hint{font-size:8px;letter-spacing:.08em;color:#8f9bab;font-weight:800;text-align:right}.h10h-root .h10h-collapse-btn,.h10h-root .h10h-mini-btn{border:1px solid #33404d;background:#111922;color:#dde7f3;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1}.h10h-root .h10h-mini-btn{background:linear-gradient(180deg,#d72638,#b41f2e);border-color:#d43e4e;color:#fff}.h10h-root .h10h-mini-btn:hover{filter:brightness(1.06)}.h10h-root .h10h-collapse-btn{background:#10161d;color:#aeb8c5}
.h10h-root .h10h-config.is-collapsed .h10h-config-body{display:none}.h10h-root .h10h-fields{display:grid;grid-template-columns:.78fr .86fr 1fr;gap:9px;padding:10px 12px 12px;align-items:end}.h10h-root .h10h-fields label,.h10h-root .h10h-field-label{font-weight:800;font-size:9px;letter-spacing:.11em;color:#afbdcb;display:block}.h10h-root .h10h-fields label small{font-size:8px;color:#7f8d9d}.h10h-root .h10h-fields input{display:block;width:100%;height:34px;margin:5px 0 0!important;background:#090d12!important;border:1px solid #2e3944!important;border-radius:8px!important;color:#fafbfc!important;padding:0 10px!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}.h10h-root .h10h-input-suffix{position:relative}.h10h-root .h10h-input-suffix>span{position:absolute;right:10px;top:11px;color:#ff9eaa;font-size:14px;font-weight:800;pointer-events:none}.h10h-root .h10h-fields input[type=number]{appearance:textfield;-moz-appearance:textfield;padding-right:24px!important}.h10h-root input::-webkit-inner-spin-button,.h10h-root input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.h10h-root .h10h-switch{display:grid;grid-template-columns:1fr 1fr;background:#090d12;border:1px solid #2e3944;border-radius:8px;margin-top:5px;min-height:34px;padding:3px;gap:3px}.h10h-root .h10h-switch button,.h10h-root .h10h-aircraft-switch button{border:none;color:#a8b5c4;font-weight:850;background:transparent;border-radius:6px;letter-spacing:.06em;font-size:10px;padding:6px 5px}.h10h-root .h10h-switch .is-active{background:#351a1f;color:#ffd4d7;box-shadow:inset 0 0 0 1px #6a323a}
.h10h-root .h10h-training-card{padding:12px}.h10h-root .h10h-training-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.h10h-root .h10h-training-head small{display:block;color:#88cfff;font-size:9px;letter-spacing:.1em;font-weight:850;margin-bottom:4px}.h10h-root .h10h-training-head strong{font-size:17px;color:#fff;line-height:1.1}.h10h-root .h10h-score-hero{display:inline-flex;align-items:center;gap:7px;border:1px solid #5a2f34;background:linear-gradient(180deg,rgba(215,38,56,.17),rgba(215,38,56,.08));padding:7px 10px;border-radius:10px;white-space:nowrap}.h10h-root .h10h-score-hero span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#ffb4bc}.h10h-root .h10h-score-hero b{font-size:18px;color:#fff}.h10h-root .h10h-score-hero em{font-style:normal;color:#ffe1e5;font-size:11px;font-weight:900}.h10h-root .h10h-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.h10h-root .h10h-answer-grid button{background:#151f2a;color:#d7e1ec;border:1px solid #34424f;border-radius:9px;padding:10px 5px;font-size:10px;font-weight:900;letter-spacing:.07em}.h10h-root .h10h-answer-grid button:not(:disabled):hover{background:#1d2936}.h10h-root .h10h-answer-grid button.is-correct{background:#144830;border-color:#2fb973;color:#d6ffe9}.h10h-root .h10h-answer-grid button.is-incorrect{background:#5a242c;border-color:#f07582;color:#ffe2e5}.h10h-root .h10h-feedback-banner{margin-top:10px;border-radius:10px;border:1px solid #33414f;background:#0f151d;padding:10px 12px}.h10h-root .h10h-feedback-banner strong{display:block;font-size:16px;letter-spacing:.02em;margin-bottom:4px;color:#dbe7f3}.h10h-root .h10h-feedback-banner p{margin:0!important;font-size:13px;color:#bcc8d5;line-height:1.5}.h10h-root .h10h-feedback-banner.is-good{background:linear-gradient(180deg,rgba(24,82,55,.32),rgba(13,35,24,.55));border-color:#2eb473}.h10h-root .h10h-feedback-banner.is-good strong{color:#96f0bc}.h10h-root .h10h-feedback-banner.is-bad{background:linear-gradient(180deg,rgba(102,30,39,.36),rgba(41,14,17,.58));border-color:#de6673}.h10h-root .h10h-feedback-banner.is-bad strong{color:#ffb7bf}.h10h-root .h10h-training-foot{display:flex;justify-content:flex-end;margin-top:9px}
.h10h-root .h10h-map-wrap{background:radial-gradient(circle at 50% 45%,rgba(23,50,37,.28),transparent 32%),linear-gradient(180deg,#071018,#09111a 55%,#090f14);border-bottom:1px solid #202a34;position:relative;overflow:hidden}.h10h-root .h10h-map{display:block;width:100%;height:auto;aspect-ratio:760/520;touch-action:manipulation;cursor:crosshair;user-select:none}.h10h-root .h10h-map-grid{fill:none;stroke:#2a3946;opacity:.52;stroke-width:.8;stroke-dasharray:4 8;pointer-events:none}.h10h-root .h10h-sector{stroke:#7f8da3;stroke-width:.45;opacity:.55}.h10h-root .h10h-sector-direct{fill:#1d7e5a;fill-opacity:.23}.h10h-root .h10h-sector-teardrop{fill:#b0842f;fill-opacity:.22}.h10h-root .h10h-sector-parallel{fill:#216896;fill-opacity:.23}.h10h-root .h10h-sector-caption{fill:#eff5f8;font-weight:800;font-size:9px;letter-spacing:.8px;paint-order:stroke;stroke:#0b1118;stroke-width:2;pointer-events:none}.h10h-root .h10h-compass-label{fill:#798999;font-size:13px;font-weight:800;pointer-events:none}.h10h-root .h10h-fix-caption{fill:#f6fbff;font-size:14px;font-weight:900;letter-spacing:1.2px;pointer-events:none}.h10h-root .h10h-aircraft-caption{fill:#69c2f1;font-size:11px;font-weight:800;pointer-events:none}.h10h-root .h10h-inbound-label,.h10h-root .h10h-outbound-label{fill:#f0c5d8;font-size:11px;font-weight:800;pointer-events:none}.h10h-root .h10h-map-overlay{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:0 10px;pointer-events:none}.h10h-root .h10h-map-overlay>span{border:1px solid #2a3541;background:rgba(10,15,20,.88);border-radius:999px;padding:4px 8px;white-space:nowrap;color:#acb7c6;font-size:9px;letter-spacing:.02em}.h10h-root .h10h-map-overlay b{color:#f9fbff;margin-left:3px;font-weight:900;font-size:10px}.h10h-root .h10h-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px}.h10h-root .h10h-dot-blue{background:#4cbff9}.h10h-root .h10h-dot-pink{background:#f173be}.h10h-root .h10h-dot-green{background:#46d98f}.h10h-root .h10h-dot-red{background:#d72638}.h10h-root .h10h-position-popup{position:absolute;left:30%;top:26%;width:min(235px,90%);z-index:5;background:#151c26;border:1px solid #56667a;box-shadow:0 14px 40px rgba(0,0,0,.45);border-radius:11px;padding:10px}.h10h-root .h10h-position-popup strong{font-size:9px;letter-spacing:.1em;color:#fff}.h10h-root .h10h-popup-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 7px}.h10h-root .h10h-popup-fields label{font-size:8px;color:#b6c3d1;letter-spacing:.05em}.h10h-root .h10h-popup-fields input{width:100%;background:#0a0f15;border:1px solid #324050;border-radius:7px;color:white;padding:6px;font-size:14px;font-weight:800;margin-top:4px}.h10h-root .h10h-popup-note{font-size:9px;color:#8ea0b6;margin-bottom:8px}.h10h-root .h10h-position-popup button{display:block;width:100%;background:#cb2738;color:#fff;border:0;border-radius:7px;padding:8px 6px;font-weight:850;font-size:10px;letter-spacing:.07em}.h10h-root .h10h-map-footer{padding:9px 12px 11px;display:flex;align-items:end;justify-content:space-between;gap:12px}.h10h-root .h10h-map-footer strong{display:block;font-size:9px;letter-spacing:.10em;color:#a7b4c3;margin-bottom:6px}.h10h-root .h10h-inline-field{display:flex;gap:5px;align-items:center}.h10h-root .h10h-inline-field button{border:1px solid #30404e;background:#141d27;color:#dbe7f3;border-radius:7px;padding:6px 8px;min-width:38px;font-weight:800;font-size:10px}.h10h-root .h10h-radial-live{color:#ff8692;font-weight:900;font-size:16px;min-width:60px;text-align:center}.h10h-root .h10h-course-info{text-align:right;white-space:nowrap}.h10h-root .h10h-course-info span{font-size:8px;color:#8593a3;display:block;letter-spacing:.08em}.h10h-root .h10h-course-info strong{font-size:18px;margin:4px 0 0;color:#f5f7fa;letter-spacing:.02em}.h10h-root .h10h-is-training .h10h-map{cursor:default}
.h10h-root .h10h-solution{padding:12px 14px;border-color:#5c2831;background:linear-gradient(180deg,rgba(215,38,56,.16),rgba(62,20,26,.25))}.h10h-root .h10h-solution-meta{font-size:9px;color:#ffc2c8;font-weight:800;letter-spacing:.1em}.h10h-root .h10h-solution-meta span{color:#ffcb73}.h10h-root .h10h-solution-name{font-size:20px;color:#fff;font-weight:900;letter-spacing:.02em;margin:3px 0 5px}.h10h-root .h10h-solution p{margin:0 0 10px;color:#d8dde5;line-height:1.5;font-size:12px}.h10h-root .h10h-legend{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;font-size:10px;color:#d0d6de}.h10h-root .h10h-legend-color{display:inline-block;height:8px;width:8px;border-radius:2px;margin-right:5px}.h10h-root .is-direct{background:#249a79}.h10h-root .is-teardrop{background:#d3a23a}.h10h-root .is-parallel{background:#317faf}
.h10h-root .h10h-aircraft-switch{margin:9px 11px 0;background:#0b1015;border:1px solid #2b3743;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:4px}.h10h-root .h10h-aircraft-switch .is-active{color:#fff;background:#2d3946;box-shadow:inset 0 0 0 1px #4f6174}.h10h-root .h10h-nd{display:block;width:calc(100% - 14px);margin:7px auto 0;height:auto;aspect-ratio:500/478;background:#000;border-radius:11px;font-family:Arial,Helvetica,sans-serif;user-select:none}.h10h-root .h10h-nd-compass-text{font-size:19px;fill:#fff;font-family:Arial,sans-serif;font-weight:500}.h10h-root .h10h-nd-legend{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:8px 12px 10px!important;margin:0!important;font-size:9px;font-weight:800;color:#b6c0cc}.h10h-root .h10h-nd-legend b{color:white;font-size:10px}.h10h-root .h10h-nd-legend-mark{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:4px}.h10h-root .h10h-white{background:white}.h10h-root .h10h-green{background:#3ae484}
.h10h-root .h10h-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 0 12px;color:#728091;font-size:9px;font-weight:800;letter-spacing:.11em;margin-top:2px}
@media (max-width:980px){.h10h-root .h10h-content{grid-template-columns:minmax(0,1fr) minmax(280px,.44fr)}.h10h-root .h10h-fields{grid-template-columns:1fr 1fr}.h10h-root .h10h-turn-field{grid-column:span 2}.h10h-root .h10h-training-head strong{font-size:15px}}
@media (max-width:740px){.h10h-root .h10h-content{grid-template-columns:minmax(0,1fr)}.h10h-root .h10h-shell{padding:0 10px}.h10h-root .h10h-header{flex-wrap:wrap}.h10h-root .h10h-mode{width:100%}.h10h-root .h10h-mode-btn{flex:1}.h10h-root .h10h-fields{grid-template-columns:1fr 1fr;padding:9px 10px 10px}.h10h-root .h10h-turn-field{grid-column:span 2}.h10h-root .h10h-map-overlay{top:7px;gap:4px}.h10h-root .h10h-map-overlay>span{font-size:8px;padding:4px 7px}.h10h-root .h10h-map-overlay b{font-size:9px}.h10h-root .h10h-map-footer{flex-wrap:wrap;padding:8px 10px 10px}.h10h-root .h10h-map-footer>div:first-child{flex:1 0 100%}.h10h-root .h10h-inline-field{justify-content:space-between}.h10h-root .h10h-answer-grid{grid-template-columns:1fr}.h10h-root .h10h-training-head{align-items:flex-start;flex-direction:column}.h10h-root .h10h-footer{flex-direction:column;align-items:flex-start;gap:5px}}
@media (max-width:430px){.h10h-root{font-size:11px}.h10h-root .h10h-shell{padding:0 8px}.h10h-root .h10h-brand-logo{width:34px;height:34px}.h10h-root .h10h-brand-copy strong{font-size:12px}.h10h-root .h10h-brand-copy small{font-size:7px}.h10h-root .h10h-panel-title{padding:8px 9px;min-height:38px}.h10h-root .h10h-title-tools{gap:4px}.h10h-root .h10h-hint{font-size:7px}.h10h-root .h10h-mini-btn,.h10h-root .h10h-collapse-btn{padding:4px 8px;font-size:8px}.h10h-root .h10h-fields input{font-size:14px!important;height:32px}.h10h-root .h10h-radial-live{font-size:15px}.h10h-root .h10h-course-info strong{font-size:16px}.h10h-root .h10h-solution-name{font-size:18px}.h10h-root .h10h-feedback-banner strong{font-size:14px}.h10h-root .h10h-position-popup{width:min(225px,92%);left:5%;top:22%}}
@media (prefers-reduced-motion:no-preference){.h10h-root button{transition:background-color .15s,border-color .15s,filter .15s,color .15s}}
.h10h-root h2,.h10h-root button,.h10h-root input,.h10h-root label,.h10h-root p{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}


/* v1.3 – compact cockpit: side-by-side map and ND on desktop and tablet */
.h10h-root .h10h-content{grid-template-columns:minmax(0,1.48fr) minmax(270px,.86fr);gap:10px;padding-top:9px}
.h10h-root .h10h-main{display:flex;flex-direction:column;gap:8px}
.h10h-root .h10h-side{display:flex;flex-direction:column;gap:8px}
.h10h-root .h10h-main .h10h-training-card{order:-1}
.h10h-root .h10h-panel-title{min-height:34px;padding:6px 10px}
.h10h-root .h10h-panel-title>strong{font-size:9px}
.h10h-root .h10h-config{flex:0 0 auto}
.h10h-root .h10h-panel-title-toggle{display:flex;width:100%;justify-content:flex-start;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:0;border-radius:0;cursor:pointer;min-height:32px}
.h10h-root .h10h-panel-title-toggle:focus-visible{outline:2px solid #79b8ee;outline-offset:-2px}
.h10h-root .h10h-title-tools{gap:2px}
.h10h-root .h10h-collapse-chevron{display:inline-block;color:#e4edf5;font-size:14px;line-height:12px;transform:rotate(0deg);transition:transform .15s}
.h10h-root .h10h-config:not(.is-collapsed) .h10h-collapse-chevron{transform:rotate(180deg)}
.h10h-root .h10h-config:not(.is-collapsed) .h10h-panel-title-toggle{border-bottom:1px solid #202a34}
.h10h-root .h10h-map-wrap{display:flex;flex-direction:column}
.h10h-root .h10h-map-overlay{position:relative;order:-1;top:auto;left:auto;right:auto;justify-content:center;padding:6px 8px 3px;gap:4px;min-height:26px;background:#070f16}
.h10h-root .h10h-map-overlay>span{font-size:8px;padding:3px 7px}
.h10h-root .h10h-map-overlay b{font-size:9px}
.h10h-root .h10h-map{order:0;height:clamp(285px,44vh,405px);aspect-ratio:auto;width:100%;min-width:0}
.h10h-root .h10h-map-footer{padding:6px 10px 8px;align-items:center;justify-content:flex-start}
.h10h-root .h10h-map-footer strong{margin-bottom:3px;font-size:8px}
.h10h-root .h10h-inline-field button{min-width:32px;padding:4px 6px;font-size:9px}
.h10h-root .h10h-radial-live{font-size:14px;min-width:52px}
.h10h-root .h10h-mini-btn{font-size:8px;padding:4px 8px;white-space:nowrap}
.h10h-root .h10h-map-panel{scroll-margin-top:8px}
.h10h-root .h10h-training-head{margin-bottom:7px}
.h10h-root .h10h-training-card{padding:10px}
.h10h-root .h10h-training-head strong{font-size:14px}
.h10h-root .h10h-score-hero{display:inline-flex;gap:6px;justify-content:center;align-items:center;flex-wrap:nowrap;line-height:1;padding:6px 9px;font-variant-numeric:tabular-nums}
.h10h-root .h10h-score-hero > span{font-size:9px;color:#ffb4bc;letter-spacing:.05em}
.h10h-root .h10h-score-hero b{display:inline-flex;align-items:center;white-space:nowrap;font-size:15px;line-height:1;font-weight:800;color:#fff;letter-spacing:0}
.h10h-root .h10h-score-hero b span{font:inherit;line-height:inherit;letter-spacing:0;color:inherit}
.h10h-root .h10h-score-hero em{font-size:10px;line-height:1}
.h10h-root .h10h-answer-grid button{font-size:9px;padding:7px 4px}
.h10h-root .h10h-feedback-banner{padding:8px 10px;margin-top:8px}
.h10h-root .h10h-feedback-banner strong{font-size:14px}
.h10h-root .h10h-feedback-banner p{font-size:11px}
.h10h-root .h10h-training-foot{margin-top:6px}
.h10h-root .h10h-aircraft-switch{margin:6px 8px 0}
.h10h-root .h10h-aircraft-switch button{font-size:9px;padding:6px 3px}
.h10h-root .h10h-nd{margin:5px auto 0;width:calc(100% - 10px)}
.h10h-root .h10h-nd .h10h-sector{opacity:.94;stroke:#718393;stroke-width:.6}
.h10h-root .h10h-nd .h10h-sector-direct{fill:#126b4c;fill-opacity:.56}
.h10h-root .h10h-nd .h10h-sector-teardrop{fill:#966d20;fill-opacity:.57}
.h10h-root .h10h-nd .h10h-sector-parallel{fill:#165784;fill-opacity:.60}
.h10h-root .h10h-nd .h10h-sector-caption{font-size:12px;letter-spacing:.5px;fill:#fff;font-weight:900;stroke:#060709;stroke-width:2.5px;paint-order:stroke}
.h10h-root .h10h-footer{padding:7px 0 9px;font-size:8px}
/* Tablet: retain map and ND side by side even at 740–980 px. */
@media (min-width:741px) and (max-width:980px){
  .h10h-root .h10h-content{grid-template-columns:minmax(0,1.36fr) minmax(265px,.94fr)}
  .h10h-root .h10h-fields{grid-template-columns:1fr 1fr;gap:7px;padding:8px}
  .h10h-root .h10h-turn-field{grid-column:span 2}
  .h10h-root .h10h-map{height:clamp(270px,43vh,380px)}
  .h10h-root .h10h-training-head{flex-direction:column;align-items:flex-start;gap:7px}
}
/* Mobile layout: MAP → question / answer → instrument. Setup is collapsed and stays hidden during training. */
@media (max-width:740px){
  .h10h-root .h10h-content{grid-template-columns:minmax(0,1fr);gap:9px}
  .h10h-root .h10h-main .h10h-map-panel{order:0}
  .h10h-root .h10h-main .h10h-training-card{order:1}
  .h10h-root .h10h-main .h10h-solution{order:2}
  .h10h-root .h10h-map{height:auto;aspect-ratio:760/520}
  .h10h-root .h10h-map-overlay{top:auto}
  .h10h-root .h10h-map-footer{flex-wrap:nowrap}
  .h10h-root .h10h-map-footer>div:first-child{flex:0 1 auto}
  .h10h-root .h10h-inline-field{justify-content:flex-start}
  .h10h-root .h10h-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .h10h-root .h10h-training-head{flex-direction:row;align-items:center}
  .h10h-root .h10h-training-head strong{font-size:13px}
  .h10h-root .h10h-score-hero{min-width:0;width:auto;padding:6px}
}
@media (max-width:420px){
  .h10h-root .h10h-training-head{gap:6px}
  .h10h-root .h10h-score-hero{gap:4px}
  .h10h-root .h10h-score-hero > span{font-size:8px}
  .h10h-root .h10h-score-hero b{font-size:13px}
  .h10h-root .h10h-score-hero em{font-size:9px}
  .h10h-root .h10h-map-overlay>span{padding:3px 5px;font-size:7px}
  .h10h-root .h10h-map-overlay b{font-size:8px}
  .h10h-root .h10h-position-popup{left:5%;top:18%}
  .h10h-root .h10h-answer-grid button{font-size:8px}
}


/* v1.4 - refinements requested for the trainer cockpit */
.h10h-root .h10h-creator{display:inline-block;font-weight:400;font-size:8px;letter-spacing:0;color:#778391;margin-left:5px;white-space:nowrap}
.h10h-root .h10h-title-tools{flex-direction:row;align-items:center;gap:4px}
.h10h-root .h10h-training-foot{display:flex;justify-content:center;align-items:center;margin-top:8px}
.h10h-root .h10h-training-foot .h10h-mini-btn{font-size:9px;padding:7px 15px}
.h10h-root .h10h-score-hero{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;min-width:134px;height:35px;min-height:35px;line-height:1!important;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.h10h-root .h10h-score-hero > span{display:inline-block;white-space:nowrap;line-height:1!important;letter-spacing:0!important;font-size:9px}
.h10h-root .h10h-score-hero > b{display:inline-block!important;font-family:Consolas,"Roboto Mono",ui-monospace,monospace!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;font-size:15px!important;font-weight:800!important;line-height:1!important;color:#fff;white-space:nowrap;min-width:31px;text-align:center}
.h10h-root .h10h-score-hero > em{display:inline-block;line-height:1!important;white-space:nowrap;font-style:normal}
.h10h-root .h10h-score-hero.is-high{background:linear-gradient(180deg,rgba(25,112,70,.50),rgba(13,63,42,.60));border-color:#2f9d6b}
.h10h-root .h10h-score-hero.is-high > span{color:#baf5d8}
.h10h-root .h10h-score-hero.is-high > em{color:#b2ffdb}
.h10h-root .h10h-map-panel.h10h-is-training .h10h-map-footer{display:none!important}
.h10h-root .h10h-map-footer{justify-content:center!important;text-align:center}
.h10h-root .h10h-map-footer>div:first-child{margin:0 auto;flex:0 1 auto!important;text-align:center}
.h10h-root .h10h-inline-field{justify-content:center}
.h10h-root .h10h-aircraft-caption{font-size:15px;font-weight:900}
.h10h-root .h10h-inbound-label,.h10h-root .h10h-outbound-label{font-size:15px;font-weight:900;paint-order:stroke;stroke:#071016;stroke-width:1.4px}
.h10h-root .h10h-map{height:clamp(395px,58vh,600px)}
@media (min-width:741px) and (max-width:980px){
  .h10h-root .h10h-map{height:clamp(385px,58vh,530px)}
}
/* At phone widths, flatten columns only for layout so setup is the first item. */
@media (max-width:740px){
  .h10h-root .h10h-content{display:flex;flex-direction:column;gap:9px}
  .h10h-root .h10h-main,.h10h-root .h10h-side{display:contents}
  .h10h-root .h10h-config{order:0;width:100%}
  .h10h-root .h10h-map-panel{order:1;width:100%}
  .h10h-root .h10h-training-card{order:2;width:100%}
  .h10h-root .h10h-solution{order:3;width:100%}
  .h10h-root .h10h-nd-card{order:4;width:100%}
  .h10h-root .h10h-map{height:auto;aspect-ratio:760/520}
  .h10h-root .h10h-map-footer{flex-wrap:nowrap}
  .h10h-root .h10h-map-footer>div:first-child{flex:0 1 auto!important}
  .h10h-root .h10h-training-head{flex-wrap:wrap}
  .h10h-root .h10h-score-hero{min-width:130px;width:auto;max-width:100%}
  .h10h-root .h10h-training-foot{justify-content:center}
}
@media (max-width:380px){
  .h10h-root .h10h-score-hero{gap:5px;min-width:112px;padding:5px}
  .h10h-root .h10h-score-hero > b{font-size:13px!important;min-width:26px}
  .h10h-root .h10h-score-hero > span,.h10h-root .h10h-score-hero > em{font-size:8px}
}
/* v1.4 mobile explicit ordering overrides earlier nested selectors. */
@media (max-width:740px){
  .h10h-root .h10h-side .h10h-config{order:-20}
  .h10h-root .h10h-main .h10h-map-panel{order:-10}
  .h10h-root .h10h-main .h10h-training-card{order:0}
  .h10h-root .h10h-main .h10h-solution{order:10}
  .h10h-root .h10h-side .h10h-nd-card{order:20}
}

/* Tablet map framing: fill height without oversized empty bands. */
@media (min-width:741px) and (max-width:980px){
  .h10h-root .h10h-map{height:clamp(390px,46vh,450px)}
}

/* v1.4.1 refinements */
.h10h-root .h10h-mode-btn.is-active{background:linear-gradient(180deg,#d72638,#b41f2e)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #e05a67}
.h10h-root .h10h-solution-btn{padding:6px 14px!important;font-size:10px!important;letter-spacing:.1em!important;background:linear-gradient(180deg,#d72638,#a81927)!important;border-color:#e15a67!important;box-shadow:0 6px 16px rgba(215,38,56,.18), inset 0 1px 0 rgba(255,255,255,.10)}
.h10h-root .h10h-score-hero{display:inline-flex;align-items:baseline;justify-content:center;gap:6px;min-width:112px;padding:8px 12px!important}
.h10h-root .h10h-score-hero b,.h10h-root .h10h-score-hero em,.h10h-root .h10h-score-hero span{line-height:1}
.h10h-root .h10h-score-hero.is-high{background:linear-gradient(180deg,rgba(25,112,70,.55),rgba(13,63,42,.60));border-color:#2f9d6b}
.h10h-root .h10h-score-hero.is-high > span{color:#baf5d8}
.h10h-root .h10h-score-hero.is-high > em{color:#b2ffdb}
.h10h-root .h10h-sector{stroke-width:.55;opacity:.74}
.h10h-root .h10h-sector-direct{fill:#157a56;fill-opacity:.30}
.h10h-root .h10h-sector-teardrop{fill:#9e7725;fill-opacity:.31}
.h10h-root .h10h-sector-parallel{fill:#185d8b;fill-opacity:.31}
.h10h-root .h10h-sector-caption{font-size:14px!important;font-weight:900!important;letter-spacing:.7px;paint-order:stroke;stroke:#071018;stroke-width:2.2px}
.h10h-root .h10h-sector-caption.is-direct{fill:#4ae29f!important}
.h10h-root .h10h-sector-caption.is-teardrop{fill:#e0b34b!important}
.h10h-root .h10h-sector-caption.is-parallel{fill:#5abbf1!important}
.h10h-root .h10h-nd .h10h-sector-caption{font-size:12px!important;stroke-width:2.6px}
.h10h-root .h10h-aircraft-caption,.h10h-root .h10h-inbound-label,.h10h-root .h10h-outbound-label{font-size:14px!important;font-weight:900!important}
.h10h-root .h10h-popup-fields-single{grid-template-columns:1fr!important}
.h10h-root .h10h-position-popup{width:min(210px,90%)!important}
.h10h-root .h10h-map-footer{justify-content:center!important;text-align:center}
.h10h-root .h10h-map-footer > div:first-child{margin:0 auto;text-align:center}
.h10h-root .h10h-training-foot{display:flex;justify-content:center;align-items:center}
.h10h-root .h10h-map{aspect-ratio:760/540}
@media (max-width:980px){.h10h-root .h10h-map{aspect-ratio:760/520}}
@media (max-width:740px){.h10h-root .h10h-map{aspect-ratio:760/500}}

/* v1.4.2 — popup radial input and tablet training viewport */
.h10h-root input[data-field="radial-popup"]{
  text-align:center!important;
  font-variant-numeric:tabular-nums;
  padding-inline:8px!important;
}
.h10h-root .h10h-nd.h10h-is-a320 .h10h-sector-caption{font-size:11px!important;}
@media (min-width:741px) and (max-width:1180px){
  /* Keep the entire exercise map visible below the answer panel on landscape tablets. */
  .h10h-root.h10h-training .h10h-map{
    height:clamp(235px,calc(100dvh - 405px),370px)!important;
  }
}

/* v1.4.3 refinements */
.h10h-root .h10h-solution-btn{padding:4px 10px!important;font-size:8px!important;letter-spacing:.08em!important}
.h10h-root .h10h-popup-fields input{text-align:center!important}
@media (min-width:741px) and (max-width:980px){
  .h10h-root.h10h-training .h10h-map{height:clamp(250px,32vh,315px)!important;aspect-ratio:auto!important}
}

.h10h-root .h10h-solution-btn{padding:3px 8px!important;font-size:8px!important}

/* v1.4.5 refinements */
.h10h-root .h10h-nd-legend{display:none!important}
@media (min-width:741px) and (max-width:980px){
  .h10h-root.h10h-training.h10h-awaiting-answer .h10h-map{height:clamp(320px,40vh,390px)!important;aspect-ratio:auto!important}
  .h10h-root.h10h-training:not(.h10h-awaiting-answer) .h10h-map{height:clamp(250px,32vh,315px)!important;aspect-ratio:auto!important}
}

/* v1.4.6 refinements */
.h10h-root .h10h-brand-logo{width:44px;height:44px;flex:0 0 44px;object-fit:cover;object-position:center center;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}


/* v1.4.9 refinements */
.h10h-root .h10h-config > .h10h-panel-title-toggle{background:linear-gradient(180deg,rgba(215,38,56,.42),rgba(120,18,29,.26));border-bottom:1px solid rgba(214,72,86,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.h10h-root .h10h-config > .h10h-panel-title-toggle:hover{filter:brightness(1.05)}
@media (min-width:741px) and (max-width:1180px){
  .h10h-root.h10h-training.h10h-awaiting-answer .h10h-map{height:clamp(345px,calc(100dvh - 320px),470px)!important;aspect-ratio:auto!important}
  .h10h-root.h10h-training:not(.h10h-awaiting-answer) .h10h-map{height:clamp(255px,calc(100dvh - 425px),335px)!important;aspect-ratio:auto!important}
}


/* v1.5.7 B737 WIP */
.h10h-root .h10h-nd-wip{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(116,136,160,.45);border-radius:16px;background:linear-gradient(180deg,rgba(7,10,14,.96),rgba(5,8,12,.98));margin:10px 0;color:#fff;text-align:center;padding:18px}
.h10h-root .h10h-nd-wip-title{font-size:24px;font-weight:800;letter-spacing:.08em}
.h10h-root .h10h-nd-wip-subtitle{margin-top:8px;font-size:14px;color:#89a5be}
@media (max-width:740px){.h10h-root .h10h-nd-wip{min-height:280px}}

/* v1.5.8 — B737 placeholder and trajectory direction markers */
.h10h-root .h10h-nd-wip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:clamp(240px,35vw,465px);margin:10px;background:linear-gradient(160deg,#0d1219,#06080a);border:1px dashed #3c4b5a;border-radius:12px;text-align:center;padding:16px}
.h10h-root .h10h-nd-wip[hidden]{display:none!important}
.h10h-root .h10h-nd-wip strong{color:#f9fafc;font-weight:800;font-size:17px;letter-spacing:.12em}
.h10h-root .h10h-nd-wip span{color:#93aabd;font-weight:750;font-size:11px;letter-spacing:.07em}
.h10h-root .h10h-entry-direction-arrows{pointer-events:none}


/* v1.5.9 helper note */
.h10h-root .h10h-panel-subnote{padding:6px 14px 0 14px;font-size:11px;color:#94a4b7;letter-spacing:.01em}
@media (max-width:740px){.h10h-root .h10h-panel-subnote{font-size:10px;padding:6px 12px 0 12px}}
.h10h-root input[data-field="inbound"]{text-align:center}


/* v1.6.0 tutorial */
.h10h-root .h10h-panel-subnote{text-align:center}
.h10h-root .h10h-nd-toolbar{display:flex;justify-content:flex-end;padding:10px 12px 0}
.h10h-root .h10h-tutorial-panel{--tutAccent:#ff78d6;--tutAccentSoft:rgba(255,120,214,.12);margin:12px 12px 0;padding:14px 14px 12px;border:1px solid color-mix(in srgb,var(--tutAccent) 45%, #5e7e9e 55%);border-left:4px solid var(--tutAccent);border-radius:12px;background:linear-gradient(180deg,var(--tutAccentSoft),rgba(8,14,22,.98) 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.h10h-root .h10h-tutorial-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.h10h-root .h10h-tutorial-head strong{font-size:12px;letter-spacing:.05em;color:#fff}.h10h-root .h10h-tutorial-head span{font-size:11px;color:var(--tutAccent);font-weight:900;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.h10h-root .h10h-tutorial-panel p{margin:0;color:#eef5ff;font-size:14px;line-height:1.5}.h10h-root .h10h-tutorial-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.h10h-root .h10h-tutorial-actions button{border:1px solid #334455;background:#101824;color:#eef5ff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.05em}.h10h-root .h10h-tutorial-actions button:hover{filter:brightness(1.08)}
@media (max-width:740px){.h10h-root .h10h-nd-toolbar{padding:8px 10px 0}.h10h-root .h10h-tutorial-panel{margin:8px 10px 0}.h10h-root .h10h-tutorial-head{align-items:flex-start;flex-direction:column}.h10h-root .h10h-tutorial-actions{justify-content:stretch}.h10h-root .h10h-tutorial-actions button{flex:1 1 100%}}

/* v1.6.1 tutorial refinements */
.h10h-root .h10h-nd-toolbar{justify-content:center}
.h10h-root .h10h-nd-toolbar .h10h-mini-btn{min-width:132px}
.h10h-root .h10h-tutorial-draw{stroke-dasharray:440;stroke-dashoffset:440;animation:h10hDrawLine .9s ease forwards}
@keyframes h10hDrawLine{to{stroke-dashoffset:0}}
@media (max-width:740px){
  .h10h-root .h10h-mini-btn{padding:6px 10px!important;font-size:9px!important}
  .h10h-root .h10h-aircraft-switch button,
  .h10h-root .h10h-switch button,
  .h10h-root .h10h-answer-grid button,
  .h10h-root [data-action="mode"]{padding:8px 10px!important;font-size:10px!important}
  .h10h-root .h10h-tutorial-actions button{padding:6px 8px!important;font-size:9px!important}
  .h10h-root .h10h-nd-toolbar .h10h-mini-btn{min-width:118px}
}


/* v1.6.2 tutorial animation refinement */
.h10h-root .h10h-tutorial-arc{stroke-dasharray:340;stroke-dashoffset:340;animation:h10hDrawArc 1.7s ease forwards}
.h10h-root .h10h-tutorial-line{stroke-dasharray:380;stroke-dashoffset:380;animation:h10hDrawLineSlow 1.6s ease forwards}
.h10h-root .h10h-tutorial-line-delayed{animation-delay:1.55s}
@keyframes h10hDrawArc{to{stroke-dashoffset:0}}
@keyframes h10hDrawLineSlow{to{stroke-dashoffset:0}}


/* v1.6.3 – position popup: radial and editable magnetic heading */
.h10h-root .h10h-position-popup{width:min(260px,94%)!important;box-sizing:border-box}
.h10h-root .h10h-popup-fields-position{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.h10h-root .h10h-popup-fields-position input{min-width:0;width:100%;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}
.h10h-root .h10h-popup-fields-position input[aria-invalid="true"]{border-color:#f26d7c;outline:1px solid #f26d7c}
@media(max-width:430px){.h10h-root .h10h-position-popup{width:min(245px,94%)!important}}

/* v1.6.4: paso 1, cabeza magenta del inbound */
.h10h-root .h10h-tutorial-head-focus{filter:drop-shadow(0 0 5px rgba(116,217,255,.65))}
.h10h-root .h10h-tutorial-head-halo{animation:h10h-tutorial-head-pulse 2.2s ease-in-out infinite}
@keyframes h10h-tutorial-head-pulse{0%,100%{opacity:.5;stroke-width:2.4px}50%{opacity:1;stroke-width:4px}}
@media (prefers-reduced-motion:reduce){.h10h-root .h10h-tutorial-head-halo{animation:none}}


/* v1.6.5 tutorial layout refinement */
.h10h-root .h10h-tutorial-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 18px 4px}
.h10h-root .h10h-tutorial-nav button{border-radius:10px;padding:9px 16px;font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid #334455;background:#101824;color:#eef5ff;min-width:132px;margin:0 2px}
.h10h-root .h10h-tutorial-nav .h10h-tutorial-next{background:linear-gradient(180deg,#ef3a4d,#c71c33);border-color:#f15a67;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}
.h10h-root .h10h-tutorial-step1 .h10h-tutorial-course-focus{filter:drop-shadow(0 0 8px rgba(116,217,255,.45))}
.h10h-root .h10h-tutorial-step1 .h10h-tutorial-course-halo{animation:h10h-tutorial-head-pulse 2.2s ease-in-out infinite}
.h10h-root .h10h-tutorial-message-box{filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
@media (max-width:740px){.h10h-root .h10h-tutorial-nav{padding:10px 14px 2px}.h10h-root .h10h-tutorial-nav button{min-width:118px;padding:8px 12px;font-size:9px}.h10h-root .h10h-tutorial-panel{margin:10px 10px 0;padding:12px}.h10h-root .h10h-tutorial-panel p{font-size:13px}}



/* 1.6.6: actual HTML hidden state must win over flex/button layouts. */
.h10h-root .h10h-tutorial-nav[hidden],
.h10h-root .h10h-tutorial-nav button[hidden] {display:none!important}
.h10h-root .h10h-nd-toolbar button[aria-pressed="true"]{border-color:#d63649;background:rgba(156,25,42,.23)}


/* v1.6.18 · Progress is driven by one JavaScript animation clock. */
.h10h-root .h10h-tutorial-arc-step2-live {
  stroke-dasharray:3.8 8.5;
  stroke-linecap:round;
  fill:none;
}
.h10h-root .h10h-tutorial-step2-mark,
.h10h-root .h10h-tutorial-step2-badge,
.h10h-root .h10h-tutorial-step2-target,
.h10h-root .h10h-tutorial-ray-step2 {
  animation:none!important;
  transition:none!important;
}
.h10h-root .h10h-tutorial-arc-arrow-live{pointer-events:none}

.h10h-root .h10h-tutorial-panel[data-step="1"]{--tutAccent:#ff78d6;--tutAccentSoft:rgba(255,120,214,.11)}
.h10h-root .h10h-tutorial-panel[data-step="2"]{--tutAccent:#74d9ff;--tutAccentSoft:rgba(116,217,255,.12)}
.h10h-root .h10h-tutorial-panel[data-step="3"]{--tutAccent:#39d98c;--tutAccentSoft:rgba(57,217,140,.12)}
.h10h-root .h10h-tutorial-panel[data-step="4"]{--tutAccent:#ffb14a;--tutAccentSoft:rgba(255,177,74,.12)}

.h10h-root .h10h-tutorial-arc-arrow-step{pointer-events:none;opacity:0}



.h10h-root .h10h-tutorial-step3-extend{stroke-dasharray:190;stroke-dashoffset:190;animation:h10hDrawStep3 2.2s ease forwards;animation-delay:2s}
.h10h-root .h10h-tutorial-step3-sectors{opacity:0;animation:h10hFadeStep3 .65s ease forwards;animation-delay:4.2s}
@keyframes h10hDrawStep3{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}
@keyframes h10hFadeStep3{from{opacity:0}to{opacity:1}}

/* v1.6.20 · Main actions: slim outlined controls, distinct active states */
.h10h-root .h10h-solution-btn.h10h-mini-btn,
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn.h10h-mini-btn {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:30px;
  box-sizing:border-box;
  padding:7px 11px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 2px 7px rgba(0,0,0,.16)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.h10h-root .h10h-solution-btn.h10h-mini-btn {
  background:linear-gradient(180deg,#1c2a37,#111b25)!important;
  border:1px solid #536b7e!important;
  border-left:3px solid #e05b6e!important;
  color:#e5eef6!important;
}
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn.h10h-mini-btn {
  min-width:0;
  background:linear-gradient(180deg,#1c2a37,#111b25)!important;
  border:1px solid #536b7e!important;
  border-left:3px solid #e05b6e!important;
  color:#e5eef6!important;
}
.h10h-root .h10h-action-icon{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:#f37d8d;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.h10h-root .h10h-tutorial-main-btn .h10h-action-icon{stroke:#79c1de}
.h10h-root .h10h-solution-btn.h10h-mini-btn:hover,
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn.h10h-mini-btn:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#263b4a,#162532)!important;
  border-color:#7c9bb2!important;
  border-left-color:#fb7084!important;
  box-shadow:0 0 0 2px rgba(215,65,82,.12)!important;
}
.h10h-root .h10h-solution-btn[aria-pressed="true"].h10h-mini-btn,
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn[aria-pressed="true"].h10h-mini-btn {
  background:linear-gradient(180deg,#2c2d3c,#201c2b)!important;
  color:#fff!important;
  border-color:#d67b8a!important;
  border-left-color:#fb7084!important;
  box-shadow:0 0 0 2px rgba(215,74,91,.13)!important;
}
.h10h-root .h10h-tutorial-main-btn[aria-pressed="true"] .h10h-action-icon{stroke:#ff8191}
.h10h-root .h10h-solution-btn[hidden],
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn[hidden]{display:none!important}
.h10h-root .h10h-solution-btn:focus-visible,
.h10h-root .h10h-tutorial-main-btn:focus-visible,
.h10h-root .h10h-tutorial-nav button:focus-visible{outline:2px solid #f67b8a;outline-offset:2px}

/* The lesson navigation is deliberately less prominent than the main actions. */
.h10h-root .h10h-tutorial-nav{gap:8px;padding:12px 20px 6px}
.h10h-root .h10h-tutorial-nav button{
  min-width:98px!important;
  min-height:28px;
  padding:6px 11px!important;
  margin:0!important;
  font-size:9px!important;
  border-radius:7px;
  letter-spacing:.035em;
}
.h10h-root .h10h-tutorial-nav .h10h-tutorial-map{background:linear-gradient(180deg,#1c2430,#111923);border-color:#58728d;color:#f4f8ff}
@media (max-width:740px){
  .h10h-root .h10h-solution-btn.h10h-mini-btn,
  .h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn.h10h-mini-btn{
    padding:6px 8px!important;
    font-size:8px!important;
    gap:5px;
    min-height:27px;
  }
  .h10h-root .h10h-action-icon{width:13px;height:13px}
  .h10h-root .h10h-tutorial-nav{gap:7px;padding:10px 16px 6px}
  .h10h-root .h10h-tutorial-nav button{min-width:86px!important;padding:6px 9px!important;font-size:8px!important;min-height:27px}
}
@media (prefers-reduced-motion:reduce){
  .h10h-root .h10h-solution-btn.h10h-mini-btn,
  .h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn.h10h-mini-btn{transition:none}
}


/* v1.6.22 · Sector fills are below every ND instrument during steps 3–4.
   Step 3 draws the opposite half of the 180° boundary after a 2 s pause. */
.h10h-root .h10h-tutorial-step3-sectors{opacity:0;animation:h10hTutorialSectorsIn .72s ease-out 5.35s both}
.h10h-root .h10h-tutorial-step3-overlay{opacity:1;animation:h10hTutorialStep3OverlayOut .55s ease 5.35s forwards}
.h10h-root .h10h-tutorial-step3-base{opacity:1}
.h10h-root .h10h-tutorial-step3-extend-live{opacity:1}
.h10h-root .h10h-tutorial-step3-arrow-live{pointer-events:none}
@keyframes h10hTutorialDraw180{to{stroke-dashoffset:0}}
@keyframes h10hTutorialSectorsIn{from{opacity:0}to{opacity:1}}
@keyframes h10hTutorialStep3OverlayOut{to{opacity:0}}
/* The VOR indicator enters after 2s, followed by a tail-only halo. */
.h10h-root .h10h-tutorial-vor-appear{animation:h10hTutorialVorIn .65s ease-out 2s both}
.h10h-root .h10h-tutorial-vor-tail-focus{opacity:0;animation:h10hTutorialTailIn .5s ease-out 2.7s forwards}
.h10h-root .h10h-tutorial-vor-tail-ring{transform-box:fill-box;transform-origin:center;animation:h10hTutorialTailPulse 1.65s ease-in-out 3.15s infinite}
@keyframes h10hTutorialVorIn{from{opacity:0}to{opacity:.97}}
@keyframes h10hTutorialTailIn{to{opacity:1}}
@keyframes h10hTutorialTailPulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){
  .h10h-root .h10h-tutorial-step3-sectors{animation:h10hTutorialSectorsIn .01s linear 5.35s both}
  .h10h-root .h10h-tutorial-step3-overlay{animation:h10hTutorialStep3OverlayOut .01s linear 5.35s forwards}
  .h10h-root .h10h-tutorial-vor-appear{animation:h10hTutorialVorIn .01s linear 2s both}
  .h10h-root .h10h-tutorial-vor-tail-focus{animation:h10hTutorialTailIn .01s linear 2.7s forwards}
  .h10h-root .h10h-tutorial-vor-tail-ring{animation:none}
}


/* v1.6.30 · Holding Setup moved to floating map button + popup */
.h10h-root .h10h-map-fab-wrap{position:absolute;top:18px;right:16px;z-index:4;display:flex;justify-content:flex-end;pointer-events:none}
.h10h-root .h10h-map-fab-wrap .h10h-map-fab{pointer-events:auto;min-width:140px;padding:8px 14px!important;border-radius:11px!important;background:linear-gradient(180deg,#d92e40,#8e1624)!important;border:1px solid #ef6a77!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09)!important}
.h10h-root .h10h-map-fab-wrap .h10h-map-fab:hover{filter:brightness(1.06)}
.h10h-root .h10h-map-fab-wrap .h10h-map-fab[aria-expanded="true"]{background:linear-gradient(180deg,#f04a5d,#a51d2d)!important;box-shadow:0 0 0 2px rgba(240,74,93,.18),0 10px 22px rgba(0,0,0,.28)!important}
.h10h-root .h10h-setup-popup{position:absolute;top:58px;right:16px;z-index:6;width:min(460px,calc(100% - 32px));background:linear-gradient(180deg,#121b25,#0b1219 72%);border:1px solid #4a5b6d;border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);padding:12px 12px 14px}
.h10h-root .h10h-setup-popup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px;margin-bottom:10px;border-bottom:1px solid rgba(120,144,164,.22)}
.h10h-root .h10h-setup-popup-head strong{font-size:11px;letter-spacing:.12em;color:#fff;font-weight:900}
.h10h-root .h10h-setup-popup-close{width:30px;height:30px;border-radius:999px;border:1px solid #425264;background:#121b25;color:#e6eef7;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}
.h10h-root .h10h-setup-popup-close:hover{filter:brightness(1.08)}
.h10h-root .h10h-setup-popup .h10h-fields{padding:0;grid-template-columns:.78fr .86fr 1fr}
@media (max-width:980px){.h10h-root .h10h-map-fab-wrap{top:16px;right:12px}.h10h-root .h10h-setup-popup{top:54px;right:12px;width:min(440px,calc(100% - 24px))}}
@media (max-width:740px){.h10h-root .h10h-map-fab-wrap{top:12px;right:10px}.h10h-root .h10h-map-fab-wrap .h10h-map-fab{min-width:126px;padding:7px 11px!important;font-size:8px!important}.h10h-root .h10h-setup-popup{top:48px;right:10px;width:min(340px,calc(100% - 20px));padding:11px}.h10h-root .h10h-setup-popup .h10h-fields{grid-template-columns:1fr;gap:10px}.h10h-root .h10h-setup-popup-head{padding-bottom:8px;margin-bottom:8px}}


/* v1.6.31 · Balanced, in-flow controls above the map: no floating overlap on tablet/phone. */
.h10h-root .h10h-map-commandbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-width:0; padding:11px 16px 9px;
  position:relative; z-index:3;
  background:linear-gradient(180deg,rgba(10,19,26,.94),rgba(10,17,24,.78));
  border-bottom:1px solid rgba(68,87,103,.25);
}
.h10h-root .h10h-map-command-copy{
  display:flex; flex:1 1 auto; min-width:0; flex-direction:column;
  align-items:flex-start; gap:7px; text-align:left;
}
.h10h-root .h10h-map-command-copy .h10h-panel-subnote{
  display:block; margin:0!important; padding:0!important; width:100%;
  font-size:10px; line-height:1.45; text-align:left!important;
  color:#abbccc; font-weight:500;
}
.h10h-root .h10h-map-command-copy .h10h-map-overlay{
  position:static!important; inset:auto!important; width:auto;
  display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start!important;
  gap:5px; margin:0!important; padding:0!important; pointer-events:none;
  transform:none!important;
}
.h10h-root .h10h-map-command-copy .h10h-map-overlay>span{
  padding:3px 7px; font-size:9px; line-height:1.2;
  border-radius:6px; background:rgba(17,25,34,.8); border:1px solid #344353;
}
.h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:9px;margin-left:3px}
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{
  position:static!important; inset:auto!important; z-index:auto;
  margin:0; display:flex; flex:0 0 auto; align-self:center;
  justify-content:flex-end; pointer-events:auto;
}
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:36px; min-width:145px; max-width:160px;
  padding:8px 12px!important; box-sizing:border-box;
  color:#e5eef6!important;
  background:linear-gradient(180deg,#1c2a37,#111b25)!important;
  border:1px solid #536b7e!important;
  border-left:3px solid #e05b6e!important;
  border-radius:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 9px rgba(0,0,0,.16)!important;
  font-weight:850; font-size:9px!important; letter-spacing:.045em!important;
  line-height:1.2!important; white-space:nowrap;
}
.h10h-root .h10h-map-commandbar .h10h-map-fab:hover{
  color:#fff!important; background:linear-gradient(180deg,#263b4a,#162532)!important;
  border-color:#7c9bb2!important; filter:none!important;
}
.h10h-root .h10h-map-commandbar .h10h-map-fab[aria-expanded="true"]{
  color:#fff!important; background:linear-gradient(180deg,#2c2d3c,#201c2b)!important;
  border-color:#d67b8a!important; border-left-color:#fb7084!important;
  box-shadow:0 0 0 2px rgba(215,74,91,.13)!important;
}
.h10h-root .h10h-map-fab-icon{
  display:block; flex:none; width:15px; height:15px; color:#ff8b9b;
}
.h10h-root .h10h-setup-popup{top:68px;right:14px}
@media (min-width:741px) and (max-width:1180px){
  .h10h-root .h10h-map-commandbar{padding:10px 12px 9px;gap:8px}
  .h10h-root .h10h-map-command-copy .h10h-panel-subnote{font-size:9px}
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
    min-width:124px;max-width:137px;padding:7px 9px!important;font-size:8px!important;gap:6px
  }
  .h10h-root .h10h-map-fab-icon{width:14px;height:14px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay>span{font-size:8px;padding:3px 5px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:8px}
}
@media (max-width:740px){
  .h10h-root .h10h-map-commandbar{padding:10px 10px 9px;gap:8px;align-items:center}
  .h10h-root .h10h-map-command-copy{gap:7px}
  .h10h-root .h10h-map-command-copy .h10h-panel-subnote{font-size:9px;line-height:1.4}
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
    min-width:112px;max-width:122px; min-height:33px;
    padding:7px 7px!important; font-size:8px!important; gap:5px;
  }
  .h10h-root .h10h-map-fab-icon{width:13px;height:13px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay{gap:4px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay>span{font-size:8px;padding:3px 5px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:8px}
  .h10h-root .h10h-setup-popup{top:90px;right:10px}
}
@media (max-width:375px){
  .h10h-root .h10h-map-commandbar{padding:9px 8px;gap:6px}
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{min-width:100px;max-width:110px;padding:6px!important;font-size:7.5px!important}
  .h10h-root .h10h-map-command-copy .h10h-panel-subnote{font-size:8.5px}
}
/* The legacy metadata strip used flex order -1; restore the intended order here. */
.h10h-root .h10h-map-command-copy .h10h-panel-subnote{order:0}
.h10h-root .h10h-map-command-copy .h10h-map-overlay{order:1;background:transparent!important;min-height:0}

/* v1.6.32 · Initial Boeing 737 ND implementation */


/* v1.6.57 · Header numbers removed and solution button moved under Holding Setup on the map */
.h10h-root .h10h-map-panel > .h10h-panel-title{justify-content:flex-start}
.h10h-root .h10h-map-panel > .h10h-panel-title > strong{margin-right:auto}
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-solution-btn{
  min-height:32px;
  min-width:132px;
  max-width:148px;
  padding:6px 10px!important;
  font-size:8.5px!important;
  letter-spacing:.045em!important;
  align-self:flex-end;
}
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-solution-btn .h10h-action-icon{
  width:13px;
  height:13px;
}
@media (min-width:741px) and (max-width:1180px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{gap:7px}
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-solution-btn{
    min-width:118px;max-width:130px;padding:6px 9px!important;font-size:7.8px!important;
  }
}
@media (max-width:740px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{gap:7px}
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-solution-btn{
    min-width:106px;max-width:118px;min-height:30px;padding:6px 7px!important;font-size:7.6px!important;
  }
}
@media (max-width:375px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-solution-btn{
    min-width:98px;max-width:108px;padding:5px 6px!important;font-size:7.2px!important;
  }
}


/* v1.6.58 · move "Mostrar solución" inside map and thicken magenta CDI */
.h10h-root .h10h-map-solution-wrap{
  position:absolute;
  top:86px;
  right:16px;
  z-index:5;
  display:flex;
  justify-content:flex-end;
  pointer-events:none;
}
.h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn{
  pointer-events:auto;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:32px;
  min-width:138px;
  max-width:154px;
  padding:6px 10px!important;
  box-sizing:border-box;
  color:#e5eef6!important;
  background:linear-gradient(180deg,#1c2a37,#111b25)!important;
  border:1px solid #536b7e!important;
  border-left:3px solid #e05b6e!important;
  border-radius:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 9px rgba(0,0,0,.16)!important;
  font-weight:850; font-size:8.6px!important; letter-spacing:.042em!important; line-height:1.15!important;
  white-space:nowrap;
}
.h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn:hover{
  color:#fff!important; background:linear-gradient(180deg,#263b4a,#162532)!important; border-color:#7c9bb2!important;
}
.h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn .h10h-action-icon{width:13px;height:13px;flex:none}
.h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn span{display:block;overflow:visible;text-overflow:clip;white-space:nowrap}
@media (min-width:741px) and (max-width:1180px){
  .h10h-root .h10h-map-solution-wrap{top:82px;right:12px}
  .h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn{min-width:132px;max-width:144px;padding:6px 9px!important;font-size:8px!important;gap:6px}
}
@media (max-width:740px){
  .h10h-root .h10h-map-solution-wrap{top:78px;right:10px}
  .h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn{min-width:128px;max-width:138px;min-height:31px;padding:6px 8px!important;font-size:7.7px!important;gap:5px}
  .h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn .h10h-action-icon{width:12px;height:12px}
}
@media (max-width:375px){
  .h10h-root .h10h-map-solution-wrap{top:74px;right:8px}
  .h10h-root .h10h-map-solution-wrap .h10h-map-solution-btn{min-width:122px;max-width:132px;padding:5px 7px!important;font-size:7.3px!important}
}


.h10h-root .h10h-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* v1.6.67 — Preparación de radioayudas VOR/NDB para el modo Training */
.h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{
  flex-direction:row;
  align-items:center;
  flex-wrap:nowrap;
  gap:9px;
}
.h10h-root .h10h-navaid-chip{
  position:relative;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:31px;
  padding:4px 7px;
  border:1px solid #527384;
  border-radius:7px;
  background:rgba(13,31,40,.92);
  color:#aee6ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.2;
  box-sizing:border-box;
}
.h10h-root .h10h-navaid-chip-icon{
  display:block;
  width:16px;
  height:16px;
  object-fit:contain;
}
.h10h-root[data-navaid="ndb"] .h10h-navaid-chip{
  border-color:#7187a4;
  background:rgba(25,30,44,.95);
  color:#e1e9ff;
}
.h10h-root .h10h-navaid-control{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  padding:2px 2px 12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(120,144,164,.22);
}
.h10h-root .h10h-navaid-control .h10h-field-label{
  font-weight:850;
  font-size:9px;
  letter-spacing:.10em;
  color:#afbdcb;
}
.h10h-root .h10h-navaid-switch{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
  align-items:center;
  gap:3px;
  padding:3px;
  min-height:37px;
  border:1px solid #354454;
  border-radius:9px;
  background:#090e14;
}
.h10h-root .h10h-navaid-switch button{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  min-height:30px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#92a4b6;
  font-weight:900;
  font-size:11px;
  letter-spacing:.09em;
  padding:5px 9px;
  cursor:pointer;
}
.h10h-root .h10h-navaid-option-icon{
  display:block;
  width:14px;
  height:14px;
  object-fit:contain;
  flex:none;
}
.h10h-root .h10h-navaid-switch button.is-active{
  background:linear-gradient(180deg,#2e3747,#1c2b3a);
  border-color:#667c92;
  color:#f0f8ff;
  box-shadow:inset 3px 0 0 #eb6174;
}
.h10h-root .h10h-navaid-switch button:hover:not(.is-active){color:#fff;background:#192634}
.h10h-root .h10h-navaid-switch svg{
  width:17px;
  height:17px;
  margin:auto;
  color:#ff8295;
}
.h10h-root .h10h-setup-popup{
  overflow-y:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
  max-height:min(78vh, calc(100% - 85px));
}
.h10h-root .h10h-nd-ndb-pending{
  display:block;
  margin:0 auto;
  max-width:90%;
  font-size:9px;
  font-weight:850;
  letter-spacing:.045em;
  color:#bbd3e5;
  text-align:center;
  white-space:normal;
  padding:5px 9px;
  border:1px solid #456070;
  border-radius:7px;
  background:#172431;
}
.h10h-root .h10h-nd-ndb-pending[hidden]{display:none!important}
.h10h-root .h10h-navaid-chip[hidden]{display:none!important}
/* The selected VOR/NDB icon also identifies the radio aid for each Challenge. */
.h10h-root.h10h-training .h10h-navaid-chip{display:inline-flex!important}
@media (min-width:741px) and (max-width:1180px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{gap:6px}
  .h10h-root .h10h-navaid-chip{min-width:35px;padding:5px 6px;font-size:9px}
}
@media (max-width:740px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{gap:5px;flex:0 0 auto}
  .h10h-root .h10h-navaid-chip{min-width:30px;padding:5px 4px;font-size:8px}
  .h10h-root .h10h-setup-popup{max-height:min(70vh, calc(100% - 105px))}
}
@media (max-width:375px){
  .h10h-root .h10h-map-commandbar .h10h-map-fab-wrap{gap:4px}
  .h10h-root .h10h-navaid-chip{min-width:28px;padding:4px 3px;font-size:7.5px}
}

/* v1.6.68 — concise Training header, clearly labelled controls, mobile dialogs */
.h10h-root .h10h-map-command-copy{justify-content:center;gap:0}
.h10h-root .h10h-map-command-copy .h10h-map-overlay{
  justify-content:center!important;
  align-items:center;
  align-content:center;
  width:100%;
}
.h10h-root .h10h-map-command-copy .h10h-map-overlay>span{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10px!important;text-align:center;
  padding:4px 8px;
}
.h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:11px!important}
.h10h-root .h10h-setup-popup .h10h-fix-field{text-align:center!important}
.h10h-root .h10h-setup-popup .h10h-fix-field>span{display:block;text-align:center!important}
.h10h-root .h10h-setup-popup .h10h-fix-field input{text-align:center!important}
.h10h-root .h10h-setup-popup .h10h-turn-field>.h10h-field-label{text-align:center}
.h10h-root .h10h-setup-popup .h10h-switch{min-height:47px}
.h10h-root .h10h-setup-popup .h10h-switch button{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:2px;min-height:39px;line-height:1.12!important;font-size:10px!important;
}
.h10h-root .h10h-setup-popup .h10h-switch button span{font-weight:900}
.h10h-root .h10h-setup-popup .h10h-switch button small{
  color:#9eacb8;font-size:8px!important;letter-spacing:.035em;
  font-weight:750;text-transform:uppercase;line-height:1.15;
}
.h10h-root .h10h-setup-popup .h10h-switch button.is-active small{color:#ffb2bc}
/* QDR/RADIAL and HDG when the aircraft is repositioned */
.h10h-root .h10h-position-popup .h10h-popup-fields-position label{
  display:block;text-align:center!important;
  font-size:11px!important;font-weight:850;letter-spacing:.075em;
}
.h10h-root .h10h-position-popup .h10h-popup-fields-position input{
  font-size:18px!important;font-weight:900!important;min-height:39px;
  text-align:center!important;
}
.h10h-root .h10h-position-popup{width:min(275px,94%)!important}
.h10h-root .h10h-map-footer>div:first-child{text-align:center}
.h10h-root .h10h-map-footer .h10h-inline-field{justify-content:center}
.h10h-root .h10h-radial-live{font-size:18px}
/* The setup dialog's mobile backdrop is separate from the map, preventing clipping. */
.h10h-root .h10h-setup-backdrop{display:none}
@media (max-width:740px){
  .h10h-root .h10h-map-command-copy .h10h-map-overlay>span{
    padding:4px 6px;font-size:9px!important;
  }
  .h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:10px!important}
  .h10h-root .h10h-map-commandbar{align-items:center}
  .h10h-root .h10h-setup-popup{
    position:fixed!important;
    top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    z-index:1002!important;
    box-sizing:border-box;
    width:min(390px,calc(100vw - 24px))!important;
    max-height:calc(100vh - 30px)!important;
    max-height:calc(100dvh - 30px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:15px!important;
    border-radius:14px;
    box-shadow:0 24px 70px rgba(0,0,0,.72)!important;
  }
  .h10h-root .h10h-setup-popup .h10h-fields{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;padding:4px 0 8px!important;align-items:end;
  }
  .h10h-root .h10h-setup-popup .h10h-fields>label{min-width:0}
  .h10h-root .h10h-setup-popup .h10h-turn-field{grid-column:1/-1!important}
  .h10h-root .h10h-setup-popup .h10h-switch{min-height:53px}
  .h10h-root .h10h-setup-popup .h10h-switch button{min-height:43px}
  .h10h-root .h10h-setup-backdrop{
    position:fixed;inset:0;display:block;
    background:rgba(2,6,12,.78);z-index:1001;
    backdrop-filter:blur(3px);
  }
}
@media (max-width:375px){
  .h10h-root .h10h-setup-popup{width:calc(100vw - 16px)!important;padding:12px!important}
  .h10h-root .h10h-setup-popup .h10h-fields{gap:8px!important}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay>span{font-size:8.5px!important;padding:3px 5px}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay b{font-size:9px!important}
}
/* First-visit Training guide (introductory, not a navigation popup) */
.h10h-root .h10h-intro-overlay{
  position:fixed;inset:0;z-index:2000;display:flex;
  align-items:center;justify-content:center;
  background:rgba(2,7,13,.82);backdrop-filter:blur(5px);
  padding:16px;
}
.h10h-root .h10h-intro-dialog{
  position:relative;width:min(448px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;
  padding:27px 25px 23px;border-radius:17px;
  background:radial-gradient(ellipse at 0 0,rgba(218,58,77,.17),transparent 54%),linear-gradient(160deg,#192633,#0d151e 72%);
  border:1px solid #597086;
  box-shadow:0 27px 80px rgba(0,0,0,.63),inset 0 1px rgba(255,255,255,.07);
  color:#eaf4ff;
}
.h10h-root .h10h-intro-close{
  position:absolute;top:10px;right:11px;width:31px;height:31px;
  border-radius:50%;border:1px solid #536778;color:#cbd9e6;
  background:#14202b;font-size:22px!important;line-height:1!important;
  display:flex;align-items:center;justify-content:center;
}
.h10h-root .h10h-intro-kicker{display:flex;align-items:center;gap:8px;color:#ff95a2;font-size:10px;font-weight:900;letter-spacing:.10em;padding-right:26px}
.h10h-root .h10h-intro-star{display:inline-flex;align-items:center;justify-content:center;background:#a32031;color:#fff;border:1px solid #d54f61;border-radius:50%;width:24px;height:24px;font-size:18px;flex:none}
.h10h-root .h10h-intro-dialog h3{font-size:21px!important;font-weight:850!important;color:#fff;margin:13px 0 12px!important;line-height:1.18!important;letter-spacing:-.025em!important}
.h10h-root .h10h-intro-dialog p{font-size:13px!important;line-height:1.6!important;color:#bfcfdf!important;margin:0 0 15px!important}
.h10h-root .h10h-intro-dialog p strong{color:#fff}
.h10h-root .h10h-intro-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 13px}
.h10h-root .h10h-intro-fields>span{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #405668;border-radius:10px;background:#0c151e;text-align:center}
.h10h-root .h10h-intro-fields b{font-size:12px;color:#8fd6ff;letter-spacing:.04em}
.h10h-root .h10h-intro-fields small{font-size:10px;color:#9db0c1;line-height:1.35}
.h10h-root .h10h-intro-dialog .h10h-intro-help{font-size:11px!important;color:#afc1d1!important;margin:0 0 17px!important}
.h10h-root .h10h-intro-optout{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#c5d6e6;font-size:12px;cursor:pointer}
.h10h-root .h10h-intro-optout input{appearance:auto;accent-color:#df4256;width:16px;height:16px;flex:none;margin:0;cursor:pointer}
.h10h-root .h10h-intro-start{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:42px;border:1px solid #ef6677;border-radius:9px;background:linear-gradient(180deg,#d83048,#a71c31);color:#fff;font-size:11px!important;font-weight:900;letter-spacing:.08em;box-shadow:0 4px 19px rgba(196,32,50,.22)}
.h10h-root .h10h-intro-start:hover{filter:brightness(1.10)}
@media (max-width:430px){
  .h10h-root .h10h-intro-dialog{padding:25px 17px 18px}
  .h10h-root .h10h-intro-dialog h3{font-size:19px!important}
  .h10h-root .h10h-intro-dialog p{font-size:12px!important}
  .h10h-root .h10h-intro-fields>span{padding:10px 6px}
}


/* v1.6.69: Tablet quick guide close control and Training map metadata. */
.h10h-root .h10h-intro-dialog .h10h-intro-close{
  box-sizing:border-box!important;
  width:32px!important;height:32px!important;
  min-width:32px!important;min-height:32px!important;
  max-width:32px!important;max-height:32px!important;
  flex:0 0 32px!important;aspect-ratio:1/1!important;
  padding:0!important;margin:0!important;
  border-radius:50%!important;
  line-height:1!important;
  text-align:center!important;
}
@media (min-width:741px){
  .h10h-root .h10h-map-command-copy{align-items:flex-start!important;text-align:left!important}
  .h10h-root .h10h-map-command-copy .h10h-map-overlay{
    justify-content:flex-start!important;
    align-items:center!important;
    width:100%;text-align:left!important;
  }
}

/* v1.6.91: navigation immediately below ND, above the instructional text card. */
.h10h-root .h10h-nd-card > .h10h-tutorial-nav{
  padding:0;
  margin:12px 12px 9px;
  align-items:center;
  justify-content:center;
}
.h10h-root .h10h-nd-card > .h10h-tutorial-nav:not([hidden]) + .h10h-tutorial-panel{
  margin-top:0;
}
@media (max-width:740px){
  .h10h-root .h10h-nd-card > .h10h-tutorial-nav{
    margin:10px 10px 8px;
    padding:0;
  }
}

/* v1.7.1 — Modo Challenge: respuestas activas reconocibles, sin alterar el feedback verde/rojo. */
.h10h-root .h10h-answer-grid button {
  position:relative;
  min-height:40px;
  padding:9px 10px;
  background:linear-gradient(180deg,#1c527b 0%,#103552 100%);
  color:#f2faff;
  border:1px solid #488dbc;
  border-radius:9px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.075em;
  box-shadow:inset 3px 0 0 #71cfff,inset 0 1px 0 rgba(223,248,255,.16),0 2px 8px rgba(0,22,47,.22);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.h10h-root .h10h-answer-grid button:not(:disabled):hover {
  background:linear-gradient(180deg,#2477ad 0%,#16517c 100%);
  border-color:#94d9ff;
  box-shadow:inset 3px 0 0 #c1ebff,0 0 0 1px rgba(84,192,255,.22),0 4px 12px rgba(0,80,144,.28);
  transform:translateY(-1px);
}
.h10h-root .h10h-answer-grid button:not(:disabled):active {transform:translateY(0)}
.h10h-root .h10h-answer-grid button:focus-visible {outline:2px solid #a5e4ff;outline-offset:3px}
.h10h-root .h10h-answer-grid button.is-correct,
.h10h-root .h10h-answer-grid button.is-correct:disabled {
  background:linear-gradient(180deg,#195b3f,#123d2c);
  border-color:#3bd78a;
  color:#e4fff1;
  box-shadow:inset 3px 0 0 #70efb3;
}
.h10h-root .h10h-answer-grid button.is-incorrect,
.h10h-root .h10h-answer-grid button.is-incorrect:disabled {
  background:linear-gradient(180deg,#71313c,#51222c);
  border-color:#f28494;
  color:#ffe3ea;
  box-shadow:inset 3px 0 0 #ffaab5;
}
.h10h-root .h10h-answer-grid button:disabled:not(.is-correct):not(.is-incorrect) {
  opacity:.58;
  box-shadow:inset 3px 0 0 rgba(113,207,255,.47);
  cursor:default;
}
@media (max-width:740px) {
  .h10h-root .h10h-answer-grid button {min-height:40px;font-size:10px!important;padding:8px 5px!important}
}
@media (prefers-reduced-motion:reduce) {
  .h10h-root .h10h-answer-grid button {transition:none}
}

/* v1.7.2 — Challenge BÁSICO/PRO; chart-only PRO hides map position clues. */
.h10h-root .h10h-navaid-chip-label{display:none;font-weight:900;font-size:10px;letter-spacing:.08em;line-height:1}
.h10h-root.h10h-training .h10h-navaid-chip-label{display:inline-block}
.h10h-root.h10h-training .h10h-navaid-chip{gap:7px;min-width:65px;padding:5px 9px}
.h10h-root.h10h-challenge-pro .h10h-map-overlay>span:nth-child(1),
.h10h-root.h10h-challenge-pro .h10h-map-overlay>span:nth-child(2){display:none!important}
.h10h-root .h10h-challenge-level{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 10px}
.h10h-root .h10h-challenge-level-switch{display:inline-flex;gap:4px;padding:3px;background:#0a1520;border:1px solid #355064;border-radius:9px}
.h10h-root .h10h-challenge-level-switch button{border:1px solid transparent;background:transparent;color:#a6bfd2;border-radius:6px;padding:6px 17px;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;line-height:1.3}
.h10h-root .h10h-challenge-level-switch button.is-active{background:linear-gradient(180deg,#1d567b,#143b59);border-color:#63b2e1;color:#ffffff;box-shadow:0 1px 5px rgba(26,112,165,.25)}
.h10h-root .h10h-challenge-level-switch button[data-value="pro"].is-active{background:linear-gradient(180deg,#6d2b40,#431c30);border-color:#e0718b;box-shadow:0 1px 7px rgba(203,45,78,.20)}
.h10h-root .h10h-challenge-level-switch button:focus-visible{outline:2px solid #a8dcff;outline-offset:2px}
.h10h-root .h10h-challenge-level-description{font-size:10px;color:#8faec3;font-weight:650}
.h10h-root.h10h-challenge-pro .h10h-challenge-level-description{color:#e6a5b5}
@media(max-width:740px){
  .h10h-root .h10h-challenge-level{gap:6px 9px}
  .h10h-root .h10h-challenge-level-switch button{font-size:9px;padding:6px 13px}
  .h10h-root .h10h-challenge-level-description{font-size:9px}
  .h10h-root.h10h-training .h10h-navaid-chip{gap:5px;min-width:55px;padding:5px 6px}
  .h10h-root .h10h-navaid-chip-label{font-size:9px}
}

/* v1.7.2 — Mobile portrait PRO guides learners through ND before chart. */
.h10h-root .h10h-pro-mobile-guide,.h10h-root .h10h-pro-to-chart{display:none}
@media (max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-training-card{order:-30}
  .h10h-root.h10h-challenge-pro .h10h-side .h10h-nd-card{order:-20}
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-map-panel{order:-10}
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-solution{order:10}
  .h10h-root.h10h-challenge-pro .h10h-pro-mobile-guide{
    display:flex;justify-content:space-between;align-items:center;gap:9px;
    margin:3px 0 10px;padding:9px 10px;border-radius:9px;
    border:1px solid rgba(100,180,222,.40);background:rgba(17,39,56,.56);
    color:#ceeafa;font-size:10px;line-height:1.5;
  }
  .h10h-root.h10h-challenge-pro .h10h-pro-mobile-guide strong{color:#ffffff}
  .h10h-root.h10h-challenge-pro .h10h-pro-mobile-guide button{
    flex:none;white-space:nowrap;padding:7px 10px;border-radius:7px;
    border:1px solid #6dbee7;background:#143d59;color:white;
    font-size:9px;font-weight:900;letter-spacing:.03em;cursor:pointer;
  }
  .h10h-root.h10h-challenge-pro .h10h-pro-to-chart{
    display:block;width:calc(100% - 18px);margin:7px 9px 10px;
    padding:10px 9px;border-radius:8px;background:#12293a;
    border:1px solid #507995;color:#bfe9ff;font-size:10px;
    font-weight:900;letter-spacing:.06em;cursor:pointer;
  }
  .h10h-root.h10h-challenge-pro .h10h-pro-mobile-guide button:focus-visible,
  .h10h-root.h10h-challenge-pro .h10h-pro-to-chart:focus-visible{outline:2px solid #a8dcff;outline-offset:2px}
}


/* v1.7.3 · PRO móvil: lectura de carta → ND; selector junto al cambio de modo. */
.h10h-root .h10h-challenge-level-mobile{display:none}
.h10h-root .h10h-pro-to-nd{display:none}
.h10h-root.h10h-challenge-pro .h10h-map-command-copy .h10h-map-overlay{
  justify-content:flex-start!important;
  text-align:left!important;
}
.h10h-root.h10h-challenge-pro .h10h-map-command-copy .h10h-map-overlay>span{
  justify-content:flex-start!important;
  text-align:left!important;
}
@media (max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-training .h10h-challenge-level-mobile{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:9px 0 0;
    padding:7px 9px;
    border:1px solid #2d4153;
    border-radius:9px;
    background:linear-gradient(180deg,#111a24,#0c141c);
    gap:9px;
  }
  .h10h-root .h10h-mobile-level-label{
    color:#a9bfd2;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
  }
  .h10h-root .h10h-training-card > .h10h-challenge-level{display:none!important}
  /* El orden práctico en PRO es: reto, carta sin avión, instrumento. */
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-training-card{order:-30}
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-map-panel{order:-20}
  .h10h-root.h10h-challenge-pro .h10h-side .h10h-nd-card{order:-10}
  .h10h-root.h10h-challenge-pro .h10h-main .h10h-solution{order:10}
  .h10h-root.h10h-challenge-pro .h10h-pro-to-nd{
    display:block;
    width:calc(100% - 20px);
    margin:8px 10px 10px;
    padding:10px;
    border:1px solid #527d99;
    border-radius:8px;
    background:#142d40;
    color:#d7f2ff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.06em;
    text-align:center;
    cursor:pointer;
  }
  .h10h-root .h10h-pro-to-nd:focus-visible{
    outline:2px solid #a8dcff;
    outline-offset:2px;
  }
  .h10h-root.h10h-challenge-pro .h10h-map-command-copy .h10h-map-overlay{
    padding-left:0!important;
  }
}

/* v1.7.4 · Challenge mobile portrait: chart → ND → response (BÁSICO and PRO). */
/* Hide positional metadata only while the PRO question is unanswered. */
.h10h-root.h10h-challenge-pro:not(.h10h-challenge-answered) .h10h-map-overlay>span:nth-child(1),
.h10h-root.h10h-challenge-pro:not(.h10h-challenge-answered) .h10h-map-overlay>span:nth-child(2){display:none!important}
.h10h-root.h10h-challenge-pro.h10h-challenge-answered .h10h-map-overlay>span:nth-child(1),
.h10h-root.h10h-challenge-pro.h10h-challenge-answered .h10h-map-overlay>span:nth-child(2){display:inline-flex!important}
.h10h-root .h10h-challenge-nd-links,
.h10h-root .h10h-solution-map-link{display:none}
.h10h-root .h10h-solution-map-link[hidden]{display:none!important}
@media (max-width:740px) and (orientation:portrait){
  /* Flattened children are ordered visually, not moved or duplicated in the DOM. */
  .h10h-root.h10h-training .h10h-main .h10h-map-panel{order:-30}
  .h10h-root.h10h-training .h10h-side .h10h-nd-card{order:-20}
  .h10h-root.h10h-training .h10h-main .h10h-training-card{order:-10}
  .h10h-root.h10h-training .h10h-main .h10h-solution{order:10}
  .h10h-root.h10h-training .h10h-pro-to-nd{display:block}
  .h10h-root.h10h-training .h10h-challenge-nd-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 10px 12px}
  .h10h-root.h10h-training .h10h-challenge-nd-links button,
  .h10h-root.h10h-training .h10h-solution-map-link{
    min-height:36px;border:1px solid #527d99;border-radius:8px;background:#142d40;
    color:#d7f2ff;font-size:10px;font-weight:900;letter-spacing:.035em;
    text-align:center;cursor:pointer;padding:9px 7px;
  }
  .h10h-root.h10h-training .h10h-solution-map-link{
    display:block;width:100%;margin:10px 0 4px;border-color:#6ab4dc;
  }
  .h10h-root.h10h-training .h10h-challenge-nd-links button:focus-visible,
  .h10h-root.h10h-training .h10h-solution-map-link:focus-visible{
    outline:2px solid #a8dcff;outline-offset:2px;
  }
}

/* Visible, automatically updated footer version. */
.h10h-root .h10h-footer .h10h-version{display:inline-block;margin-left:4px;font-weight:800;font-size:inherit;letter-spacing:.035em;color:#a9bdcc;white-space:nowrap}

/* v1.7.5 · Uniform challenge-navigation controls, left-aligned data and a more readable mobile chart. */
@media (max-width:740px) and (orientation:portrait) {
  /* BASIC previously inherited the browser's native button appearance;
     use the same treatment as PRO and the ND's navigation controls. */
  .h10h-root.h10h-training .h10h-pro-to-nd,
  .h10h-root.h10h-training .h10h-challenge-nd-links button,
  .h10h-root.h10h-training .h10h-solution-map-link {
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    min-height:36px;
    border:1px solid #527d99;
    border-radius:8px;
    background:#142d40;
    color:#d7f2ff;
    font-family:inherit;
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1.3;
    text-align:center;
    cursor:pointer;
    padding:9px 10px;
    transition:background-color .15s ease,border-color .15s ease;
  }
  .h10h-root.h10h-training .h10h-pro-to-nd {
    display:block;
    width:calc(100% - 20px);
    margin:8px 10px 10px;
  }
  .h10h-root.h10h-training .h10h-pro-to-nd:hover,
  .h10h-root.h10h-training .h10h-challenge-nd-links button:hover,
  .h10h-root.h10h-training .h10h-solution-map-link:hover {
    background:#1b405b;
    border-color:#78b6dc;
  }
  .h10h-root.h10h-training .h10h-pro-to-nd:focus-visible {
    outline:2px solid #a8dcff;
    outline-offset:2px;
  }

  /* Align the metadata group to the left, including PRO's single INBD chip. */
  .h10h-root .h10h-map-command-copy {
    align-items:flex-start!important;
    text-align:left!important;
  }
  .h10h-root .h10h-map-command-copy .h10h-map-overlay {
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:left!important;
    width:100%;
    padding-left:0!important;
  }
  .h10h-root .h10h-map-command-copy .h10h-map-overlay>span {
    justify-content:flex-start!important;
    text-align:left!important;
  }

  /* Text in the map's 760px SVG is scaled down on phones: enlarge the
     drawn labels, leaving the ND and desktop/tablet layouts untouched. */
  .h10h-root .h10h-map .h10h-inbound-label,
  .h10h-root .h10h-map .h10h-outbound-label {
    font-size:17px!important;
    font-weight:900;
    paint-order:stroke;
    stroke:#071018;
    stroke-width:2.6px;
    stroke-linejoin:round;
  }
  .h10h-root .h10h-map .h10h-fix-caption {font-size:17px!important}
  .h10h-root .h10h-map .h10h-aircraft-caption {font-size:15px!important}
  .h10h-root .h10h-map .h10h-compass-label {font-size:17px!important}
  .h10h-root .h10h-map .h10h-sector-caption {font-size:13px!important}
  .h10h-root .h10h-map .h10h-map-heading-label {font-size:15px!important}
}

/* v1.7.6 · Aircraft marker slightly larger on mobile portrait only. */
@media (max-width:740px) and (orientation:portrait) {
  .h10h-root .h10h-map .h10h-map-aircraft-shape {
    transform-box:fill-box;
    transform-origin:center center;
    transform:scale(1.55);
  }
}

/* v1.7.7 — Mobile Challenge: better centered difficulty and a clear continue CTA. */
.h10h-root .h10h-training-foot .h10h-mini-btn.h10h-next-challenge-btn {
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:41px;
  padding:7px 11px 7px 18px;
  border:1px solid #f67e89;
  border-radius:10px;
  background:linear-gradient(180deg,#eb4054 0%,#c8223c 58%,#ad1931 100%);
  box-shadow:0 3px 12px rgba(213,36,67,.23),inset 0 1px 0 rgba(255,255,255,.17);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:filter .15s ease,transform .15s ease;
}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn:hover{filter:brightness(1.10)}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn:active{transform:translateY(1px)}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn:focus-visible{outline:2px solid #ffb9c3;outline-offset:3px}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn[hidden]{display:none!important}
.h10h-root .h10h-next-challenge-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  flex:none;
  border-radius:7px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.3);
  font-size:17px;
  line-height:1;
}
@media (max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-training .h10h-challenge-level-mobile{
    justify-content:center;
    gap:clamp(12px,5vw,24px);
    padding:9px 12px;
  }
  .h10h-root.h10h-training .h10h-challenge-level-mobile .h10h-challenge-level-switch{
    flex:0 0 auto;
  }
  .h10h-root.h10h-training .h10h-training-foot .h10h-next-challenge-btn{
    width:100%;
    min-height:44px;
  }
}


/* v1.7.8 — Challenge controls: reduce visual noise and clarify the next action.
   Neutral navy surfaces; green/red are reserved for correctness indicators. */
.h10h-root.h10h-training .h10h-score-hero,
.h10h-root.h10h-training .h10h-score-hero.is-high {
  background:#14212c;
  border-color:#3a5165;
  box-shadow:none;
}
.h10h-root.h10h-training .h10h-score-hero > span,
.h10h-root.h10h-training .h10h-score-hero.is-high > span { color:#aec9d9; }
.h10h-root.h10h-training .h10h-score-hero > em,
.h10h-root.h10h-training .h10h-score-hero.is-high > em { color:#e3eef5; }

/* Three answers remain recognizable as choices but are less luminous. */
.h10h-root.h10h-training .h10h-answer-grid button,
.h10h-root.h10h-training .h10h-answer-grid button:disabled:not(.is-correct):not(.is-incorrect) {
  background:#173149;
  border:1px solid #47718d;
  color:#e5f4ff;
  box-shadow:inset 3px 0 0 #5298c6;
}
.h10h-root.h10h-training .h10h-answer-grid button:not(:disabled):hover {
  background:#20405b;
  border-color:#82b5d5;
  box-shadow:inset 3px 0 0 #8fd1fa;
}
.h10h-root.h10h-training .h10h-answer-grid button:disabled:not(.is-correct):not(.is-incorrect){
  opacity:.46;
  cursor:default;
}
.h10h-root.h10h-training .h10h-answer-grid button.is-correct,
.h10h-root.h10h-training .h10h-answer-grid button.is-correct:disabled {
  background:#172a35;
  border-color:#448974;
  color:#a5e6c6;
  box-shadow:inset 3px 0 0 #43bb8c;
  opacity:1;
}
.h10h-root.h10h-training .h10h-answer-grid button.is-incorrect,
.h10h-root.h10h-training .h10h-answer-grid button.is-incorrect:disabled {
  background:#2a252e;
  border-color:#9c5c6a;
  color:#ffb8c1;
  box-shadow:inset 3px 0 0 #e07886;
  opacity:1;
}

/* Correct/incorrect is conveyed by a slim left indicator and heading,
   rather than an entire red or green feedback box. */
.h10h-root.h10h-training .h10h-feedback-banner,
.h10h-root.h10h-training .h10h-feedback-banner.is-good,
.h10h-root.h10h-training .h10h-feedback-banner.is-bad {
  background:#121e28;
  border:1px solid #405367;
  border-left:3px solid #7b9cb0;
  border-radius:9px;
  box-shadow:none;
}
.h10h-root.h10h-training .h10h-feedback-banner.is-good { border-left-color:#47ba8b; }
.h10h-root.h10h-training .h10h-feedback-banner.is-bad { border-left-color:#d87583; }
.h10h-root.h10h-training .h10h-feedback-banner.is-good strong { color:#9fe0c0; }
.h10h-root.h10h-training .h10h-feedback-banner.is-bad strong { color:#ffb5bf; }
.h10h-root.h10h-training .h10h-feedback-banner p { color:#c9d6e1; }

/* The solution link stays blue; the next-challenge action uses restrained warm
   graphite/plum tones, remaining distinct without competing with correctness cues. */
.h10h-root.h10h-training .h10h-solution-map-link {
  background:#142d40;
  border-color:#426880;
  color:#cce5f6;
}
.h10h-root .h10h-training-foot .h10h-mini-btn.h10h-next-challenge-btn {
  width:auto;
  max-width:100%;
  min-height:38px;
  padding:7px 12px 7px 15px!important;
  gap:9px;
  border:1px solid #85616d;
  border-radius:8px;
  background:linear-gradient(180deg,#403039 0%,#2c252c 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 4px rgba(0,0,0,.2);
  color:#f7eff2;
  font-size:12.5px!important;
  font-weight:850;
  letter-spacing:.035em;
  line-height:1.2;
  text-shadow:none;
}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn:hover {
  background:linear-gradient(180deg,#523943 0%,#372b34 100%);
  border-color:#ad7b89;
  filter:none;
}
.h10h-root .h10h-training-foot .h10h-next-challenge-btn:focus-visible {
  outline:2px solid #cca8b5;
  outline-offset:3px;
}
.h10h-root .h10h-next-challenge-arrow {
  width:20px;
  height:20px;
  border-radius:5px;
  background:rgba(177,116,138,.13);
  border:1px solid rgba(189,135,153,.35);
  color:#f4dce5;
  font-size:16px;
  font-weight:600;
}
@media (max-width:740px) and (orientation:portrait){
  /* A compact centered action, not another full-width navigation bar. */
  .h10h-root.h10h-training .h10h-training-foot {
    justify-content:center;
  }
  .h10h-root.h10h-training .h10h-training-foot .h10h-mini-btn.h10h-next-challenge-btn {
    width:auto;
    max-width:calc(100% - 10px);
    min-height:39px;
    padding:8px 14px!important;
    font-size:12.5px!important;
  }
  .h10h-root.h10h-training .h10h-challenge-nd-links {
    grid-template-columns:minmax(0,1fr);
  }
}


/* v1.7.11: tutorial navigation is unavailable until the current animation ends. */
.h10h-root .h10h-tutorial-nav button:disabled,
.h10h-root .h10h-tutorial-nav button[aria-disabled="true"] {
  opacity: .36!important;
  filter: grayscale(.45)!important;
  cursor: not-allowed!important;
  box-shadow: none!important;
  pointer-events: none!important;
}
/* Center the inbound course caption in HOLDING SETUP at every breakpoint. */
.h10h-root .h10h-setup-popup .h10h-inbound-course-field > .h10h-inbound-course-label {
  display:block;
  text-align:center!important;
  white-space:nowrap;
}
.h10h-root .h10h-setup-popup .h10h-inbound-course-field > .h10h-inbound-course-label small {
  display:inline;
}
.h10h-root .h10h-setup-popup .h10h-fix-field input {text-transform:uppercase;}

/* v2.0.0 — Published map vs ATC holding clearance; ND CRS and Airbus VOR CDI. */
.h10h-root .h10h-presentation-control{margin:11px 0 13px;padding-top:11px;border-top:1px solid rgba(139,160,179,.19)}
.h10h-root .h10h-presentation-control>.h10h-field-label{display:block;margin-bottom:8px;text-align:left}
.h10h-root .h10h-presentation-switch{display:grid;grid-template-columns:1fr 1.35fr;gap:5px;padding:3px;border:1px solid #354454;border-radius:9px;background:#090e14}
.h10h-root .h10h-presentation-switch button{display:flex;gap:7px;align-items:center;justify-content:center;padding:7px 5px;min-height:35px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9baebf;font-weight:850;font-size:10px;letter-spacing:.04em;line-height:1.25;cursor:pointer}
.h10h-root .h10h-presentation-switch button svg{flex:none;width:17px;height:17px}
.h10h-root .h10h-presentation-switch button.is-active{background:linear-gradient(180deg,#2e3747,#1c2b3a);border-color:#667c92;color:#f0f8ff;box-shadow:inset 3px 0 0 #eb6174}
.h10h-root .h10h-presentation-switch button:hover:not(.is-active){background:#192634;color:#fff}
.h10h-root .h10h-atc-instruction[hidden], .h10h-root .h10h-map[hidden],.h10h-root .h10h-nd-crs-control[hidden],.h10h-root .h10h-nd-crs-popover[hidden]{display:none!important}
.h10h-root .h10h-atc-instruction{min-height:clamp(275px,37vw,460px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:60px 32px 48px;background:radial-gradient(ellipse at 50% 0%,#152c3a,#070e15 72%);box-sizing:border-box;border-top:1px solid #263c4b}
.h10h-root .h10h-atc-instruction-head{display:inline-flex;gap:9px;align-items:center;color:#91bfd4;font-size:11px;font-weight:850;letter-spacing:.10em}
.h10h-root .h10h-atc-instruction-head svg{height:24px;width:24px;color:#60c5e1;flex:none}
.h10h-root .h10h-atc-instruction-voice{margin:0;max-width:720px;color:#fff;font-size:clamp(17px,2.5vw,25px);font-weight:900;line-height:1.55;letter-spacing:.015em;text-wrap:balance}
.h10h-root .h10h-atc-instruction-note{font-size:10px;font-weight:750;color:#8fa8ba;letter-spacing:.045em;line-height:1.5}
.h10h-root.h10h-atc-briefing .h10h-map-overlay{visibility:hidden!important}
.h10h-root.h10h-atc-briefing .h10h-map-footer{display:none!important}
.h10h-root .h10h-nd-toolbar{position:relative;justify-content:space-between!important;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px 0}
.h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn{margin-left:auto}
.h10h-root .h10h-nd-crs-control{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px;position:relative;flex:1 1 235px;min-width:0}
.h10h-root .h10h-nd-crs-label{font-size:9px;font-weight:850;letter-spacing:.035em;color:#aabdd0;line-height:1.35}
.h10h-root .h10h-nd-crs-buttons{display:inline-flex;gap:3px;padding:3px;border:1px solid #405365;border-radius:8px;background:#0a1118}
.h10h-root .h10h-nd-crs-buttons button{border:1px solid transparent;background:transparent;color:#99adbb;border-radius:5px;min-width:38px;min-height:27px;padding:5px 10px;font-size:10px;font-weight:900;cursor:pointer}
.h10h-root .h10h-nd-crs-buttons button.is-active{background:#29445b;border-color:#5f8daf;color:#fff}
.h10h-root .h10h-nd-crs-help{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;border:1px solid #71899e;background:#172431;color:#d5edf8;font-style:italic;font-family:Georgia,serif;font-size:14px;font-weight:700;cursor:pointer}
.h10h-root .h10h-nd-crs-popover{position:absolute;z-index:11;top:calc(100% + 8px);left:0;width:min(370px,calc(100vw - 55px));padding:15px;box-sizing:border-box;background:#101c27;border:1px solid #6a879e;border-radius:10px;box-shadow:0 15px 32px rgba(0,0,0,.55);color:#dce8f0}
.h10h-root .h10h-nd-crs-popover strong{font-size:11px;letter-spacing:.08em;color:#f6f9fe}
.h10h-root .h10h-nd-crs-popover p{font-size:12px;line-height:1.6;margin:8px 0 14px}
.h10h-root .h10h-nd-crs-popover button{padding:7px 12px;background:#243d4e;border:1px solid #5c879b;border-radius:7px;color:#fff;font-size:10px;font-weight:850;cursor:pointer}
@media (max-width:740px){
 .h10h-root .h10h-atc-instruction{min-height:300px;padding:56px 18px 50px;gap:20px}
 .h10h-root .h10h-atc-instruction-voice{font-size:17px}
 .h10h-root .h10h-atc-instruction-head{font-size:9px;letter-spacing:.05em}
 .h10h-root .h10h-nd-toolbar{padding:9px 10px 0;gap:8px}
 .h10h-root .h10h-nd-crs-control{flex:1 1 100%;gap:7px}
 .h10h-root .h10h-nd-toolbar .h10h-tutorial-main-btn{margin-left:auto!important}
 .h10h-root .h10h-nd-crs-label{font-size:8.5px}
}
/* WordPress themes and older stylesheet rules may force svg display:block !important. */
.h10h-root.h10h-atc-briefing .h10h-map{display:none!important}
.h10h-root:not(.h10h-atc-briefing) .h10h-atc-instruction{display:none!important}

/* Keep all CRS controls together and the tutorial action at the right. */
.h10h-root .h10h-nd-crs-control{flex-wrap:nowrap;gap:5px;min-width:0}
.h10h-root .h10h-nd-crs-control .h10h-nd-crs-label{flex:1 1 125px;max-width:158px;font-size:8.5px;white-space:normal}
.h10h-root .h10h-nd-crs-buttons{flex:none}
.h10h-root .h10h-nd-crs-control .h10h-nd-crs-help{flex:none}
@media (max-width:740px){.h10h-root .h10h-nd-crs-control .h10h-nd-crs-label{max-width:none;font-size:9px}}

/* v2.0.1 — Contacto Hangar10, cierre de Holding Setup y voz ATC. */
.h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-nd-toolbar{justify-content:center!important}
.h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-nd-toolbar .h10h-tutorial-main-btn{margin-left:0!important}
.h10h-root .h10h-setup-accept-wrap{display:flex;justify-content:center;padding:14px 4px 2px;margin-top:13px;border-top:1px solid #293949;position:sticky;bottom:-13px;background:linear-gradient(0deg,#0b1219 83%,rgba(11,18,25,.90))}
.h10h-root .h10h-setup-accept{appearance:none;-webkit-appearance:none;min-width:150px;min-height:37px;border:1px solid #a83a4c;border-radius:9px;background:linear-gradient(180deg,#b72c40,#8d2033);color:#fff;font-size:11px;font-weight:900;letter-spacing:.095em;display:inline-flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.22)}
.h10h-root .h10h-setup-accept:hover{filter:brightness(1.12)}
.h10h-root .h10h-setup-accept:focus-visible{outline:2px solid #f38498;outline-offset:3px}
.h10h-root .h10h-setup-accept span{font-size:15px}
/* Speech synthesis deliberately starts with a tap/click for iOS/Android. */
.h10h-root .h10h-atc-voice-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.h10h-root .h10h-atc-listen-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #5685a1;border-radius:10px;min-height:39px;padding:9px 17px;background:linear-gradient(180deg,#25465a,#152d3c);color:#e1f4ff;box-shadow:inset 0 1px rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.09em;cursor:pointer;transition:filter .15s ease}
.h10h-root .h10h-atc-listen-btn:hover{filter:brightness(1.13)}
.h10h-root .h10h-atc-listen-btn:disabled{opacity:.48;cursor:not-allowed}
.h10h-root .h10h-atc-listen-btn[aria-pressed="true"]{border-color:#dc7885;background:linear-gradient(180deg,#59313b,#3c222e);color:#fff}
.h10h-root .h10h-atc-listen-btn svg{width:17px;height:17px;flex:none}
.h10h-root .h10h-atc-voice-note{font-size:9px;font-weight:700;letter-spacing:.035em;color:#8ea2b3;line-height:1.4;text-align:center}
.h10h-root .h10h-atc-listen-btn:focus-visible{outline:2px solid #8dcced;outline-offset:3px}
/* Contact action beside credit, modal isolated from parent theme/Divi. */
.h10h-root .h10h-contact-link{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;padding:3px;border:1px solid #445d70;border-radius:7px;background:#172735;color:#a6cbe0;margin-left:5px;cursor:pointer;line-height:1;transition:background .16s ease, border-color .16s ease}
.h10h-root .h10h-contact-link svg{width:15px;height:15px;display:block}
.h10h-root .h10h-contact-link:hover{background:#29465a;border-color:#83b3cf;color:#fff}
.h10h-root .h10h-contact-link:focus-visible{outline:2px solid #8ecfff;outline-offset:2px}
.h10h-root .h10h-contact-overlay{position:fixed!important;inset:0!important;z-index:2147483200!important;background:rgba(0,5,12,.82);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;backdrop-filter:blur(4px)}
.h10h-root .h10h-contact-overlay[hidden]{display:none!important}
.h10h-root .h10h-contact-dialog{width:min(510px,100%);max-height:min(92vh,790px);max-height:min(92dvh,790px);overflow:auto;border:1px solid #4c6277;border-radius:16px;background:linear-gradient(160deg,#162331,#0b121b 68%);color:#ecf3fa;box-shadow:0 18px 80px rgba(0,0,0,.7);padding:22px;box-sizing:border-box}
.h10h-root .h10h-contact-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;border-bottom:1px solid #36485b}
.h10h-root .h10h-contact-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:#96b1c4}
.h10h-root .h10h-contact-header h2{margin:4px 0 0;padding:0;color:#fff;font-size:21px;letter-spacing:.03em;font-weight:900;line-height:1.2}
.h10h-root .h10h-contact-close{appearance:none;-webkit-appearance:none;border:1px solid #465d72;border-radius:999px;background:#1a2b3b;color:#e6f0fa;font-size:20px;display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;line-height:1;flex:none;cursor:pointer}
.h10h-root .h10h-contact-desc{font-size:13px;line-height:1.5;color:#b6c6d3;margin:14px 0 17px}
.h10h-root .h10h-contact-form{display:flex;flex-direction:column;gap:13px;margin:0}
.h10h-root .h10h-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h10h-root .h10h-contact-form label:not(.h10h-contact-privacy){display:flex;flex-direction:column;gap:6px;color:#c6d9ea;font-size:10px;letter-spacing:.065em;font-weight:900}
.h10h-root .h10h-contact-form input:not([type="checkbox"]),.h10h-root .h10h-contact-form textarea{box-sizing:border-box;min-width:0;width:100%;border:1px solid #43596e;border-radius:8px;outline:none;background:#0a111a;color:#fff!important;font-size:13px;font-weight:500;line-height:1.45;padding:10px 12px;box-shadow:none;letter-spacing:normal;font-family:inherit}
.h10h-root .h10h-contact-form input:not([type="checkbox"]){height:40px}
.h10h-root .h10h-contact-form textarea{min-height:108px;resize:vertical}
.h10h-root .h10h-contact-form input::placeholder,.h10h-root .h10h-contact-form textarea::placeholder{color:#71879b;opacity:1}
.h10h-root .h10h-contact-form input:focus,.h10h-root .h10h-contact-form textarea:focus{border-color:#88c7ec;box-shadow:0 0 0 2px rgba(83,167,219,.14)}
.h10h-root .h10h-contact-privacy{display:flex;align-items:flex-start;gap:9px;color:#a4b4c4;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:normal;cursor:pointer}
.h10h-root .h10h-contact-privacy input{flex:none;accent-color:#c63249;margin:2px 0 0;width:15px;height:15px}
.h10h-root .h10h-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.h10h-root .h10h-contact-status{margin:0;border:1px solid #3b7d69;color:#c3f5da;background:#13372d;padding:10px 11px;border-radius:7px;font-size:12px;line-height:1.4}
.h10h-root .h10h-contact-status.is-error{border-color:#9c4950;background:#3b2228;color:#ffd4da}
.h10h-root .h10h-contact-status[hidden]{display:none!important}
.h10h-root .h10h-contact-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:2px}
.h10h-root .h10h-contact-actions button{appearance:none;-webkit-appearance:none;min-height:39px;border-radius:8px;padding:10px 14px;font-size:10px;letter-spacing:.06em;font-weight:900;cursor:pointer}
.h10h-root .h10h-contact-cancel{border:1px solid #3b5063;color:#bed2e3;background:#152333}
.h10h-root .h10h-contact-send{border:1px solid #d34255;color:#fff;background:linear-gradient(180deg,#c73449,#96253b);display:flex;align-items:center;justify-content:center;gap:10px}
.h10h-root .h10h-contact-send:disabled{opacity:.65;cursor:wait}
@media(max-width:740px){
  .h10h-root .h10h-atc-voice-controls{flex-direction:column;gap:8px}
  .h10h-root .h10h-atc-instruction{gap:15px}
  .h10h-root .h10h-setup-accept-wrap{bottom:-11px}
  .h10h-root .h10h-contact-dialog{padding:17px;max-height:calc(100dvh - 26px)}
  .h10h-root .h10h-contact-row{grid-template-columns:1fr;gap:13px}
  .h10h-root .h10h-contact-desc{font-size:12px}
  .h10h-root .h10h-contact-actions button{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.h10h-root .h10h-atc-listen-btn,.h10h-root .h10h-contact-link{transition:none}}

/* v2.0.2 — mobile compact CRS row and centered tutorial without VOR CRS. */
.h10h-root .h10h-nd-crs-label-short{display:none}
.h10h-root:not(.h10h-crs-visible) .h10h-nd-toolbar{justify-content:center!important}
.h10h-root:not(.h10h-crs-visible) .h10h-nd-toolbar .h10h-tutorial-main-btn{margin-left:0!important}
@media(max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-crs-visible .h10h-nd-toolbar{display:flex;flex-wrap:nowrap!important;align-items:center;gap:5px!important;padding:8px 7px 0!important;justify-content:space-between!important}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-control{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none;gap:3px!important;flex-wrap:nowrap!important}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-label{flex:0 1 auto!important;min-width:0!important;max-width:100px!important;line-height:1.15;font-size:8px!important}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-label-long{display:none}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-label-short{display:inline}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-buttons{padding:2px;gap:1px}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-buttons button{min-width:27px;min-height:24px;padding:3px 4px!important;font-size:9px}
  .h10h-root.h10h-crs-visible .h10h-nd-crs-help{width:19px;height:19px;min-width:19px;font-size:12px}
  .h10h-root.h10h-crs-visible .h10h-nd-toolbar .h10h-tutorial-main-btn{flex:0 0 auto!important;white-space:nowrap;min-width:0!important;padding:6px 6px!important;font-size:8px!important;margin-left:auto!important}
  .h10h-root.h10h-crs-visible .h10h-nd-toolbar .h10h-tutorial-main-btn .h10h-action-icon{width:12px!important;height:12px!important}
}
@media(max-width:360px) and (orientation:portrait){
  .h10h-root.h10h-crs-visible .h10h-nd-crs-label{font-size:7px!important;max-width:76px!important}
  .h10h-root.h10h-crs-visible .h10h-nd-toolbar .h10h-tutorial-main-btn{font-size:7.4px!important;padding:5px 3px!important}
}
/* On portrait phones the position editor is placed BELOW the chart, so it
   never conceals the airplane. Elsewhere the JS selects a clear side. */
.h10h-root .h10h-position-popup.h10h-popup-below-map{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;display:block!important;
  width:calc(100% - 24px)!important;max-width:340px;margin:12px auto 14px!important;
  box-sizing:border-box;z-index:8;
}
.h10h-root .h10h-position-popup.h10h-popup-below-map[hidden]{display:none!important}

/* v2.0.21 — ATC tutorial trial on A320 only; keep MAPA tutorials. */
.h10h-root.h10h-atc-presentation:not(.h10h-atc-a320) .h10h-nd-toolbar [data-action="tutorial-toggle"] {
  display:none!important;
}




/* v2.0.10 — ATC: one compact control row on ALL viewports. No more
   clipped text or a floating button on top of the chart/clearance. */
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:7px 9px!important;
    gap:7px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-command-copy{display:none!important}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    flex:1 1 175px!important;
    order:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:180px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-fab-wrap{
    order:1!important;
    flex:0 0 auto!important;
    display:flex!important;
    margin:0!important;
    gap:5px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    display:inline-flex!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:3px 7px!important;
    gap:5px!important;
    border-radius:7px!important;
    font-size:8.4px!important;
    font-weight:850!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn .h10h-action-icon{
    display:block!important;
    flex:0 0 12px!important;
    width:12px!important;
    height:12px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn [data-out="reveal-label"]{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    white-space:pre-line!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    text-align:center!important;
    line-height:1.2!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
    min-height:33px!important;height:33px!important;
  }
  /* ATC clearance gets its space back: no redundant blank strip after row. */
@media(max-width:740px){
  .h10h-root.h10h-atc-presentation .h10h-atc-instruction{padding-top:34px!important}
}
@media(min-width:741px){
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap{
    max-width:245px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    font-size:9px!important;
    min-height:36px!important;height:36px!important;max-height:36px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
    min-height:36px!important;height:36px!important;
  }
}
@media(min-width:741px) and (max-width:980px){
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap{max-width:180px!important}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{font-size:8.2px!important}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-map-fab-wrap{gap:4px!important}
}
@media (max-width:410px){
  /* Clearance already states VOR/NDB, freeing space for full button wording. */
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-navaid-chip{display:none!important}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{
    min-width:99px!important;max-width:108px!important;padding:6px!important;font-size:7.5px!important;
  }
}
@media (max-width:350px){
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar{padding:6px!important;gap:5px!important}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    font-size:7.8px!important;padding:3px 5px!important;gap:3px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar .h10h-map-fab-wrap .h10h-map-fab{min-width:92px!important;max-width:101px!important}
}


/* v2.0.11 — Mobile vertical: keep eye icon visually close to the label.
   The label no longer stretches across the full button width, so icon+text stay grouped. */
@media (max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    justify-content:center!important;
    gap:2px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn .h10h-action-icon{
    flex:0 0 11px!important;
    width:11px!important;
    height:11px!important;
    margin-right:1px!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn [data-out="reveal-label"]{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
  }
}


/* v2.0.12 — Mobile portrait: one-line ATC solution and one-line MAP metadata. */
@media (max-width:740px) and (orientation:portrait){
  /* Scale with the actual commandbar width, not WordPress viewport width. */
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar{container-type:inline-size}
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    white-space:nowrap!important;
    gap:2px!important;
    padding:3px 5px!important;
    font-size:6.6px!important; /* fallback */
    font-size:clamp(6.5px, 2.5cqw, 7.3px)!important;
    letter-spacing:-.025em!important;
  }
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn [data-out="reveal-label"]{
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:center!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }
  /* The three MAP chips get their own single row instead of wrapping under the setup control. */
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:7px 8px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay{
    display:flex!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:3px 5px!important;
    font-size:8.5px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{
    font-size:9px!important;
    margin-left:2px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap{
    align-self:flex-end!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:350px) and (orientation:portrait){
  .h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    font-size:clamp(6.5px, 2.5cqw, 7.3px)!important;
    letter-spacing:-.035em!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    padding:3px 4px!important;
    font-size:7.8px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{font-size:8px!important}
}


/* v2.0.13 — MAPA / mobile vertical: metadata and HOLDING SETUP in SAME row.
   Keep the VOR/NDB chip visible; allocate room by compacting all controls. */
@media (max-width:740px) and (orientation:portrait){
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:7px 5px!important;
    gap:3px!important;
    min-width:0!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay{
    display:flex!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    gap:2px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    flex:0 1 auto!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:7px!important;
    line-height:1!important;
    padding:3px 3px!important;
    letter-spacing:-.02em!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{
    font-size:7.5px!important;
    margin-left:1px!important;
    letter-spacing:-.02em!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay .h10h-dot{
    width:3px!important;
    height:3px!important;
    margin-right:1px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap{
    display:flex!important;
    flex:0 0 auto!important;
    align-self:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    min-width:0!important;
    margin:0!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-navaid-chip{
    min-width:23px!important;
    width:23px!important;
    height:27px!important;
    padding:3px!important;
    box-sizing:border-box!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-navaid-chip-icon{
    max-width:17px!important;
    max-height:17px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap .h10h-map-fab{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    min-height:29px!important;
    height:29px!important;
    padding:5px 6px!important;
    font-size:7px!important;
    gap:3px!important;
    letter-spacing:0!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-map-fab-icon{
    width:11px!important;
    height:11px!important;
  }
}
@media (min-width:400px) and (max-width:740px) and (orientation:portrait){
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar{
    padding:7px 8px!important;
    gap:5px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay{
    gap:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    font-size:8px!important;
    padding:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{
    font-size:8px!important;
  }
}

@media (min-width:351px) and (max-width:740px) and (orientation:portrait){
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    font-size:8px!important;
    padding:3px 4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{
    font-size:8.4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap .h10h-map-fab{
    font-size:7.7px!important;
    padding:5px 7px!important;
    gap:4px!important;
  }
}


/* v2.0.14 — MAPA / mobile vertical fine tuning.
   - Larger metadata chips (there is room)
   - VOR/NDB selector sized like ATC
   - Reveal button moved higher, nearly touching the top margin */
@media (max-width:740px) and (orientation:portrait){
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar{
    padding:7px 6px 8px!important;
    gap:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay{
    gap:3px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    font-size:7.8px!important;
    line-height:1!important;
    padding:4px 4px!important;
    letter-spacing:-.015em!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{
    font-size:8.4px!important;
    margin-left:1px!important;
    letter-spacing:-.015em!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay .h10h-dot{
    width:4px!important;
    height:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-navaid-chip{
    min-width:31px!important;
    width:31px!important;
    height:31px!important;
    padding:4px!important;
    border-radius:8px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-navaid-chip-icon{
    max-width:19px!important;
    max-height:19px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap{
    gap:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar > .h10h-map-fab-wrap .h10h-map-fab{
    min-height:31px!important;
    height:31px!important;
    padding:5px 7px!important;
    font-size:7.5px!important;
    gap:4px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-commandbar .h10h-map-fab-icon{
    width:12px!important;
    height:12px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-solution-wrap{
    /* Map controls occupy 47px in portrait: place button completely below them. */
    top:53px!important;
    right:8px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-solution-wrap .h10h-map-solution-btn{
    min-height:29px!important;
    padding:5px 8px!important;
  }
}
@media (min-width:400px) and (max-width:740px) and (orientation:portrait){
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay > span{
    font-size:8.2px!important;
    padding:4px 5px!important;
  }
  .h10h-root:not(.h10h-atc-presentation):not(.h10h-training) .h10h-map-command-copy .h10h-map-overlay b{font-size:8.8px!important}
}


/* v2.0.16 — ATC: reveal below clearance, hide in top-left map control row.
   Relocate the SAME button, so only one is ever present. */
.h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(245px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px 0 0!important;
  padding:0!important;
  pointer-events:auto!important;
}
.h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:245px!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:5px 9px!important;
  border-radius:7px!important;
  gap:5px!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap .h10h-map-solution-btn .h10h-action-icon{
  flex:0 0 12px!important;width:12px!important;height:12px!important;
}
.h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap .h10h-map-solution-btn [data-out="reveal-label"]{
  display:block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-size:inherit!important;
}
@media (max-width:740px){
  .h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap{margin-top:10px!important}
  .h10h-root.h10h-atc-briefing .h10h-atc-instruction > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn{
    font-size:8px!important;
  }
}


/* v2.0.17 — ATC with solution revealed:
   keep HOLDING SETUP in the upper-right commandbar, and anchor the
   sole OCULTAR SOLUCIÓN action inside the map, near its lower-right edge. */
.h10h-root.h10h-atc-presentation:not(.h10h-atc-briefing) .h10h-map-wrap > .h10h-map-solution-wrap {
  position:absolute!important;
  top:auto!important;
  left:auto!important;
  right:28px!important;
  bottom:20px!important;
  width:245px!important;
  max-width:calc(100% - 32px)!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  z-index:6!important;
  pointer-events:none!important;
}
.h10h-root.h10h-atc-presentation:not(.h10h-atc-briefing) .h10h-map-wrap > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn {
  display:inline-flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:5px 9px!important;
  font-size:9px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
}
.h10h-root.h10h-atc-presentation:not(.h10h-atc-briefing) .h10h-map-wrap > .h10h-map-solution-wrap .h10h-map-solution-btn [data-out="reveal-label"] {
  flex:1 1 auto!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
@media (max-width:740px) {
  .h10h-root.h10h-atc-presentation:not(.h10h-atc-briefing) .h10h-map-wrap > .h10h-map-solution-wrap {
    right:10px!important;
    bottom:10px!important;
    width:150px!important;
    max-width:calc(100% - 20px)!important;
  }
  .h10h-root.h10h-atc-presentation:not(.h10h-atc-briefing) .h10h-map-wrap > .h10h-map-solution-wrap .h10h-map-solution-btn.h10h-mini-btn {
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:8px!important;
  }
}

/* ATC: HOLDING SETUP and navaid chip remain anchored to the right of the top row
   whether the reveal button is below the instructions or inside the map. */
.h10h-root.h10h-atc-presentation .h10h-map-commandbar > .h10h-map-fab-wrap {
  margin-left:auto!important;
  margin-right:0!important;
  justify-content:flex-end!important;
}


/* v2.0.19: Reveal the sector callout beside the VOR/ADF tail during tutorial step 4.
   Follow the tutorial's pointer/tail-focus animation rather than displaying
   the answer in earlier steps. Outside the tutorial it appears immediately. */
.h10h-root .h10h-nd-entry-callout-tutorial {
  opacity:0;
  animation:h10hNdSectorCalloutIn .30s ease-out 3.2s forwards;
  pointer-events:none;
}
@keyframes h10hNdSectorCalloutIn { to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
  .h10h-root .h10h-nd-entry-callout-tutorial {
    opacity:1; animation:none;
  }
}


/* v2.0.20 — Floating aircraft position editor in mobile portrait.
   Give the SVG some vertical breathing room only while editing: the visible
   airplane stays on screen instead of disappearing behind the form. */
@media (max-width:740px) and (orientation:portrait){
  .h10h-root .h10h-map-wrap.h10h-position-editor-open .h10h-map{
    height:clamp(340px, 94vw, 392px)!important;
    aspect-ratio:auto!important;
    max-height:none!important;
  }
  .h10h-root .h10h-map-wrap .h10h-position-popup.h10h-popup-floating-mobile{
    position:absolute!important;
    right:auto!important;bottom:auto!important;
    margin:0!important;
    width:190px!important;
    max-width:calc(100% - 12px)!important;
    padding:8px!important;
    border-radius:9px!important;
    z-index:16!important;
    box-shadow:0 12px 32px rgba(0,0,0,.58)!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile > strong{
    display:block;font-size:8px!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile .h10h-popup-fields{
    gap:5px!important;margin:6px 0!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile .h10h-popup-fields-position label{
    font-size:9px!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile .h10h-popup-fields-position input{
    min-height:29px!important;height:29px!important;
    padding:3px 4px!important;margin-top:3px!important;
    font-size:15px!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile .h10h-popup-note{
    margin-bottom:6px!important;font-size:8px!important;line-height:1.28!important;
  }
  .h10h-root .h10h-position-popup.h10h-popup-floating-mobile [data-action="position-apply"]{
    min-height:28px!important;padding:6px 4px!important;font-size:9px!important;
  }
}


/* v2.0.21 — In ATC / A320, keep the CRS selector accessible and display the
   tutorial toggle below it when the ND toolbar is narrow (portrait phones). */
@media(max-width:740px) and (orientation:portrait){
  .h10h-root.h10h-atc-a320.h10h-crs-visible .h10h-nd-toolbar{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    row-gap:7px!important;
  }
  .h10h-root.h10h-atc-a320.h10h-crs-visible .h10h-nd-crs-control{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .h10h-root.h10h-atc-a320.h10h-crs-visible .h10h-nd-toolbar .h10h-tutorial-main-btn{
    flex:0 0 auto!important;
    margin:0 auto!important;
    font-size:8.4px!important;
    padding:7px 10px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
}


/* v2.0.25 ATC instructor input: course/radial radio group fits the existing setup. */
.h10h-root .h10h-atc-reference-selector[hidden]{display:none!important}
.h10h-root .h10h-atc-reference-selector{
  display:grid;grid-template-columns:1fr 1fr;gap:3px;
  margin:5px 0 4px;padding:2px;
  border:1px solid #394a5a;border-radius:7px;background:#091019;
  width:100%;box-sizing:border-box;
}
.h10h-root .h10h-atc-reference-selector button{
  border:0!important;border-radius:5px!important;background:transparent!important;color:#9cb1c4!important;
  padding:5px 3px!important;line-height:1.1!important;font-size:8px!important;font-weight:850!important;
  letter-spacing:.02em!important;white-space:nowrap!important;cursor:pointer;
}
.h10h-root .h10h-atc-reference-selector button.is-active{
  background:linear-gradient(180deg,#2d4054,#1c2e40)!important;
  color:#fff!important;box-shadow:inset 2px 0 #e96e86!important;
}
.h10h-root .h10h-atc-reference-highlight{
  text-decoration:underline;text-decoration-color:#ff8392;
  text-decoration-thickness:2px;text-underline-offset:5px;
}
@media(max-width:740px){
  .h10h-root .h10h-atc-reference-selector{gap:2px;margin:4px 0}
  .h10h-root .h10h-atc-reference-selector button{font-size:7.5px!important;padding:6px 2px!important}
}