/* Shared layout for tool pages */
:root {
  --tool-h1-size: 2.8rem;
  --tool-h1-size-mobile: 1.8rem;
  --tool-container-pad: 36px 80px 80px 120px;
  --tool-container-pad-mobile: 20px 16px 40px 16px;
}

.tool-page .container {
  padding: var(--tool-container-pad) !important;
}

.tool-page .header {
  margin-bottom: 20px !important;
}

.tool-page h1 {
  font-size: var(--tool-h1-size) !important;
  margin-bottom: 8px !important;
}

.tool-page .toolbar {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .tool-page .container {
    padding: var(--tool-container-pad-mobile) !important;
  }

  .tool-page h1 {
    font-size: var(--tool-h1-size-mobile) !important;
  }

  .tool-page .header {
    margin-bottom: 14px !important;
  }
}