:root {
  --analytics-space: 1rem;
  --analytics-padding: 1.5rem;
  --analytics-target: 2.75rem;
  --analytics-line: 0.0625rem;
  --analytics-focus: 0.1875rem;
  --analytics-measure: 75ch;
  --analytics-bottom-clearance: 8rem;
}
.mission-analytics { padding: var(--analytics-padding); border-top: var(--analytics-line) solid hsl(var(--border)); background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-body); font-size: var(--analytics-space); }
.mission-analytics p { max-width: var(--analytics-measure); margin-bottom: var(--analytics-space); }
.mission-analytics button { min-height: var(--analytics-target); padding: var(--analytics-space); margin-right: var(--analytics-space); border: var(--analytics-line) solid hsl(var(--primary)); border-radius: var(--radius); color: hsl(var(--primary)); background: hsl(var(--background)); }
.mission-analytics button:hover, .mission-analytics button:active { background: hsl(var(--secondary)); }
.mission-analytics button:focus-visible { outline: var(--analytics-focus) solid hsl(var(--primary)); outline-offset: var(--analytics-line); }
.mission-analytics [hidden], .mission-analytics[hidden] { display: none; }

.mission-analytics { padding-bottom: var(--analytics-bottom-clearance); }
.mission-analytics > div { display: flex; flex-wrap: wrap; gap: var(--analytics-space); }