html { scroll-behavior: smooth; }
/* Keep the shared skip link above the fixed navbar. */
header > a[href="#main-content"]:focus { z-index: 60; }
.site-content { max-width: 1200px; margin: 0 auto; padding-inline: 24px; }
.product-hero { padding-top: 32px; }
/* Select the AIS wordmark tone through the versioned brand contract. */
.ais-product-wordmark .text-insight-headline { color: var(--color-insight-primary); }
html[data-theme="dark"] .ais-product-wordmark .text-insight-headline { color: var(--color-insight-text-primary); }
.site-content .eyebrow { color: var(--color-insight-secondary); }
/* Insight UI 1.15.0 uses the decorative primary token for the page-header title. */
.site-content .border-t-8 h1 .text-insight-primary { color: var(--color-insight-text-primary); }
.eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-section { padding-block: 64px; border-top: 1px solid var(--color-insight-border-surface); }
.section-heading { max-width: 760px; margin-bottom: 28px; }
.product-compact-heading { margin-bottom: 16px; font-size: 22px; }
.protocol-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; padding-left: 22px; color: var(--color-insight-text-secondary); }
.product-card-grid article { max-width: none; height: 100%; }
.architecture-step { min-height: 150px; border-left: 3px solid var(--color-insight-secondary); }
.architecture-step strong { display: block; }
.architecture-step span { display: block; margin-top: 12px; color: var(--color-insight-text-secondary); font-size: 14px; }
.documentation-section { padding-bottom: 72px; }

@media (max-width: 780px) {
  .site-content { padding-inline: 16px; }
  .protocol-list { grid-template-columns: 1fr; }
  .product-section { padding-block: 48px; }
}