body.ai-case {
  --ai-case-ink: #182b4a;
  --ai-case-muted: #445671;
  --ai-case-accent: #2448c6;
  --ai-case-line: #dce4f0;
  --ai-case-surface: #f4f7fd;
  --case-accent: var(--ai-case-accent);
  --case-guide-accent: var(--ai-case-accent);
  color: var(--ai-case-ink);
}

.ai-case .site-header {
  --header-accent: var(--ai-case-accent);
}

.ai-case__hero {
  padding-block: clamp(25px, 5vw, 64px) clamp(38px, 6vw, 78px);
  border-block-end: 1px solid var(--ai-case-line);
  background: var(--ai-case-surface);
}

.ai-case__back,
.ai-case__exit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-block-size: 44px;
  color: var(--ai-case-accent);
  font-weight: 650;
  text-underline-offset: 4px;
}

.ai-case__back {
  margin-block-end: clamp(20px, 4vw, 44px);
  font-size: .9rem;
}

.ai-case__back svg,
.ai-case__exit svg,
.ai-case__sample svg {
  flex: none;
  inline-size: 17px;
  block-size: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.ai-case__eyebrow {
  margin: 0 0 9px;
  color: var(--ai-case-accent);
  font-size: .875rem;
  font-weight: 700;
}

body.ai-case .ai-case__hero h1 {
  margin: 0;
  color: var(--ai-case-ink);
  font: 400 clamp(48px, 7.2vw, 104px)/.99 var(--serif, Georgia, serif);
  letter-spacing: -.026em;
  text-wrap: balance;
}

.ai-case__lead {
  max-inline-size: 57ch;
  margin: 18px 0 0;
  color: var(--ai-case-muted);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.58;
}

.ai-case__body {
  padding-block: 12px clamp(40px, 6vw, 80px);
}

.ai-case__chapter {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  gap: clamp(20px, 5vw, 84px);
  align-items: start;
  padding-block: clamp(28px, 5vw, 68px);
  border-block-start: 1px solid var(--ai-case-line);
}

body.ai-case .ai-case__chapter h2 {
  margin: 0 0 14px;
  color: var(--ai-case-ink);
  font: 400 clamp(34px, 4.3vw, 62px)/1.04 var(--serif, Georgia, serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

.ai-case__text > p:not(.ai-case__eyebrow),
.ai-case__review p {
  max-inline-size: 59ch;
  margin: 0;
  color: var(--ai-case-muted);
  font-size: 1rem;
  line-height: 1.62;
}

.ai-case__sample {
  min-inline-size: 0;
  padding: clamp(18px, 2.7vw, 32px);
  border: 1px solid var(--ai-case-line);
  border-radius: 15px;
  background: var(--ai-case-surface);
}

.ai-case__sample h3,
.ai-case__sample dt,
.ai-case__review h3,
.ai-case__references h3 {
  margin: 0 0 8px;
  color: var(--ai-case-ink);
  font: 700 1rem/1.4 var(--sans, Arial, sans-serif);
}

.ai-case__sample h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ai-case-accent);
}

.ai-case__sample :is(blockquote, dd) {
  margin: 0;
  color: var(--ai-case-muted);
  font-size: 1rem;
  line-height: 1.55;
}

.ai-case__sample dl {
  margin: 16px 0 0;
  padding-block-start: 14px;
  border-block-start: 1px solid var(--ai-case-line);
}

.ai-case__sample dt {
  margin-block-end: 3px;
}

.ai-case__chapter--wide {
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(16px, 2.4vw, 32px);
}

.ai-case__review {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 3vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-case__review li {
  padding-block-start: 12px;
  border-block-start: 2px solid var(--ai-case-line);
}

.ai-case__references {
  max-inline-size: 78ch;
  padding: clamp(16px, 2.2vw, 24px);
  border: 1px solid var(--ai-case-line);
  border-radius: 12px;
  background: var(--ai-case-surface);
}

.ai-case__references p {
  margin: 0 0 6px;
  color: var(--ai-case-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.ai-case__references ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-case__references a {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
  color: var(--ai-case-accent);
  font-size: .9rem;
  font-weight: 650;
  text-underline-offset: 3px;
}

.ai-case__exits {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  padding-block-start: 16px;
  border-block-start: 1px solid var(--ai-case-line);
}

.ai-case .ai-case__body :is(a, button):focus-visible,
.ai-case__back:focus-visible,
.ai-case__chapter:focus-visible {
  outline: 2px solid var(--ai-case-accent);
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .ai-case__chapter,
  .ai-case__review {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  body.ai-case .site-header .desktop-nav {
    flex: 1 1 auto;
  }

  body.ai-case.sober-case .site-header .project-switcher > summary.has-project-identity {
    min-inline-size: 44px;
    grid-template-columns: max-content 11px;
    justify-content: center;
    column-gap: 8px;
  }
}