@layer pages {
  .academy {
    & .settings {
      margin-block-end: var(--space-16);
    }

    & fieldset.field {
      margin-block-end: var(--space-8);

      & + fieldset {
        margin-block-start: 0;
      }

      & > legend {
        float: inline-start;
        grid-column: 1;
        margin: 0;
        padding: 0;
        font-weight: inherit;
      }
    }

    & .choices {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-4) var(--space-16);

      & label {
        display: inline-flex;
        align-items: center;
        gap: var(--space-4);
      }
    }

    & .request {
      margin-block: 0 var(--space-16);
    }

    & .entries {
      & dt code {
        color: var(--color-charcoal);
      }

      & .value {
        white-space: pre-wrap;
      }
    }

    & .quiet {
      color: var(--color-muted);
    }

    & .result h3 {
      margin-block-start: var(--space-24);
    }

    & .result .warnings {
      margin-block-start: var(--space-16);
    }

    & .result .more {
      margin-block-start: var(--space-16);
    }
  }
}