.adverse-home.adverse-index {
  --adverse-canvas: #f3f6fa;
  --adverse-surface: #fff;
  --adverse-ink: #182b46;
  --adverse-muted: #586b80;
  --adverse-accent: #245bb5;
  --adverse-line: #d6dfe9;
  --adverse-tint: #edf4ff;
  --ah-gold: #f5c52b;
}
.adverse-index .ah-main { display: flex; flex-direction: column; gap: 12px; max-width: 720px; min-height: 100svh; padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom)); }
.adverse-index .ai-brand { display: flex; align-items: center; gap: 12px; padding: 0 4px; }
.adverse-index .ai-brand-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: #fff; background: var(--adverse-accent); }
.adverse-index .ai-brand-name { font-size: 20px; font-weight: 700; line-height: 1.4; }
.adverse-index .ai-brand-caption { color: var(--adverse-muted); font-size: 12px; }
.adverse-index .ai-intro { padding: 16px; border: 1px solid var(--adverse-accent); border-radius: 20px; color: #fff; background: var(--adverse-accent); }
.adverse-index .ah-definition-heading { justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.adverse-index .ai-eyebrow { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .18em; }
.adverse-index .ah-speech-button { min-height: 44px; padding: 6px 12px; border: 2px solid #fff; color: var(--adverse-accent); background: var(--adverse-tint); white-space: nowrap; }
.adverse-index .ah-speech-button:hover, .adverse-index .ah-speech-button[aria-pressed="true"] { background: #dbe9ff; }
.adverse-index .ah-speech-button:focus-visible { outline-color: #fff; }
.adverse-index .ah-speech-status { color: #e2ecff; }
.adverse-index h1 { font-size: clamp(18px, 4.9vw, 24px); line-height: 1.5; letter-spacing: -.03em; }
.adverse-index .ah-lead { margin: 4px 0 12px; color: #e2ecff; font-size: 14px; line-height: 1.8; }
.adverse-index .ah-lead strong { font-weight: 600; }
.adverse-index .ai-video { overflow: hidden; border: 1px solid var(--adverse-line); border-radius: 14px; background: var(--adverse-tint); }
.adverse-index .ai-video video { display: block; width: 100%; height: clamp(240px, 64vw, 360px); object-fit: cover; background: #122644; }
.adverse-index .ai-video video.has-started { object-fit: contain; }
.adverse-index .ai-video-stage { position: relative; }
.adverse-index .ai-video-toggle { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.adverse-index .ai-video-toggle > span { display: grid; place-items: center; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #245bb5e6; box-shadow: 0 4px 20px #12264433; }
.adverse-index .ai-video-toggle.is-playing > span { opacity: 0; }
.adverse-index .ai-video-toggle.is-playing:hover > span, .adverse-index .ai-video-toggle:focus-visible > span { opacity: 1; }
.adverse-index .ai-video-toggle:focus-visible { outline-offset: -4px; }
.adverse-index .ai-video-pause, .adverse-index .is-playing .ai-video-play { display: none; }
.adverse-index .is-playing .ai-video-pause { display: block; }
.adverse-index .ai-video figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px; color: var(--adverse-ink); font-size: 14px; }
.adverse-index .ai-video-tag { display: inline-block; padding: 2px 8px; border-radius: 6px; color: #fff; background: var(--adverse-accent); font-size: 11px; }
.adverse-index .ai-video-status { padding: 0 12px 12px; color: #b42318; font-size: 13px; }
.adverse-index .ai-alert { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; color: #775515; background: #fbf3d9; }
.adverse-index .ai-alert > span { flex-shrink: 0; padding: 2px 10px; border-radius: 8px; color: #3c3618; background: var(--ah-gold); font-size: 12px; font-weight: 700; }
.adverse-index .ai-alert p { font-size: 12px; line-height: 1.75; white-space: nowrap; }
.adverse-index .ai-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.adverse-index .ai-action { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; min-height: 160px; padding: 18px 16px; border: 1px solid var(--adverse-line); border-radius: 22px; }
.adverse-index .ai-report { color: #fff; border-color: var(--adverse-accent); background: var(--adverse-accent); }
.adverse-index .ai-science { color: var(--adverse-ink); background: var(--adverse-tint); }
.adverse-index .ai-action-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--adverse-accent); background: var(--adverse-tint); }
.adverse-index .ai-action-icon .ah-icon { width: 20px; height: 20px; }
.adverse-index .ai-report .ai-action-icon { color: #fff; background: #ffffff24; }
.adverse-index .ai-action h2 { color: inherit; font-size: 21px; line-height: 1.4; }
.adverse-index .ai-action p { margin-top: 4px; color: var(--adverse-muted); font-size: 13px; line-height: 1.6; }
.adverse-index .ai-report p { color: #e2ecff; }
.adverse-index .ai-action-link { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--adverse-accent); font-size: 14px; font-weight: 700; }
.adverse-index .ai-report .ai-action-link { color: #fff; }
.adverse-index .ai-action-link .ah-icon { width: 16px; height: 16px; }
@media (hover: hover) {
  .adverse-index .ai-action:hover { box-shadow: 0 4px 16px #245bb518; }
}
@media (min-width: 768px) {
  .adverse-index .ah-main { gap: 16px; padding-top: 40px; min-height: 0; }
  .adverse-index .ai-intro { padding: 24px; }
  .adverse-index .ai-action { min-height: 180px; padding: 20px; }
}
@media (max-width: 767px) {
  .adverse-index .ah-main { gap: 10px; padding: max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)); }
  .adverse-index .ai-intro { padding: 12px; border-radius: 18px; }
  .adverse-index .ah-definition-heading { margin-bottom: 4px; }
  .adverse-index .ah-lead { margin-bottom: 10px; font-size: 13px; line-height: 1.65; }
  .adverse-index .ai-video video { height: clamp(140px, calc(100svh - 500px), 720px); }
  .adverse-index .ai-intro:has(.ah-speech-status:not([hidden])) video { height: clamp(140px, calc(100svh - 536px), 720px); }
  .adverse-index .ai-video figcaption { padding: 6px 10px; font-size: 13px; }
  .adverse-index .ai-action { display: grid; grid-template-columns: minmax(0, 1fr) 28px; align-content: start; align-items: center; gap: 0 4px; min-height: 96px; padding: 24px 12px; border-radius: 18px; }
  .adverse-index .ai-action > div { display: contents; }
  .adverse-index .ai-action-icon { grid-column: 2; grid-row: 1; width: 28px; height: 28px; border-radius: 9px; }
  .adverse-index .ai-action-icon .ah-icon { width: 17px; height: 17px; }
  .adverse-index .ai-action h2 { grid-column: 1; grid-row: 1; font-size: 18px; }
  .adverse-index .ai-action p { grid-column: 1 / -1; font-size: 12px; line-height: 1.5; }
  .adverse-index .ai-action-link { grid-column: 1 / -1; margin-top: 6px; font-size: 13px; }
  .adverse-index .ai-alert { padding: 9px 12px; }
}