/* Procedures — CDU / FMC section 20. Cyan keypad. Do not share Electrical gold/plug, Airplane General gray window #90a4ae, Air Systems sky-cyan duct #29b6f6, Anti-Ice ice-cyan hexagon #4dd0e1, Miscellaneous muted violet #c9a0dc, Automatic Flight FMA magenta #e040fb, Communications headset green #69f0ae, Engines CFM amber #ffb74d, Fire Protection ember #ff5722, Flight Controls yoke teal #26a69a, Flight Instruments PFD indigo #82b1ff, Flight Management CDU lime #b2ff59, Fuel jet-A yellow #ffee58, Hydraulics Skydrol purple #ab47bc, Landing Gear gear-bay brown #8d6e63, Warning Systems coral #ff8a65, Procedures deep violet #7e57c2, Maneuvers indigo #5c6bc0, Standard Calls steel #78909c, Performance teal #4db6ac, or Tesla red #E10600 as a chapter bar. · ELEC GOLD CHROME LOCK appended. */
:root{--sec20:#3D3D3D;--sec20-fg:#ffffff;--sec20-dim:#0c0c0c;}

.sec20-chapter-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  background:var(--sec20);color:var(--sec20-fg);
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  font-size:13px;padding:8px 16px;margin:0;
}
.sec20-chapter-bar .sec20-cdu{
  width:18px;height:18px;flex-shrink:0;position:relative;
  border:2.2px solid var(--sec20-fg);border-radius:3px;
  box-sizing:border-box;
}
.sec20-chapter-bar .sec20-cdu:before{
  content:"";position:absolute;left:2px;top:2px;width:3px;height:3px;
  background:var(--sec20-fg);border-radius:.4px;
  box-shadow:
    4.5px 0 0 var(--sec20-fg), 9px 0 0 var(--sec20-fg),
    0 4.5px 0 var(--sec20-fg), 4.5px 4.5px 0 var(--sec20-fg), 9px 4.5px 0 var(--sec20-fg),
    0 9px 0 var(--sec20-fg), 4.5px 9px 0 var(--sec20-fg), 9px 9px 0 var(--sec20-fg);
}

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

