/* Extra — Technical Guide shells. Not QRH/NORMAL bars. */
:root{--extra:#3ecbff;--extra-fg:#e8f7ff;--extra-dim:#0a1e2e;}
.extra-chapter-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  background:linear-gradient(135deg,#061018 0%,#0a1e2e 45%,#0d2840 100%);
  color:var(--extra-fg);
  border-bottom:1.5px solid #3ecbff;
  box-shadow:0 4px 18px rgba(62,203,255,.28);
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  font-size:13px;padding:10px 16px;margin:0;
}
.extra-toc{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.extra-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(--extra);
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;
  font-size:16px;font-weight:700;min-height:52px;
}
.extra-toc a .fr{color:#8e8e93;font-size:13px;font-weight:500;display:block;margin-top:3px;}
.extra-toc a.form{border-left-color:#ffb020;background:linear-gradient(180deg,#1a160c 0%,#100e08 100);}
.extra-note{color:#8e8e93;font-size:14px;line-height:1.45;margin:0 0 14px;}
#plusSheet a.plus-row.extra{border-left-color:#3ecbff;}
#plusSheet a.plus-row.extra .s-title{color:#3ecbff;}

.ba-tab.on.t-extra{color:var(--extra);}
.ba-tab.on.t-extra .u{background:var(--extra);}
.mode-extra .ba-row{border-left:4px solid var(--extra);}
.mode-extra .ba-name{font-weight:700;}

.mel-card{background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:16px;margin:0 0 10px;}
.mel-card h2{margin:0 0 8px;font-size:17px;font-weight:800;color:#fff;letter-spacing:.01em;}
.mel-card .lab{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#3ecbff;margin:12px 0 4px;}
.mel-card p{margin:0;font-size:14.5px;line-height:1.45;color:#c8c8c8;}
.mel-card .src{margin-top:12px;font-size:12px;color:#777;}
.mel-empty{color:#8e8e93;font-size:15px;line-height:1.45;padding:8px 2px;}

.mtc-btn{
  display:flex;align-items:center;gap:14px;
  margin:4px 0 16px;padding:16px 14px;
  background:#0c0c0c;border:1px solid #2a2a2a;border-left:4px solid #3ecbff;
  border-radius:14px;color:#fff;text-decoration:none;
}
.mtc-btn .code{
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-size:15px;font-weight:800;letter-spacing:.08em;color:#3ecbff;
  flex-shrink:0;width:46px;
}
.mtc-btn .txt{flex:1;min-width:0;}
.mtc-btn .big{display:block;font-size:22px;font-weight:800;letter-spacing:.02em;line-height:1.1;}
.mtc-btn small{display:block;font-size:13px;color:#8e8e93;font-weight:500;margin-top:4px;letter-spacing:0;}
.mtc-btn .arr{color:#555;font-size:22px;flex-shrink:0;}

.x-duo{display:flex;flex-direction:column;gap:16px;padding:8px 0 22px;}
.x-big{
  display:flex !important;align-items:center;justify-content:space-between;gap:12px;
  min-height:112px;padding:24px 22px;border-radius:20px;
  text-decoration:none !important;color:#fff !important;box-sizing:border-box;
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
}
.x-big .t{display:block;font-size:28px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:#fff;}
.x-big small{display:block;font-size:14px;font-weight:600;letter-spacing:.02em;margin-top:8px;opacity:.9;text-transform:none;color:#fff;}
.x-big .arr{font-size:32px;opacity:.85;flex-shrink:0;color:#fff;}
.x-big.mtc{
  background:linear-gradient(165deg,#3b82f6 0%,#1d4ed8 55%,#1e3a8a 100%) !important;
  border:2px solid #93c5fd !important;
  box-shadow:0 10px 32px rgba(37,99,235,.45);
}
.x-big.acc{
  background:linear-gradient(165deg,#E10600 0%,#b10500 55%,#6b0000 100%) !important;
  border:2px solid #ff6b66 !important;
  box-shadow:0 10px 32px rgba(225,6,0,.55);
}
.x-sys{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;}
.x-sys a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#0c0c0c;border:1px solid #2a2a2a;border-left:4px solid #3b82f6;
  border-radius:14px;padding:16px 14px;color:#fff;text-decoration:none;
  min-height:58px;
}
.x-sys a .n{font-size:17px;font-weight:800;}
.x-sys a .fr{display:block;font-size:13px;font-weight:500;color:#8e8e93;margin-top:3px;}
.x-sys a .ncount{font-size:13px;font-weight:800;color:#3ecbff;flex-shrink:0;}
.acc-row{
  display:flex;align-items:flex-start;gap:12px;
  background:#140808;border:1px solid #3a1515;border-left:4px solid #E10600;
  border-radius:14px;padding:14px 14px;color:#fff;text-decoration:none;margin:0 0 8px;
}
.acc-row.ng{
  background:#140808;border:1px solid #3a1515;border-left:6px solid #E10600;
}
.acc-row.ng .d{color:#ff8a80;}
.acc-row.cl{
  background:#141408;border:1px solid #3a3a12;border-left:6px solid #FFDE00;
}
.acc-row.cl .d{color:#FFDE00;}
.acc-row .d{font-size:12px;font-weight:800;letter-spacing:.06em;color:#ff8a80;flex-shrink:0;width:78px;padding-top:3px;}
.acc-row .n{font-size:16px;font-weight:800;line-height:1.25;}
.acc-row .m{display:block;font-size:13px;color:#aaa;font-weight:500;margin-top:4px;}
.acc-row .ac-chip{
  display:inline-block;font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-size:10px;font-weight:800;letter-spacing:.08em;
  padding:1px 6px;border-radius:4px;margin-left:8px;vertical-align:middle;
}
.acc-row.ng .ac-chip{background:#E10600;color:#fff;}
.acc-row.cl .ac-chip{background:#FFDE00;color:#111;}
.acc-kind{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:8px;margin:0 0 12px;}
.acc-kind.panne{background:#E10600;color:#fff;}
.acc-kind.erreur{background:#ffb020;color:#111;}
.acc-kind.meteo{background:#3aa0ff;color:#111;}
.acc-kind.collision{background:#c084fc;color:#111;}
.acc-kind.externe{background:#555;color:#fff;}
.acc-kind.mixte{background:#fff;color:#111;}

button.x-big{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  margin:0;
}

h1 a.h1-back, h1[data-xback]{color:#fff;text-decoration:none;cursor:pointer;}

.acc-leg{display:flex;gap:10px;margin:0 0 12px;}
.acc-leg span{flex:1;text-align:center;padding:8px;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:.06em;}
.acc-leg .ng{background:#E10600;color:#fff;}
.acc-leg .cl{background:#FFDE00;color:#111;}

.acc-row.mx{
  background:#080c18;border:1px solid #1e3a5f;border-left:6px solid #3B82F6;
}
.acc-row.mx .d{color:#93c5fd;}
.acc-row.mx .ac-chip{background:#2563EB;color:#fff;}
.acc-leg .mx{background:#2563EB;color:#fff;}

.acc-row.kind-crash{
  background:#1a0707;
}
.acc-row.kind-crash.cl{background:#1a1206;}
.acc-row.kind-crash.mx{background:#0c0814;}
.acc-row.kind-gear{
  background:#120816;border-color:#3a2048;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.28);
}
.acc-row.kind-gear.cl{background:#141018;}
.acc-row.kind-tail{
  background:#061214;border-color:#163a3a;
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.28);
}
.acc-row.kind-tail.cl{background:#101814;}

.acc-row .ai-chip{
  display:inline-block;font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
  font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;
}
.acc-row .ai-chip.acc{background:#3a1010;color:#ffb4b0;border:1px solid #6b2020;}
.acc-row .ai-chip.inc{background:#1a1a22;color:#c8c8d8;border:1px solid #3a3a48;}

.acc-kind.crash{background:#7f1d1d;color:#fff;}
.acc-kind.gear{background:#6d28d9;color:#fff;}
.acc-kind.tail{background:#0d9488;color:#fff;}
.acc-kind.incident{background:#333;color:#fff;}

.acc-leg.kind{margin-top:-4px;}
.acc-leg.kind .kind-crash{background:#3a1010;color:#ffb4b0;border:1px solid #6b2020;}
.acc-leg.kind .kind-gear{background:#1a1024;color:#c4b5fd;border:1px solid #6d28d9;}
.acc-leg.kind .kind-tail{background:#0a1c1c;color:#99f6e4;border:1px solid #0d9488;}
.acc-leg.ai{margin-top:-4px;margin-bottom:14px;}
.acc-leg.ai .acc{background:#2a1010;color:#ffb4b0;}
.acc-leg.ai .inc{background:#1a1a22;color:#c8c8d8;}

/* Kind icons on each accident row (visible, not legend-only) */
.acc-row.kind-crash,
.acc-row.kind-gear,
.acc-row.kind-tail{position:relative;padding-left:44px;}
.acc-row.kind-crash::before,
.acc-row.kind-gear::before,
.acc-row.kind-tail::before{
  content:"";position:absolute;left:12px;top:14px;
  width:22px;height:22px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;line-height:22px;text-align:center;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.acc-row.kind-crash::before{
  content:"💥";background:#3a1010;border:1px solid #6b2020;
}
.acc-row.kind-gear::before{
  content:"⚙";color:#c4b5fd;background:#1a1024;border:1px solid #6d28d9;
  font-size:15px;font-weight:700;
}
.acc-row.kind-tail::before{
  content:"";width:6px;height:20px;left:20px;border-radius:3px;
  background:linear-gradient(180deg,#99f6e4 0%,#0d9488 100%);
  border:1px solid #0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.18);
}
.acc-leg.kind .kind-crash::before{content:"💥 ";}
.acc-leg.kind .kind-gear::before{content:"⚙ ";}
.acc-leg.kind .kind-tail::before{content:"▮ ";}


/* Accidents type filter pills */
.acc-leg.type-filter{gap:8px;margin:0 0 10px;}
.acc-leg.type-filter button.acc-filter-btn{
  flex:1;appearance:none;-webkit-appearance:none;border:2px solid transparent;
  text-align:center;padding:10px 8px;border-radius:10px;font-size:13px;font-weight:800;
  letter-spacing:.06em;cursor:pointer;font-family:inherit;opacity:.55;
}
.acc-leg.type-filter button.acc-filter-btn.on{opacity:1;box-shadow:0 0 0 2px #fff inset;}
.acc-leg.type-filter button.acc-filter-btn.all{background:#222;color:#fff;border-color:#444;}
.acc-leg.type-filter button.acc-filter-btn.ng{background:#E10600;color:#fff;}
.acc-leg.type-filter button.acc-filter-btn.cl{background:#FFDE00;color:#111;}
.acc-leg.type-filter button.acc-filter-btn.mx{background:#2563EB;color:#fff;}
.acc-row.acc-hide{display:none !important;}
.acc-filter-count{font-size:12px;color:#aaa;margin:0 0 12px;font-weight:600;}


/* Kind + AI filters (Crash / Train / Tail Strike · Accidents / Incidents) */
.acc-leg.kind-filter button.acc-kind-btn,
.acc-leg.ai-filter button.acc-ai-btn{
  flex:1;appearance:none;-webkit-appearance:none;border:2px solid transparent;
  text-align:center;padding:10px 8px;border-radius:10px;font-size:13px;font-weight:800;
  letter-spacing:.06em;cursor:pointer;font-family:inherit;opacity:.55;
}
.acc-leg.kind-filter button.acc-kind-btn.on,
.acc-leg.ai-filter button.acc-ai-btn.on{opacity:1;box-shadow:0 0 0 2px #fff inset;}
.acc-leg.kind-filter button.kind-crash{background:#3a1010;color:#ffb4b0;border-color:#6b2020;}
.acc-leg.kind-filter button.kind-gear{background:#1a1024;color:#c4b5fd;border-color:#6d28d9;}
.acc-leg.kind-filter button.kind-tail{background:#0a1c1c;color:#99f6e4;border-color:#0d9488;}
.acc-leg.ai-filter button.acc{background:#2a1010;color:#ffb4b0;border-color:#6b2020;}
.acc-leg.ai-filter button.inc{background:#1a1a22;color:#c8c8d8;border-color:#444;}
.acc-leg.kind-filter button.kind-crash::before{content:"💥 ";}
.acc-leg.kind-filter button.kind-gear::before{content:"⚙ ";}
.acc-leg.kind-filter button.kind-tail::before{content:"▮ ";}


/* Histoire complète — cyan sci-fi cross-link (Steve) */
.acc-histoire-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  text-align:center;text-decoration:none;
  background:linear-gradient(135deg,#061018 0%,#0a1e2e 40%,#0d2840 100%);
  color:#e8f7ff;font-weight:800;
  padding:14px 16px;border-radius:14px;margin-top:16px;
  font-size:16px;letter-spacing:.12em;text-transform:uppercase;
  border:1.5px solid #3ecbff;
  box-shadow:0 0 0 1px rgba(62,203,255,.15), 0 0 18px rgba(62,203,255,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.acc-histoire-btn:active{transform:scale(.98);opacity:.92;box-shadow:0 0 26px rgba(62,203,255,.5);}
.acc-histoire-btn--secondary{
  background:linear-gradient(135deg,#061018,#0d2840);border:1.5px solid #3ecbff;color:#e8f7ff;
  box-shadow:0 0 12px rgba(62,203,255,.25);margin:14px 0 22px;
}
.acc-deep .mel-card .lab{color:#ff8a80;}
.acc-deep h2{margin:0 0 8px;font-size:17px;font-weight:800;color:#fff;}
.acc-deep .mel-card p{margin:0 0 10px;font-size:14.5px;line-height:1.5;color:#c8c8c8;}
.acc-deep .page-header .back-link{margin-right:0;}


/* ba-bottom-clear-extra */
.content-area{
  padding-bottom: calc(200px + env(safe-area-inset-bottom, 0px)) !important;
}
.mel-card:last-child,
.acc-row:last-of-type,
.x-sys a:last-child{
  margin-bottom: 24px;
}


/* Jurassic 100/200 — amber/orange distinct from Classic yellow */
.acc-row.ju{
  background:#180c04;border:1px solid #5a3010;border-left:6px solid #F97316;
}
.acc-row.ju .d{color:#fdba74;}
.acc-row.ju .ac-chip{background:#F97316;color:#111;}
.acc-leg .ju{background:#F97316;color:#111;}
.acc-leg.type-filter button.acc-filter-btn.ju{background:#F97316;color:#111;}

/* Sortie de piste / runway excursion */
.acc-row.kind-exc{
  background:#06140a;border-color:#14532d;
  box-shadow:inset 0 0 0 1px rgba(34,197,94,.28);
}
.acc-row.kind-exc.cl{background:#0c1410;}
.acc-row.kind-exc.ju{background:#101408;}
.acc-row.kind-exc.mx{background:#061210;}
.acc-kind.exc{background:#15803d;color:#fff;}
.acc-leg.kind .kind-exc{background:#052e16;color:#86efac;border:1px solid #16a34a;}
.acc-leg.kind-filter button.kind-exc{background:#052e16;color:#86efac;border-color:#16a34a;}
.acc-leg.kind-filter button.kind-exc::before{content:"↩ ";}
.acc-row.kind-exc{position:relative;padding-left:44px;}
.acc-row.kind-exc::before{
  content:"↩";position:absolute;left:12px;top:14px;
  width:22px;height:22px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;line-height:22px;text-align:center;
  color:#86efac;background:#052e16;border:1px solid #16a34a;
  font-weight:800;
}

/* Histoire — gros carré révision VERT (sorties de piste) */
.acc-rev-box{
  margin:16px 0 20px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(180deg,#14532d 0%,#052e16 100%);
  border:2px solid #22c55e;box-shadow:0 0 24px rgba(34,197,94,.25);
  color:#ecfdf5;
}
.acc-rev-box h3{
  margin:0 0 12px;font-size:18px;font-weight:900;letter-spacing:.04em;
  color:#86efac;text-transform:uppercase;
}
.acc-rev-box .lab{color:#bbf7d0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:10px 0 4px;}
.acc-rev-box p{margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:600;color:#f0fdf4;}