.baac-page {
  --baac-series-ours: #56b4e9;
  --baac-series-ffmpeg: #e69f00;
  --baac-series-fdk: #009e73;
  --baac-series-libxaac: #cc79a7;
  --baac-series-apple: #f07c6c;
  max-width: 1200px;
  margin: auto;
  padding: 0 32px;
}
:root[data-theme="balanced"] .baac-page {
  --baac-series-ours: #006da8;
  --baac-series-ffmpeg: #925a00;
  --baac-series-fdk: #007352;
  --baac-series-libxaac: #864a78;
  --baac-series-apple: #aa3832;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .baac-page {
    --baac-series-ours: #006da8;
    --baac-series-ffmpeg: #925a00;
    --baac-series-fdk: #007352;
    --baac-series-libxaac: #864a78;
    --baac-series-apple: #aa3832;
  }
}
.baac-intro { max-width: 760px; padding: 64px 0 48px; }
.baac-intro h1 { margin: 16px 0 24px; font-size: clamp(48px, 8vw, 80px); letter-spacing: -.04em; }
.baac-lead { font-size: clamp(22px, 3vw, 28px); line-height: 1.4; }
.baac-intro > p + p { margin-top: 24px; }
.baac-intro > p:not(.eyebrow):not(.baac-lead) { color: var(--color-muted-foreground); }
.baac-intro .actions { justify-content: flex-start; }
.baac-navigation { display: flex; flex-wrap: wrap; gap: 16px 24px; border-block: 1px solid var(--color-border); padding: 24px 0; }
.baac-navigation a { font-size: 14px; }
.baac-section { padding: 64px 0; border-bottom: 1px solid var(--color-border); }
.baac-section:last-child { border: 0; }
.baac-section-heading { max-width: 760px; margin-bottom: 32px; }
.baac-section h2 { margin: 16px 0 24px; font-size: clamp(28px, 4vw, 40px); }
.baac-section h3 { font-size: 20px; }
.baac-section p { overflow-wrap: anywhere; }
.baac-section-heading > p:not(.eyebrow), .baac-copy-grid p, .baac-method-detail p { color: var(--color-muted-foreground); }
.baac-copy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.baac-copy-grid p { margin-top: 16px; }
.baac-copy-grid + .baac-note { margin-top: 32px; }
.baac-note { border-left: 2px solid var(--color-accent-text); background: var(--color-card); padding: 24px; }
.baac-note p + p { margin-top: 16px; }
.baac-dateline, .baac-source-note { margin-top: 24px; font-size: 14px; color: var(--color-muted-foreground); }
.baac-family { margin-top: 32px; border: 1px solid var(--color-border); border-radius: var(--radius-md); min-width: 0; }
.baac-family > summary { padding: 24px; font-size: 20px; font-weight: 600; cursor: pointer; }
.baac-family > summary > span { display: block; margin: 8px 0 0 20px; font-size: 14px; font-weight: 400; color: var(--color-muted-foreground); }
.baac-family-note { margin: 0 24px 24px; font-size: 14px; color: var(--color-muted-foreground); }
.baac-chart-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; padding: 0 24px 24px; }
.baac-chart-panel { min-width: 0; }
.baac-chart-panel h3 { font-size: 18px; margin-bottom: 16px; }
.baac-plot-scroll, .baac-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.baac-plot-scroll { margin-bottom: 16px; }
.baac-chart { display: block; width: 100%; min-width: 720px; max-width: 900px; margin-inline: auto; height: auto; color: var(--color-foreground); font-family: var(--font-sans); }
.baac-chart text { font-size: 13px; }
.baac-grid { stroke: var(--color-border); }
.baac-axis { stroke: var(--color-muted-foreground); }
.baac-chart-panel figcaption { font-size: 12px; color: var(--color-muted-foreground); }
.baac-data { margin-top: 16px; font-size: 14px; }
.baac-data > summary { cursor: pointer; padding: 8px 0; color: var(--color-accent-text); }
.baac-table-scroll table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.baac-table-scroll caption { text-align: left; color: var(--color-muted-foreground); padding: 16px 0; font-size: 12px; }
.baac-table-scroll th, .baac-table-scroll td { padding: 16px; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; white-space: nowrap; }
.baac-table-scroll thead th { background: var(--color-card); font-weight: 600; white-space: normal; min-width: 104px; }
.baac-table-scroll tbody th { font-weight: 500; }
.baac-method { max-width: 900px; }
.baac-method-detail { padding: 24px 0; border-top: 1px solid var(--color-border); }
.baac-method-detail > summary { font-weight: 500; cursor: pointer; }
.baac-method-detail p { margin-top: 16px; }
.baac-method-detail li + li, .baac-source-links li + li { margin-top: 8px; }
.baac-method code, .baac-copy-grid code { font-size: .875em; overflow-wrap: anywhere; }
.baac-source-links { margin-top: 32px; }
@media (max-width: 640px) {
  .baac-page { padding-inline: 24px; }
  .baac-intro { padding-top: 48px; }
  .baac-section { padding-block: 48px; }
  .baac-copy-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .baac-family > summary { padding: 16px; }
  .baac-family-note { margin-inline: 16px; }
  .baac-chart-grid { padding: 0 16px 16px; }
  .baac-note { padding: 16px; }
}