/* Flight Instruments, Displays — section 10. ADI teal #24B5A8 + horizon pictogram. Bored Aviator Normal teaching. Not QRH.
   ELEC GOLD CHROME LOCK: cond/obj = elec6 (pad 16/18, lbl 14px #E10600, txt 19px);
   card = #0c0c0c / 18px body; chapter-bar D-DIN + --sec10
   (NOT Extra #3ecbff as chapter bar, NOT Elec violet #0E0152, NOT Normal teal #00e8c0 as chapter bar). */

:root{
  --sec10:#24B5A8;--sec10-fg:#ffffff;--sec10-dim:#072421;--sec10-wash:#c8f5f0;
  --amber:#ffb020;--blue-lt:#3aa0ff;
}

.sec10-chapter-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  background:var(--sec10);color:var(--sec10-fg);
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  font-size:15px;padding:10px 16px;margin:0;
}
.sec10-chapter-bar .sec10-adi{
  width:22px;height:22px;flex-shrink:0;position:relative;
  border:2px solid var(--sec10-fg);border-radius:50%;
  box-sizing:border-box;
}
.sec10-chapter-bar .sec10-adi:before{
  content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;
  margin-top:-1px;background:var(--sec10-fg);
}
.sec10-chapter-bar .sec10-adi:after{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;
  margin:-1px 0 0 -4px;background:var(--sec10-fg);
  box-shadow:-6px 0 0 0 var(--sec10-fg), 6px 0 0 0 var(--sec10-fg);
}


