@layer components {
  .analytics-choice { margin-block-start: 1rem; max-width: 70ch; font-size: 0.875rem; }
  .analytics-choice summary { cursor: pointer; min-height: 44px; padding-block: 0.75rem; text-decoration: underline; }
  .analytics-choice p { margin-block: 0.75rem; line-height: 1.6; }
  .analytics-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
  .analytics-actions button { font: inherit; color: var(--text-primary); background: var(--surface-raised); border: 1px solid var(--border-soft); padding: 0.65rem 1rem; min-height: 44px; cursor: pointer; }
  .analytics-actions button:disabled { cursor: default; opacity: 0.65; }
  .analytics-choice :focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
}