.sec20-form-topic{
  background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:16px;margin:0 0 12px;
}
.sec20-form-topic h2{
  color:var(--sec20);font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  margin:0 0 10px;font-weight:800;
}
.sec20-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;
}
.sec20-form-topic .tip p{margin:0 0 6px;}
.sec20-form-topic .tip p:last-child{margin:0;}
.sec20-form-topic .tip a{color:#80deea;font-weight:700;}

.sec20-src{font-size:12px;color:#888;margin:0 0 12px;}
.sec20-p{
  color:#f0f0fa;font-size:17px;line-height:1.45;margin:10px 0;
}
.sec20-note{
  background:#111;border-left:3px solid var(--sec20);border-radius:10px;
  padding:12px 14px;margin:12px 0;color:#ddd;font-size:16px;line-height:1.5;
}
.sec20-note .lbl{
  color:var(--sec20);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;
}
.sec20-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;
}
.sec20-caution .lbl{
  color:#c9a227;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;
}
.sec20-pdf{
  display:block;text-align:center;background:#1a1a1a;border:1px solid var(--sec20);
  color:#80deea;padding:12px;border-radius:12px;font-weight:700;text-decoration:none;margin:14px 0;
}
.sec20-foot{font-size:11px;color:#666;margin:8px 0 20px;}
.sec20-ul{margin:8px 0 8px 4px;padding:0 0 0 18px;color:#f0f0fa;font-size:17px;line-height:1.45;}
.sec20-ul li{margin:6px 0;}
.sec20-ul a{color:#80deea;font-weight:700;}
.sec20-when{
  color:var(--sec20);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin:16px 0 8px;
}
.sec20-step{
  background:#141414;border:1px solid #2a2a2a;border-radius:12px;
  padding:14px 16px;margin:8px 0;color:#f0f0fa;font-size:17px;line-height:1.45;
}
.sec20-step .n{font-weight:800;color:var(--sec20);margin-right:6px;}

/* ═══ ELEC GOLD CHROME LOCK (sec20) ═══
   cond/obj = elec6 (pad 16/18, lbl 14px #E10600, txt 19px);
   card = #0c0c0c / 18px body; chapter-bar D-DIN + --sec20
   Accent chapter kept: #3D3D3D. NOT Extra #3ecbff / Elec violet #0E0152 / Normal teal #00e8c0 as chapter bar. */
:root{
  --sec20:#3D3D3D;--sec20-fg:#ffffff;--sec20-dim:#0c0c0c;--sec20-wash:#e8e8e8;
  --amber:#ffb020;--blue-lt:#3aa0ff;
}
.sec20-chapter-bar{
  font-size:15px !important;padding:10px 16px !important;letter-spacing:.12em !important;
}
.sec20-toc,.chapter-toc{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.sec20-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(--sec20);
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;
  font-size:17px;font-weight:700;min-height:56px;
}
.sec20-toc a .pg,.chapter-toc a .pg{color:#8e8e93;font-size:12px;font-weight:800;flex-shrink:0;}
.sec20-toc a.crit,.chapter-toc a.crit{border-left-color:#E10600;background:#1a1010;}
.sec20-toc a.form,.chapter-toc a.form{
  border-left-color:#ffb020;
  background:linear-gradient(180deg,#1a160c 0%,#100e08 100%);
}
.sec20-ico-book{
  width:28px;height:22px;flex-shrink:0;position:relative;
  border:2px solid #ffb020;border-radius:2px 8px 8px 2px;margin-right:4px;
}
.sec20-ico-book:before{
  content:"";position:absolute;left:8px;top:3px;bottom:3px;width:2px;background:#ffb020;
}
.sec20-toc .toc-grp,.chapter-toc .toc-grp{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sec20);padding:12px 4px 4px;margin:6px 0 2px;
  border-bottom:1px solid color-mix(in srgb, var(--sec20) 35%, transparent);
}
.sec20-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;
}
.sec20-pill.gnd{background:#3d2a00;color:#ffb020;border:1px solid #ffb020;}
.sec20-pill.flt{background:#0a2540;color:#3aa0ff;border:1px solid #3aa0ff;}
.sec20-pill.nnc{background:var(--sec20-wash);color:var(--sec20-dim);border:1px solid var(--sec20);}
.sec20-pill.sys{background:var(--sec20-wash);color:var(--sec20-dim);border:1px solid var(--sec20);}
.sec20-pill.teach{background:#3d2a00;color:#ffb020;border:1px solid #ffb020;}
.sec20-pill.emg{background:#1a0808;color:#ff8a80;border:1px solid #E10600;}
.sec20-pill.src{background:#1a1a1a;color:#aaa;border:1px solid #444;}
.sec20-cond,.sec20-obj{
  background:#000;border:1px solid #2a2a2a;border-radius:14px;padding:16px 18px;margin:12px 0;
}
.sec20-cond .lbl,.sec20-obj .lbl{
  color:#E10600;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;
}
.sec20-cond .txt,.sec20-obj .txt{color:#fff;font-size:19px;line-height:1.45;}
.sec20-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;
}
.sec20-note{
  background:#111;border-left:3px solid var(--sec20);border-radius:10px;
  padding:14px 16px;margin:12px 0;color:#ddd;font-size:18px;line-height:1.5;
}
.sec20-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;
}
.sec20-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;
}
.sec20-light.blue{border-color:#3aa0ff;color:#3aa0ff;background:#061018;}
.sec20-light.red{border-color:#E10600;color:#ff8a80;background:#180808;}
.sec20-light.grn{border-color:#66bb6a;color:#a5d6a7;background:#0a180c;}
.sec20-lights{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;}
.sec20-h{
  font-size:22px;font-weight:800;letter-spacing:.04em;color:#fff;
  border-bottom:2px solid var(--sec20);padding-bottom:6px;margin:20px 0 12px;
}
.sec20-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;
}
.sec20-card h3{color:#fff;font-size:19px;margin:0 0 8px;}
.sec20-card ul{margin:6px 0 0;padding-left:18px;}
.sec20-card li{margin:4px 0;}
.sec20-card p{margin:0 0 8px;}
.sec20-card p:last-child{margin:0;}
.sec20-card strong{color:#fff;}
.sec20-card .b{color:var(--sec20);font-weight:800;}
.sec20-card .a{color:#ffb020;font-weight:800;}
.sec20-card.mini{font-size:16px;}
.sec20-card-grid{display:grid;gap:10px;margin:10px 0;}
.sec20-card-grid.two{grid-template-columns:1fr;}
@media(min-width:520px){.sec20-card-grid.two{grid-template-columns:1fr 1fr;}}
.sec20-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;
}
.sec20-kv span:nth-child(odd){color:#888;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.sec20-kv span:nth-child(even){color:#fff;font-weight:700;}