.ai-opening {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-6);
  padding-bottom: var(--space-6);
  background-image: linear-gradient(to bottom, var(--wash), var(--wash-0));
}
.ai-opening > * {
  min-width: 0;
}
.ai-opening h1 {
  margin-top: var(--space-3);
}
.ai-entry-note {
  margin-top: var(--space-2);
}
.ai-path-body {
  padding: var(--space-3);
}
.ai-path-list {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.ai-path-list > div {
  padding: var(--space-2);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--panel-3);
}
.ai-path-list dt {
  margin-bottom: var(--space-1);
  font-weight: var(--weight-strong);
}
.ai-path-list dd {
  margin: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.ai-path-caption {
  margin-top: var(--space-3);
  margin-bottom: 0;
}
.ai-reference {
  padding-top: var(--space-2);
}
.ai-section {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.ai-reference .section-head h2 {
  margin-top: 0;
}
.ai-principles {
  margin-top: var(--space-3);
}
.ai-principles h3 {
  margin-top: 0;
}
.ai-principles p {
  margin-bottom: 0;
}
.ai-next-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--line);
}
.ai-next-links > * {
  min-width: 0;
}
.ai-next-links h3 {
  margin-top: 0;
}
.ai-related {
  margin-top: var(--space-4);
}
@media (max-width: 768px) {
  .ai-opening {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }
  .ai-path-body {
    padding: var(--space-2);
  }
  .ai-next-links {
    grid-template-columns: minmax(0, 1fr);
  }
}