/* The frame every Academy widget sits in: docs/plans/academy.md § Widgets. */
.academy-widget {
  padding: var(--spacing-16);
  border: var(--stroke-weight-1) solid var(--border-strong);
  border-radius: var(--corner-radius-xs);
  background-color: var(--background-surface-1);
}
.academy-widget__title { margin-bottom: var(--spacing-4); font-weight: var(--font-weight-600); }
.academy-widget__lede { margin-bottom: var(--spacing-16); color: var(--text-secondary); font-size: var(--font-size-14); }
.academy-widget__controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-8); margin-bottom: var(--spacing-16); }
.academy-widget__label { color: var(--text-secondary); font-size: var(--font-size-14); }
.academy-widget__input {
  width: 9rem;
  padding: var(--spacing-4) var(--spacing-8);
  border: var(--stroke-weight-1) solid var(--border-default);
  border-radius: var(--corner-radius-xs);
  background-color: var(--background-base);
  color: var(--text-primary);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-14);
}