:root {
  --tool-header-padding: 22px;
  --tool-header-title-size: 26px;
  --tool-header-title-gap: 6px;
  --tool-header-intro-gap: 20px;
  --tool-control-height: 42px;
}

.tool-header { padding: 0; }
.tool-header h1 { margin: 0 0 var(--tool-header-title-gap); font-size: var(--tool-header-title-size); }
.tool-header .tool-header-intro { margin: 0 0 var(--tool-header-intro-gap); color: var(--muted); line-height: 1.5; }
.tool-header button { min-height: var(--tool-control-height); }

@media (max-width: 520px) {
  :root { --tool-header-padding: 14px; }
}