/* Long-form agent information uses the established brand and spacing roles. */
.ai-page {
  background: #f9f9f9;
  color: #001320;
  color-scheme: light;
}

.ai-page .site-header {
  background: #001320;
  color: #fff;
}

.ai-header,
.ai-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-stack);
}

.ai-back {
  font-weight: 600;
  text-underline-offset: .25em;
}

.ai-intro {
  padding-block: var(--space-section);
}

.ai-eyebrow,
.ai-number {
  font-size: var(--type-hint);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ai-eyebrow {
  color: #830e2a;
  margin: 0 0 var(--space-24);
}

.ai-intro h1 {
  margin: 0 0 var(--space-32);
  font-size: var(--type-hero);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.ai-lead {
  max-width: 65ch;
  font-size: var(--type-lead);
  line-height: 1.65;
  margin: 0 0 var(--space-24);
}


.ai-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-column);
  padding-bottom: var(--space-section);
}

.ai-toc {
  border-top: 4px solid #da1746;
  padding-top: var(--space-24);
}

.ai-toc h2 {
  font-size: var(--type-subheading);
  margin: 0 0 var(--space-24);
}

.ai-toc ol {
  margin: 0;
  padding-left: var(--space-24);
}

.ai-toc li {
  padding-block: var(--space-8);
}

.ai-toc a {
  text-decoration: none;
}

.ai-article a {
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

.ai-toc a:hover {
  text-decoration: underline;
  text-underline-offset: .25em;
}

.ai-article {
  min-width: 0;
  max-width: 74ch;
}

.ai-article section {
  padding-block: var(--space-48);
  border-top: 1px solid #afb2b3;
  scroll-margin-top: var(--space-24);
}

.ai-number {
  color: #830e2a;
  margin-top: 0;
}

.ai-article h2 {
  font-size: var(--type-subheading);
  line-height: 1.2;
  margin: var(--space-24) 0;
}

.ai-article h3 {
  font-size: var(--type-lead);
  line-height: 1.35;
  margin: var(--space-32) 0 var(--space-16);
}

.ai-article p {
  margin-bottom: var(--space-24);
  line-height: 1.75;
}

.ai-article table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-block: var(--space-32);
  font-size: var(--type-body);
}

.ai-article caption {
  text-align: left;
  font-weight: 700;
  padding-bottom: var(--space-16);
}

.ai-article th,
.ai-article td {
  padding: var(--space-16);
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #afb2b3;
  hyphens: auto;
}

.ai-article thead {
  background: #001320;
  color: #fff;
}

.ai-article th:first-child {
  width: 39%;
}

.ai-article tbody tr:nth-child(even) {
  background: #e4e5e6;
}

.ai-article blockquote {
  margin: var(--space-32) 0;
  padding: var(--space-24);
  border-left: 4px solid #da1746;
  background: #fff;
}

.ai-article blockquote p {
  margin: 0;
}

.ai-page .site-footer {
  color: #fff;
}

.ai-page :focus-visible {
  outline-color: #0061a0;
}

.ai-page .site-header :focus-visible,
.ai-page .site-footer :focus-visible {
  outline-color: #8ddaff;
}

@media (width >= 1024px) {
  .ai-layout { grid-template-columns: minmax(220px, 1fr) minmax(0, 2.3fr); }

  .ai-toc { align-self: start; }
}

@media (width <= 639px) {
  .ai-header,
  .ai-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .ai-article th,
  .ai-article td { padding: var(--space-12) var(--space-8); }
}