/* Base rules shared by every Stitch screen (from the exported <style> block). */
html, body { margin: 0; padding: 0; }
body { overscroll-behavior: none; }
main > :first-child { margin-top: 0 !important; }
main > :last-child { margin-bottom: 0 !important; }

/* Telemetry numbers align in tables and pills (DESIGN.md typography rule 1). */
.font-label-mono-sm, .font-label-mono-md, table td { font-variant-numeric: tabular-nums; }

/* Visible focus ring on every control (DESIGN.md: 2px offset ring in Signal Blue). */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }