/* Hydraulics — section 13. Hyd green #36A924 (System B / section identity). 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 + --sec13 hyd green
   (NOT Extra #3ecbff, NOT Elec violet #0E0152, NOT Normal teal #00e8c0 as chapter bar).
   Keep A=red / B=green / STBY=amber architecture in SVGs. */
:root{
  --sec13:#36A924;--sec13-fg:#ffffff;--sec13-dim:#0a2107;--sec13-wash:#d4f5ce;
  --amber:#ffb020;--blue-lt:#3aa0ff;
}

.sec13-chapter-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  background:var(--sec13);color:var(--sec13-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;
}
.sec13-chapter-bar .sec13-pump{
  width:16px;height:18px;flex-shrink:0;position:relative;
}
.sec13-chapter-bar .sec13-pump:before{
  content:"";position:absolute;left:2px;right:2px;top:5px;bottom:0;
  border:2.5px solid var(--sec13-fg);border-radius:2px 2px 3px 3px;
  box-sizing:border-box;
  background:linear-gradient(to top, var(--sec13-fg) 32%, transparent 32%);
}
.sec13-chapter-bar .sec13-pump:after{
  content:"";position:absolute;left:5px;right:5px;top:0;height:6px;
  border:2px solid var(--sec13-fg);border-bottom:none;
  border-radius:2px 2px 0 0;box-sizing:border-box;
}

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

