/* ============================================================
   AI Exploit-Method Bias — page-specific styles.
   Shares design tokens, topbar, rail, arrownav, deck/slide shell,
   kicker/title/lede/card/pill/badge-num/footnote/buttons from briefing.css.
   ============================================================ */

.aeb-icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: var(--navy);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.aeb-icon svg { width: 1.7rem; height: 1.7rem; stroke: var(--ice); fill: none; stroke-width: 1.6; }
.slide.dark .aeb-icon { background: var(--amber); }
.slide.dark .aeb-icon svg { stroke: var(--navy-dark); }

/* ---------- Slide 1 — title, AI vs human framing ---------- */
.aeb-vs { display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 2rem 0 1.8rem; flex-wrap: wrap; }
.aeb-vs-side { text-align: center; max-width: 14rem; }
.aeb-vs-side .aeb-icon { margin: 0 auto 0.7rem; width: 4rem; height: 4rem; }
.aeb-vs-side .aeb-icon svg { width: 2.1rem; height: 2.1rem; }
.aeb-vs-side p { color: var(--ice); font-size: 0.92rem; line-height: 1.4; margin: 0; }
.aeb-vs-mid { font-family: var(--font-head); font-weight: 700; font-style: italic; font-size: 1.3rem; color: var(--amber); }

/* ---------- Slide 2 — framing, two roads ---------- */
.aeb-roads { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.aeb-road { background: var(--ice-light); border-radius: 10px; padding: 1.3rem 1.4rem; }
.aeb-road-head { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; }
.aeb-road-head .aeb-icon { width: 2.6rem; height: 2.6rem; }
.aeb-road-head .aeb-icon svg { width: 1.4rem; height: 1.4rem; }
.aeb-road-head h3 { font-family: var(--font-head); font-size: 1.1rem; color: var(--navy); margin: 0; }
.aeb-steps { counter-reset: aeb-step; }
.aeb-step { display: flex; gap: 0.8rem; align-items: flex-start; padding: 0.5rem 0; }
.aeb-step:not(:last-child) { border-bottom: 1px dashed var(--line); }
.aeb-step-num { counter-increment: aeb-step; flex-shrink: 0; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--navy); color: var(--white); font-size: 0.8rem; font-weight: 700; display: grid; place-items: center; }
.aeb-step-num::before { content: counter(aeb-step); }
.aeb-step p { margin: 0; font-size: 0.95rem; line-height: 1.4; }

/* ---------- Slides 3-7 — category cards with rating meters ---------- */
.aeb-cat-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; }
.aeb-cat-head h2 { margin: 0; }
.aeb-meters { display: flex; flex-direction: column; gap: 1rem; max-width: 42rem; margin-bottom: 1.6rem; }
.aeb-meter-row .aeb-meter-label { display: flex; justify-content: space-between; font-size: 0.88rem; font-weight: 700; color: var(--navy); margin-bottom: 0.35rem; }
.aeb-meter-row .aeb-meter-label .who { text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.76rem; color: var(--muted); }
.aeb-meter-row .aeb-meter-label .rating { color: var(--amber); }
.aeb-meter-track { height: 0.7rem; background: var(--ice-light); border-radius: 999px; overflow: hidden; }
.aeb-meter-fill { height: 100%; border-radius: 999px; background: var(--navy); }
.aeb-meter-row.human .aeb-meter-fill { background: var(--amber); }
.aeb-cat-body { font-size: 0.98rem; line-height: 1.55; color: var(--text); max-width: 46rem; }

/* ---------- Slide 8 — summary horizontal bar chart ---------- */
.aeb-chart { display: flex; flex-direction: column; gap: 0.9rem; margin-bottom: 1.6rem; }
.aeb-chart-row .aeb-chart-cat { font-size: 0.85rem; font-weight: 700; color: var(--navy); margin-bottom: 0.35rem; }
.aeb-chart-bars { display: flex; flex-direction: column; gap: 0.25rem; }
.aeb-chart-bar-wrap { display: flex; align-items: center; gap: 0.6rem; }
.aeb-chart-bar-wrap .who { width: 8.5rem; flex-shrink: 0; font-size: 0.72rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.03em; }
.aeb-chart-track { flex: 1; height: 0.85rem; background: var(--ice-light); border-radius: 999px; overflow: hidden; }
.aeb-chart-fill { height: 100%; border-radius: 999px; background: var(--navy); }
.aeb-chart-bar-wrap.human .aeb-chart-fill { background: var(--amber); }
.aeb-chart-bar-wrap .val { width: 2.6rem; flex-shrink: 0; text-align: right; font-size: 0.8rem; font-weight: 700; color: var(--navy); }
.aeb-insights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.4rem; }
.aeb-insights .card b { color: var(--amber); }

/* ---------- Slide 9 — bottom line ---------- */
.aeb-bl-thesis { font-family: var(--font-head); font-weight: 700; font-size: clamp(1.4rem, 2.6vw, 1.9rem); color: var(--white); line-height: 1.3; max-width: 44rem; margin: 0 0 2.2rem; }
.aeb-bl-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.aeb-bl-col { text-align: left; }
.aeb-bl-col .aeb-icon { margin-bottom: 0.9rem; }
.aeb-bl-col h3 { font-family: var(--font-head); font-size: 1.05rem; color: var(--white); margin: 0 0 0.5rem; }
.aeb-bl-col p { font-size: 0.92rem; color: var(--ice); opacity: 0.9; line-height: 1.5; margin: 0; }

/* ---------- Slide 10 — sources ---------- */
.aeb-sources { list-style: none; margin: 0 0 1.8rem; padding: 0; max-width: 48rem; }
.aeb-sources li { padding: 0.7rem 0; border-bottom: 1px solid var(--line); font-size: 0.94rem; line-height: 1.4; }
.aeb-sources li:last-child { border-bottom: none; }

@media (max-width: 900px) {
  .aeb-roads, .aeb-insights, .aeb-bl-cols { grid-template-columns: 1fr !important; }
  .aeb-chart-bar-wrap .who { width: 6.2rem; }
}