.sec10-toc,.chapter-toc{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.sec10-toc a,.chapter-toc a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(180deg,#161616 0%,#0e0e0e 100%);
  border:1px solid #2a2a2a;border-left:4px solid var(--sec10);
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;
  font-size:17px;font-weight:700;min-height:56px;
}
.sec10-toc a .pg,.chapter-toc a .pg{color:#8e8e93;font-size:12px;font-weight:800;flex-shrink:0;}
.sec10-toc a.crit,.chapter-toc a.crit{border-left-color:#E10600;background:#1a1010;}
.sec10-toc a.form,.chapter-toc a.form{
  border-left-color:#ffb020;
  background:linear-gradient(180deg,#1a160c 0%,#100e08 100%);
}
.sec10-ico-book{
  width:28px;height:22px;flex-shrink:0;position:relative;
  border:2px solid #ffb020;border-radius:2px 8px 8px 2px;margin-right:4px;
}
.sec10-ico-book:before{
  content:"";position:absolute;left:8px;top:3px;bottom:3px;width:2px;background:#ffb020;
}
.sec10-toc .toc-grp,.chapter-toc .toc-grp{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sec10);padding:12px 4px 4px;margin:6px 0 2px;
  border-bottom:1px solid color-mix(in srgb, var(--sec10) 35%, transparent);
}

.sec10-pill{
  display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 6px 8px 0;
}
.sec10-pill.gnd{background:#3d2a00;color:#ffb020;border:1px solid #ffb020;}
.sec10-pill.flt{background:#0a2540;color:#3aa0ff;border:1px solid #3aa0ff;}
.sec10-pill.nnc{background:var(--sec10-wash);color:var(--sec10-dim);border:1px solid var(--sec10);}
.sec10-pill.sys{background:var(--sec10-wash);color:var(--sec10-dim);border:1px solid var(--sec10);}
.sec10-pill.to{background:#0a2030;color:#7EC8FF;border:1px solid #3aa0ff;}
.sec10-pill.src{background:#1a1a1a;color:#aaa;border:1px solid #444;}

.sec10-cond,.sec10-obj{
  background:#000;border:1px solid #2a2a2a;border-radius:14px;padding:16px 18px;margin:12px 0;
}
.sec10-cond .lbl,.sec10-obj .lbl{
  color:#E10600;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;
}
.sec10-cond .txt,.sec10-obj .txt{color:#fff;font-size:19px;line-height:1.45;}

.sec10-warn{
  background:#1a0808;border:1.5px solid #E10600;border-radius:12px;
  padding:16px 18px;margin:12px 0;color:#ffffff;font-size:18px;line-height:1.45;
}
.sec10-note{
  background:#111;border-left:3px solid var(--sec10);border-radius:10px;
  padding:14px 16px;margin:12px 0;color:#ddd;font-size:18px;line-height:1.5;
}
.sec10-amber{
  background:#1a1408;border:1.5px solid #ffb020;border-radius:12px;
  padding:16px 18px;margin:12px 0;color:#ffe0a0;font-size:18px;line-height:1.45;
}

.sec10-light{
  display:inline-block;border:1.5px solid #ffb020;color:#ffb020;background:#120e00;
  font-size:15px;font-weight:800;letter-spacing:.04em;padding:8px 12px;border-radius:8px;
  margin:3px 4px 3px 0;text-align:center;
}
.sec10-light.blue{border-color:#3aa0ff;color:#3aa0ff;background:#061018;}
.sec10-light.red{border-color:#E10600;color:#ff8a80;background:#180808;}
.sec10-light.grn{border-color:#66bb6a;color:#a5d6a7;background:#0a180c;}
.sec10-lights{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;}

.sec10-h{
  font-size:22px;font-weight:800;letter-spacing:.04em;color:#fff;
  border-bottom:2px solid var(--sec10);padding-bottom:6px;margin:20px 0 12px;
}
.sec10-card{
  background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:14px 16px;margin:10px 0;
  color:#ddd;font-size:18px;line-height:1.5;
}
.sec10-card h3{color:#fff;font-size:19px;margin:0 0 8px;}
.sec10-card ul{margin:6px 0 0;padding-left:18px;}
.sec10-card p{margin:0 0 8px;}
.sec10-card p:last-child{margin:0;}
.sec10-card strong{color:#fff;}
.sec10-card .b{color:var(--sec10);font-weight:800;}
.sec10-card .a{color:#ffb020;font-weight:800;}
.sec10-card.mini{font-size:16px;}
.sec10-card-grid{display:grid;gap:10px;margin:10px 0;}
.sec10-card-grid.two{grid-template-columns:1fr;}
@media(min-width:520px){.sec10-card-grid.two{grid-template-columns:1fr 1fr;}}

.sec10-kv{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;
  background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:14px 16px;margin:10px 0;
  color:#ddd;font-size:16px;
}
.sec10-kv span:nth-child(odd){color:#888;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.sec10-kv span:nth-child(even){color:#fff;font-weight:700;}

.sec10-compound{
  display:flex;align-items:center;gap:10px;margin:18px 0 10px;
  color:#ffb020;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;
}
.sec10-compound:before,.sec10-compound:after{
  content:"";flex:1;height:1px;background:#ffb020;opacity:.45;
}

.sec10-form-topic{
  background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:16px;margin:0 0 12px;
}
.sec10-form-topic h2{
  color:var(--sec10);font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  margin:0 0 10px;font-weight:800;
}
.sec10-form-topic .tip{
  background:#101010;border-left:3px solid #ffb020;border-radius:8px;
  padding:10px 12px;margin:8px 0;color:#ddd;font-size:14.5px;line-height:1.5;
}
.sec10-form-topic .tip p{margin:0 0 6px;}
.sec10-form-topic .tip p:last-child{margin:0;}

.sec10-link{color:var(--sec10);font-weight:700;text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--sec10) 45%, transparent);}
.sec10-link:hover{border-bottom-color:var(--sec10);}

a.mel-go{
  display:inline-block;vertical-align:middle;
  background:#1a0000;border:1.5px solid #E10600;color:#fff;
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-weight:800;font-size:16px;letter-spacing:.04em;
  padding:10px 14px;border-radius:10px;text-decoration:none;
  white-space:nowrap;line-height:1.15;margin:2px 2px;min-height:44px;box-sizing:border-box;
}
a.mel-go:active{filter:brightness(1.2);}

.page-header h1, h1{font-size:26px !important;line-height:1.2 !important;}
.back-link{font-size:16px;}

.sec10-fig{
  background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;
  padding:14px 12px;margin:14px 0;overflow-x:auto;
}
.sec10-fig figcaption{
  color:#f0f0f5;font-size:14px;line-height:1.4;margin-top:10px;
  border-top:1px solid #222;padding-top:10px;
}
.sec10-fig svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto;}

.sec10-reveal{margin:8px 0 18px;}
.sec10-reveal-btn{
  appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;
  min-height:48px;padding:12px 16px;border-radius:12px;cursor:pointer;
  background:#0c0c0c;border:1px solid #3a3a3a;color:#ffffff;
  font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.sec10-reveal-btn:active{opacity:.85;}
.sec10-reveal-btn[aria-expanded="true"]{border-color:var(--sec10);color:#fff;background:var(--sec10-dim);}
.sec10-reveal-panel{margin-top:12px;}

.actions-grid a.action-btn .glyph,
.actions-grid a.action-btn .emoji{font-size:22px;filter:none;color:#e8e8ee;line-height:1;}
.actions-grid a.action-btn.tests .glyph,
.actions-grid a.action-btn.tests .emoji{color:#ff8a80;}
.actions-grid a.action-btn.graph .glyph,
.actions-grid a.action-btn.graph .emoji{color:#9e9e9e;}
.actions-grid a.action-btn.quiz .glyph,
.actions-grid a.action-btn.quiz .emoji{color:#c9a227;}
.actions-grid a.action-btn.live-chip{
  background:linear-gradient(160deg,var(--sec10-dim) 0%,color-mix(in srgb, var(--sec10) 40%, #0a0a0a) 55%,#040406 100%)!important;
  border:1.5px solid color-mix(in srgb, var(--sec10) 70%, #fff)!important;
  color:#fff!important;
  box-shadow:0 0 14px color-mix(in srgb, var(--sec10) 35%, transparent), inset 0 1px 0 rgba(255,255,255,.06);
  min-height:72px;
}
.actions-grid a.action-btn.live-chip .live-chip-sub{
  display:block;font-size:10px;letter-spacing:.14em;opacity:.9;margin-top:4px;font-weight:700;
}

.sec10-nnc .box-cond .txt,
.sec10-nnc .box-obj .txt{font-size:18px !important;line-height:1.45 !important;color:#fff !important;}
.sec10-nnc .step-card{font-size:18px !important;line-height:1.45 !important;padding:16px 16px !important;}
.sec10-nnc .choice-btn{font-size:16px !important;min-height:96px !important;}
.sec10-nnc .choice-row.stack{flex-direction:row;}
.sec10-nnc .choice-row.stack .choice-btn{min-width:0;}
.sec10-nnc .warn{
  background:#1a0808;border:1.5px solid #E10600;border-radius:12px;
  padding:14px 16px;margin:12px 0;color:#ffffff;font-size:16px;line-height:1.45;
}
.sec10-nnc .warn .lbl{
  color:#E10600;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;
}
.sec10-nnc .caution{
  background:#1a1408;border:1.5px solid #c9a227;border-radius:12px;
  padding:14px 16px;margin:12px 0;color:#ffe0a0;font-size:16px;line-height:1.45;
}
.sec10-nnc .caution .lbl{
  color:#c9a227;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;
}
.sec10-nnc .note{
  background:#111;border-left:3px solid var(--sec10);border-radius:10px;
  padding:12px 14px;margin:12px 0;color:#ddd;font-size:15px;line-height:1.5;
}
.sec10-nnc .step-num{
  display:inline-block;background:#E10600;color:#fff;font-size:12px;font-weight:800;
  padding:3px 9px;border-radius:8px;margin-right:8px;
}
.sec10-nnc .sep{border:none;border-top:2px dashed #333;margin:20px 0;}
.sec10-nnc .back-steps{
  display:block;text-align:center;color:#888;font-size:13px;margin:10px 0;text-decoration:none;
}
.sec10-nnc .subh{
  color:var(--sec10);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  margin:18px 0 8px;
}
.cl.form{border-left:3px solid #ffb020;padding-left:10px;}


.sec10-nnc .uas-calc,
a.uas-calc{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:16px 0 8px;padding:16px 18px;border-radius:14px;text-decoration:none;
  background:linear-gradient(135deg,#061018 0%,#0a1e2e 40%,#0d2840 100%);
  border:1.5px solid #3ecbff;color:#e8f7ff;font-weight:800;font-size:16px;
  letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 18px rgba(62,203,255,.35);
}
.sec10-nnc .uas-calc .ico,
a.uas-calc .ico{font-size:22px;line-height:1;}
.sec10-nnc .uas-calc small,
a.uas-calc small{
  display:block;font-size:12px;font-weight:600;letter-spacing:.02em;
  text-transform:none;color:#8ec8e8;margin-top:4px;
}
.sec10-nnc .choice-title{
  font-size:18px!important;font-weight:800;margin:18px 0 12px;text-align:center;color:#fff;
}
.sec10-nnc .choice-title .fr{
  display:block;font-size:15px;font-weight:600;color:#aaa;margin-top:6px;
}