/* Communications — section 5. Headset green/teal #00e8c0. 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 + --sec5 headset green (NOT Extra #3ecbff, NOT Elec violet). */
:root{
  --sec5:#00e8c0;--sec5-fg:#041410;--sec5-dim:#021a14;--sec5-wash:#c8fff0;
  --amber:#ffb020;--blue-lt:#3aa0ff;
}

.sec5-chapter-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  background:var(--sec5);color:var(--sec5-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;
}
.sec5-chapter-bar .sec5-ptt{
  width:18px;height:16px;flex-shrink:0;position:relative;
}
.sec5-chapter-bar .sec5-ptt:before{
  content:"";position:absolute;left:2px;right:2px;top:0;height:9px;
  border:2.5px solid var(--sec5-fg);border-bottom:none;border-radius:10px 10px 0 0;
  box-sizing:border-box;
}
.sec5-chapter-bar .sec5-ptt:after{
  content:"";position:absolute;left:0;bottom:0;width:5px;height:8px;
  background:var(--sec5-fg);border-radius:1px 2px 2px 1px;
  box-shadow:13px 0 0 var(--sec5-fg);
}

.sec5-toc,.chapter-toc{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.sec5-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(--sec5);
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;
  font-size:17px;font-weight:700;min-height:56px;
}
.sec5-toc a .pg,.chapter-toc a .pg{color:#8e8e93;font-size:12px;font-weight:800;flex-shrink:0;}
.sec5-toc a.form,.chapter-toc a.form{
  border-left-color:#ffb020;
  background:linear-gradient(180deg,#1a160c 0%,#100e08 100%);
}
.sec5-ico-book{
  width:28px;height:22px;flex-shrink:0;position:relative;
  border:2px solid #ffb020;border-radius:2px 8px 8px 2px;margin-right:4px;
}
.sec5-ico-book:before{
  content:"";position:absolute;left:8px;top:3px;bottom:3px;width:2px;background:#ffb020;
}

.sec5-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;
}
.sec5-pill.gnd{background:#3d2a00;color:#ffb020;border:1px solid #ffb020;}
.sec5-pill.flt{background:#0a2540;color:#3aa0ff;border:1px solid #3aa0ff;}
.sec5-pill.sys,.sec5-pill.nnc{background:var(--sec5-wash);color:#006a56;border:1px solid var(--sec5);}
.sec5-pill.app{background:#1a1030;color:#ce93d8;border:1px solid #ce93d8;}

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

.sec5-warn,.sec5-amber{
  /* amber caution chrome — traps / teaching cautions (not QRH red) */
  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;
}
.sec5-crit{
  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;
}
.sec5-note,.sec5-form-topic .tip{
  background:#111;border-left:3px solid var(--sec5);border-radius:10px;
  padding:14px 16px;margin:12px 0;color:#ddd;font-size:18px;line-height:1.5;
}
.sec5-tip{
  background:#101010;border-left:3px solid #ffb020;border-radius:8px;
  padding:14px 16px;margin:8px 0;color:#ddd;font-size:18px;line-height:1.5;
}

.sec5-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;
}
.sec5-light.blue{border-color:#3aa0ff;color:#3aa0ff;background:#061018;}
.sec5-light.red{border-color:#E10600;color:#ff8a80;background:#180808;}
.sec5-light.teal,.sec5-light.green{border-color:var(--sec5);color:var(--sec5);background:#041410;}
.sec5-light.amber{border-color:#ffb020;color:#ffb020;background:#120e00;}
.sec5-lights{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;}

.sec5-h{
  font-size:22px;font-weight:800;letter-spacing:.04em;color:#fff;
  border-bottom:2px solid var(--sec5);padding-bottom:6px;margin:20px 0 12px;
}
.sec5-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;
}
.sec5-card h3{color:#fff;font-size:19px;margin:0 0 8px;}
.sec5-card ul{margin:6px 0 0;padding-left:18px;}
.sec5-card li{margin:4px 0;}
.sec5-card p{margin:0 0 8px;}
.sec5-card p:last-child{margin:0;}
.sec5-card strong{color:#fff;}
.sec5-card .b{color:var(--sec5);font-weight:800;}
.sec5-card .a{color:#ffb020;font-weight:800;}

.sec5-cb{
  display:inline-flex;align-items:center;gap:6px;
  background:#1a0808;border:1px solid #E10600;color:#fff;
  font-size:14px;font-weight:800;padding:6px 10px;border-radius:8px;margin:3px 4px 3px 0;
  text-decoration:none;
}
.sec5-cb:before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:#E10600;border:2px solid #ff8a80;box-sizing:border-box;
}
.sec5-mel,.sec5-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:#1a1408;border:1px solid #ffb020;color:#ffb020;
  font-size:13px;font-weight:800;padding:6px 10px;border-radius:8px;margin:3px 4px 3px 0;
  text-decoration:none;
}
.sec5-chip.sop{border-color:#3aa0ff;color:#7EC8FF;background:#061018;}
.sec5-chip.link,.sec5-chip{
  border-color:var(--sec5);color:var(--sec5);background:#041410;
}

.sec5-tbl{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0 4px;}
.sec5-tbl th{
  text-align:left;color:#006a56;background:var(--sec5-wash);
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:8px 8px;border-bottom:1px solid #333;
}
.sec5-tbl td{padding:7px 8px;border-bottom:1px solid #1e1e1e;color:#eee;vertical-align:top;}
.sec5-tbl tr:nth-child(even) td{background:#0e0e0e;}

.sec5-qrh{
  display:block;text-align:center;background:#1a1a1a;border:1px solid #E10600;color:#E10600;
  padding:12px;border-radius:12px;font-weight:700;text-decoration:none;margin:14px 0;
}

.sec5-form-topic{
  background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:16px;margin:0 0 12px;
}
.sec5-form-topic h2{
  color:var(--sec5);font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  margin:0 0 10px;font-weight:800;
}
.sec5-form-topic .tip p{margin:0 0 6px;}
.sec5-form-topic .tip p:last-child{margin:0;}

.sec5-reveal{margin:8px 0 18px;}
.sec5-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;
}
.sec5-reveal-btn:active{opacity:.85;}
.sec5-reveal-btn[aria-expanded="true"]{border-color:var(--sec5);color:var(--sec5);background:#041410;}
.sec5-reveal-panel{margin-top:12px;}
.sec5-photo-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:520px){.sec5-photo-grid{grid-template-columns:1fr 1fr;}}
.sec5-photo{
  background:#0c0c0c;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;margin:0;
}
.sec5-photo img{display:block;width:100%;height:auto;}
.sec5-photo figcaption{
  padding:8px 10px;font-size:12px;color:#f0f0f5;letter-spacing:.04em;
}

.sec5-live-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;}
.sec5-link{color:var(--sec5);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,232,192,.35);}
.sec5-link:hover{border-bottom-color:var(--sec5);}

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

.sec5-or{
  background:#121212;border:1px solid #2a2a2a;border-radius:14px;padding:14px;margin:12px 0;
}
.sec5-or .gate{
  font-size:18px;font-weight:800;letter-spacing:.06em;color:#006a56;margin-bottom:10px;
  background:var(--sec5-wash);display:inline-block;padding:8px 12px;border-radius:10px;
}
.sec5-or ul{margin:0;padding-left:22px;color:#eee;font-size:18px;line-height:1.5;}

/* —— Hub LIVE chips —— */
.actions-grid a.action-btn.live-chip{
  background:linear-gradient(160deg,#041410 0%,#0a2a22 55%,#051816 100%)!important;
  border:1.5px solid var(--sec5)!important;
  color:#e8fff8!important;
  box-shadow:0 0 14px rgba(0,232,192,.28), inset 0 1px 0 rgba(255,255,255,.06);
  min-height:72px;
}
.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 .glyph,
.actions-grid a.action-btn.live-chip .emoji{color:var(--sec5);filter:none;}
.actions-grid a.action-btn.live-chip .live-chip-sub{
  display:block;font-size:10px;letter-spacing:.14em;color:var(--sec5);opacity:.9;margin-top:4px;font-weight:700;
}

/* —— QRH NNC pages keep working —— */
.sec5-nnc .box-cond .txt,
.sec5-nnc .box-obj .txt{font-size:18px !important;line-height:1.45 !important;color:#fff !important;}
.sec5-nnc .step-card{font-size:18px !important;line-height:1.45 !important;padding:16px 16px !important;}
.sec5-nnc .choice-btn{font-size:16px !important;min-height:96px !important;}
.sec5-nnc .choice-row.stack{flex-direction:row;}
.sec5-nnc .choice-row.stack .choice-btn{min-width:0;}
.sec5-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;
}
.sec5-nnc .warn .lbl{
  color:#E10600;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;
}
.sec5-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;
}
.sec5-nnc .caution .lbl{
  color:#c9a227;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;
}
.sec5-nnc .note{
  background:#111;border-left:3px solid var(--sec5);border-radius:10px;
  padding:12px 14px;margin:12px 0;color:#ddd;font-size:15px;line-height:1.5;
}
.sec5-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;
}
.sec5-nnc .sep{border:none;border-top:2px dashed #333;margin:20px 0;}
.sec5-nnc .back-steps{
  display:block;text-align:center;color:#888;font-size:13px;margin:10px 0;text-decoration:none;
}
.sec5-nnc .subh{
  color:var(--sec5);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;}

/* —— SEC5 LIVE (Radio RTP / Audio ASP) — phone-first trainer chrome —— */
body.radio-live-page,body.audio-live-page{background:#000!important;color:#fff;}
.rtp-live-wrap,.asp-live-wrap{max-width:640px;margin:0 auto;}
.rtp-kicker,.asp-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sec5);margin:0 0 10px;}
#rtpPanelHost .rtp-svg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;}
#rtpPanelHost svg.ba-panel,#rtpPanelHost svg.rtp-panel{
  display:block;width:100%;height:auto;min-width:320px;max-width:640px;margin:0 auto;
}