.sec13-toc{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.sec13-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(--sec13);
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;
  font-size:17px;font-weight:700;min-height:56px;
}
.sec13-toc a .pg{color:#8e8e93;font-size:12px;font-weight:800;flex-shrink:0;}
.sec13-toc a.form,.chapter-toc a.form{
  border-left-color:#ffb020;
  background:linear-gradient(180deg,#1a160c 0%,#100e08 100%);
}
.sec13-toc a.crit,.chapter-toc a.crit{border-left-color:#E10600;background:#1a1010;}
.sec13-toc .toc-grp,.chapter-toc .toc-grp{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sec13);padding:12px 4px 4px;margin:6px 0 2px;
  border-bottom:1px solid rgba(54,169,36,.35);
}

.sec13-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;
}
.sec13-pill.gnd{background:#3d2a00;color:#ffb020;border:1px solid #ffb020;}
.sec13-pill.flt{background:#0a2540;color:#3aa0ff;border:1px solid #3aa0ff;}
.sec13-pill.nnc{background:var(--sec13-wash);color:var(--sec13);border:1px solid var(--sec13);}
.sec13-pill.sys{background:var(--sec13-wash);color:var(--sec13);border:1px solid var(--sec13);}
.sec13-pill.to{background:#0a2030;color:#7EC8FF;border:1px solid #3aa0ff;}
.sec13-pill.src{background:var(--sec13-wash);color:var(--sec13);border:1px solid var(--sec13);}

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

.sec13-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;
}
.sec13-note{
  background:#111;border-left:3px solid var(--sec13);border-radius:10px;
  padding:14px 16px;margin:12px 0;color:#ddd;font-size:18px;line-height:1.5;
}
.sec13-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;
}

.sec13-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;
}
.sec13-light.blue{border-color:#3aa0ff;color:#3aa0ff;background:#061018;}
.sec13-light.red{border-color:#E10600;color:#ff8a80;background:#180808;}
.sec13-light.grn{border-color:#66bb6a;color:#a5d6a7;background:#0a180c;}
.sec13-light.wht{border-color:#eceff1;color:#eceff1;background:#1a1a1a;}
.sec13-lights{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;}

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

.sec13-h{
  font-size:22px;font-weight:800;letter-spacing:.04em;color:#fff;
  border-bottom:2px solid var(--sec13);padding-bottom:6px;margin:20px 0 12px;
}
.sec13-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;
}
.sec13-card h3{color:#fff;font-size:19px;margin:0 0 8px;}
.sec13-card ul{margin:6px 0 0;padding-left:18px;}
.sec13-card p{margin:0 0 8px;}
.sec13-card p:last-child{margin:0;}
.sec13-card strong{color:#fff;}
.sec13-card .b{color:var(--sec13);font-weight:800;}
.sec13-card .a{color:#ffb020;font-weight:800;}
.sec13-card .cl-row{
  display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px dotted #333;font-size:17px;color:#eee;
}
.sec13-card .cl-row:last-child{border-bottom:none;}
.sec13-card .cl-row .act{color:#ffb020;font-weight:800;white-space:nowrap;}

.sec13-bus{
  display:inline-flex;align-items:center;gap:6px;background:#0d1a28;border:1px solid #1a3a55;
  color:#7EC8FF;font-size:15px;font-weight:700;padding:8px 12px;border-radius:8px;margin:3px 4px 3px 0;
}
.sec13-bus:before{content:"";width:8px;height:8px;border-radius:50%;background:#3aa0ff;box-shadow:0 0 8px #3aa0ff;}

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

.sec13-fig{
  margin:14px 0;padding:0;background:#0a0a0a;
  border:1px solid #222;border-radius:12px;overflow:hidden;
}
.sec13-fig img,.sec13-fig svg{display:block;width:100%;height:auto;max-width:100%;}
.sec13-fig figcaption{
  color:#8e8e93;font-size:15px;line-height:1.4;
  padding:10px 12px 12px;margin:0;border-top:1px solid #1e1e1e;
}

.sec13-photo-grid{display:flex;flex-direction:column;gap:14px;margin:14px 0 18px;}

.sec13-reveal{margin:8px 0 18px;}
.sec13-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 #2a2a2a;color:#c8c8d0;
  font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.sec13-reveal-btn:active{opacity:.85;}
.sec13-reveal-btn[aria-expanded="true"]{
  border-color:var(--sec13);color:#d4f5ce;background:#0a2107;
}
.sec13-reveal-panel{margin-top:12px;}

.actions-grid a.action-btn.live-chip{
  background:linear-gradient(160deg,#0a2107 0%,#123018 55%,#081808 100%)!important;
  border:1.5px solid #6fd45a!important;
  color:#e8ffe4!important;
  box-shadow:0 0 14px rgba(54,169,36,.35), inset 0 1px 0 rgba(255,255,255,.06);
  min-height:72px;
}
.actions-grid a.action-btn.live-chip .emoji{color:#6fd45a;filter:none;}
.actions-grid a.action-btn.live-chip .live-chip-sub{
  display:block;font-size:10px;letter-spacing:.14em;color:#6fd45a;opacity:.9;margin-top:4px;font-weight:700;
}

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

.sec13-link{
  color:var(--sec13);font-weight:700;text-decoration:none;
  background:var(--sec13-wash);padding:2px 8px;border-radius:6px;
}
.sec13-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;
}
.sec13-compound:before,.sec13-compound:after{
  content:"";flex:1;height:1px;background:#ffb020;opacity:.45;
}

.sec13-panel-map{
  position:relative;margin:12px 0;border-radius:12px;overflow:hidden;
  border:1px solid #2a2a2a;background:#0a0a0a;
}
.sec13-panel-map img{display:block;width:100%;height:auto;}
.sec13-callout{
  margin:8px 0;padding:10px 12px;border-radius:10px;
  background:#0a180c;border-left:3px solid var(--sec13);color:#ddd;font-size:16px;line-height:1.45;
}
.sec13-callout strong{color:#d4f5ce;}
.sec13-callout .tag{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;
  color:#6fd45a;margin-bottom:4px;text-transform:uppercase;
}

.sec13-remarks{margin:12px 0;}
.sec13-remarks h3{
  background:#1a1a1a;color:#fff;font-size:16px;font-weight:800;
  padding:10px 12px;margin:0;border-bottom:1px solid #2a2a2a;
}
.sec13-remarks .blk{
  background:#0c0c0c;border:1px solid #222;border-top:none;
  padding:12px 14px;color:#ddd;font-size:17px;line-height:1.5;margin:0 0 8px;
}
.sec13-remarks .blk:first-of-type{border-radius:0 0 0 0;}

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

/* Dense teaching helpers — Electrical-style tables/SVG/chips (no pasted manuals) */
.sec13-fig svg{max-width:640px;margin:0 auto;}
.sec13-fig-wide svg{max-width:720px;}
.sec13-chip{
  display:inline-block;font-size:13px;font-weight:800;letter-spacing:.04em;
  padding:6px 10px;border-radius:8px;margin:3px 4px 3px 0;border:1px solid #333;
  background:#121212;color:#ddd;
}
.sec13-chip.a{border-color:#e74c3c;color:#ff8a80;background:#1a0a0a;}
.sec13-chip.b{border-color:#36A924;color:#a5d6a7;background:#0a180c;}
.sec13-chip.stby{border-color:#f1c40f;color:#ffe082;background:#1a1608;}
.sec13-chip.ptu{border-color:#7EC8FF;color:#7EC8FF;background:#0a1520;}
.sec13-tbl td.num{font-variant-numeric:tabular-nums;font-weight:700;color:#fff;}
.sec13-tbl .loss{color:#ff8a80;}
.sec13-tbl .ok{color:#a5d6a7;}
.sec13-kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:6px 0;}
.sec13-kv span:nth-child(odd){color:#aaa;}
.sec13-kv span:nth-child(even){color:#fff;font-weight:700;text-align:right;}

/* LIVE / panel SVG presentation polish */
.sec13-fig.panel{
  background:linear-gradient(180deg,#0e0e0e 0%,#080808 100%);
  border:1px solid #2a2a2a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sec13-fig.panel figcaption{
  background:#0a0a0a;
  border-top:1px solid #1a1a1a;
  color:#9a9aa3;
  font-size:14px;
}
.sec13-panel-plate{
  margin:12px 0;padding:10px 12px;border-radius:12px;
  background:#0c0c0c;border:1px solid #252525;
}
.sec13-bus-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;}
.sec13-stub{
  background:#0c0c0c;border:1px solid #2a2a2a;border-left:4px solid var(--sec13);
  border-radius:14px;padding:18px 16px;margin:16px 0;color:#ddd;font-size:17px;line-height:1.5;
}
.sec13-stub a{color:#6fd45a;font-weight:700;text-decoration:none;}
.sec13-stub a:hover{text-decoration:underline;}
.sec13-fig svg text{paint-order:stroke fill;}

.sec13-tbl td.a{color:#ff8a80;font-weight:800;}
.sec13-tbl td.b{color:#a5d6a7;font-weight:800;}

/* —— Formation tip chips (journée 1 polish) —— */
.sec13-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px;
}
.sec13-tip-chip{
  display:inline-flex;align-items:flex-start;gap:8px;
  background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);
  border:1px solid #2a2a2a;border-left:3px solid #ffb020;
  border-radius:12px;padding:10px 12px;color:#ddd;
  font-size:15px;line-height:1.45;max-width:100%;
  flex:1 1 220px;
}
.sec13-tip-chip .k{
  flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#ffb020;background:#1a1608;
  border:1px solid #5a4500;border-radius:6px;padding:3px 6px;margin-top:1px;
}
.sec13-tip-chip .t{flex:1;min-width:0;}
.sec13-tip-chip.a{border-left-color:#e74c3c;}
.sec13-tip-chip.a .k{color:#ff8a80;background:#1a0a0a;border-color:#7a2a2a;}
.sec13-tip-chip.b{border-left-color:#36A924;}
.sec13-tip-chip.b .k{color:#a5d6a7;background:#0a180c;border-color:#2a6a22;}
.sec13-tip-chip.stby{border-left-color:#f1c40f;}
.sec13-tip-chip.stby .k{color:#ffe082;background:#1a1608;border-color:#6a5a10;}
.sec13-tip-chip.ptu{border-left-color:#7EC8FF;}
.sec13-tip-chip.ptu .k{color:#7EC8FF;background:#0a1520;border-color:#1a4a6a;}
.sec13-tip-chip.crit{border-left-color:#E10600;}
.sec13-tip-chip.crit .k{color:#ff8a80;background:#1a0808;border-color:#7a2020;}

.sec13-form-topic .sec13-chips{margin-top:4px;}
.sec13-path{
  display:flex;flex-direction:column;gap:8px;margin:8px 0 14px;
}
.sec13-path a{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(180deg,#161616 0%,#0e0e0e 100%);
  border:1px solid #2a2a2a;border-left:4px solid var(--sec13);
  border-radius:14px;padding:12px 14px;color:#fff;text-decoration:none;
  font-size:16px;font-weight:700;min-height:52px;
}
.sec13-path a .n{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;
  background:var(--sec13-wash);color:var(--sec13);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;
}
.sec13-path a .d{color:#aaa;font-weight:600;font-size:14px;margin-left:auto;}

/* Card grid for denser topic pages */
.sec13-card-grid{
  display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0;
}
@media (min-width:560px){
  .sec13-card-grid.two{grid-template-columns:1fr 1fr;}
}
.sec13-card.mini{padding:12px 14px;margin:0;}
.sec13-card.mini h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec13);margin:0 0 8px;}

/* Reveal polish */
.sec13-reveal-btn{
  transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease;
}
.sec13-reveal-btn[aria-expanded="true"]{
  box-shadow:0 0 0 1px rgba(54,169,36,.35),0 0 16px rgba(54,169,36,.12);
}
.sec13-reveal-panel[hidden]{display:none !important;}
.sec13-reveal-panel:not([hidden]){
  animation:sec13RevealIn .18s ease-out;
}
@keyframes sec13RevealIn{
  from{opacity:0;transform:translateY(-4px);}
  to{opacity:1;transform:none;}
}

/* Amber plate helper (SVG captions / callouts) */
.sec13-plate{
  display:inline-block;background:#1a1408;border:1.5px solid #ffb020;color:#ffb020;
  font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 10px;border-radius:6px;
  margin:2px 4px 2px 0;
}