.aa-dd { border-bottom: 1px solid var(--color-border); }

.aa-dd__row { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 64px; align-items: start; }
/* Stops below whatever is pinned to the top (menu, and the dates strip
   where there is one) — shared/site.js measures that into --fg-nav-h. */
.aa-dd__side { position: sticky; top: calc(var(--fg-nav-h, 88px) + 32px); }
.aa-dd__num { font-size: 72px; font-weight: 200; line-height: 1; letter-spacing: -.05em; color: var(--color-accent); margin-bottom: 22px; }
.aa-dd__title { font-size: clamp(26px, 2.8vw, 38px); font-weight: 350; line-height: 1.08; letter-spacing: -.04em; color: var(--color-fg); }
.aa-dd__intro { margin-top: 16px; color: var(--color-fg-muted); font-size: 14px; line-height: 1.75; }
.aa-dd__main { border-top: 1px solid var(--color-border); }
.aa-dd__cat { display: grid; grid-template-columns: 54px 1fr; gap: 12px; padding: 26px 0; border-bottom: 1px solid var(--color-border); }
.aa-dd__code { font: 12px/1.9 var(--font-mono); color: var(--color-accent); }
.aa-dd__cat h3 { font-size: 18px; font-weight: 450; color: var(--color-fg); margin-bottom: 8px; }
.aa-dd__cat p { color: var(--color-fg-muted); font-size: 14px; line-height: 1.7; max-width: 640px; }
.aa-dd__ex { margin-top: 10px; font-size: 13px !important; color: var(--color-muted) !important; }
.aa-dd__ex--empty { display: none; }
body.cms-edit .aa-dd__ex--empty { display: block; opacity: .5; }
.aa-dd__exlabel { display: block; margin-bottom: 4px; font: 10px var(--font-mono); text-transform: uppercase; letter-spacing: 1px; color: var(--color-dim); }
.aa-dd__note { margin-top: 26px; padding: 22px 24px; border-left: 2px solid var(--color-accent); background: var(--color-surface); color: var(--color-muted); font-size: 13px; line-height: 1.7; }
.aa-dd__note p + p { margin-top: 10px; }
.aa-dd__note strong { color: var(--color-fg); font-weight: 500; }
@media (max-width: 900px) {
  .aa-dd__row { grid-template-columns: 1fr; gap: 30px; }
  .aa-dd__side { position: static; }
  .aa-dd__num { font-size: 52px; }
}
