/* Shared by every Reference route. Keep page-specific widths inside this shell. */
.site-main.site-main--reference {
  --reference-content-width: 1280px;
  min-width: 0;
  max-width: none;
  padding: 2rem 24px 5rem;
}
.reference-page {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: var(--reference-content-width);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .site-main.site-main--reference {
    padding: 1.5rem 16px 3rem;
  }
}

/* Reference uses the same HUD breadcrumb location as the reading pages. */
@media(min-width:1025px){.reference-page :is(.lookup-hero,.hw-header) .lookup-kicker,
.reference-page .llm-header .llm-eyebrow,
.reference-page .at-header .at-eyebrow{display:none}}
@media(min-width:1025px){body:has(.site-main--reference) .site-header__context{padding-left:calc(24px + max(0px,(100% + 2 * var(--header-padding-x) - var(--site-sidebar-width) - 48px - 1280px) / 2))}}