/* Compact summaries rendered by features/working-hours/report.js. */
@layer components {
  .working-hours-summary {
    display: grid;
    gap: var(--space-1);
    font-size: var(--text-sm);
    overflow-wrap: anywhere;
  }
  .working-hours-summary-values {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-4);
  }
  .working-hours-summary-values strong { font-variant-numeric: tabular-nums; }
  /* Personal report: one person's figures as a .fact-list. */
  .working-hours-facts { max-width: 32rem; margin-bottom: var(--space-3); }
}

@layer components {
.period-hours { padding: var(--space-4); margin-bottom: var(--space-4); }
}