/* Ferramentas page layout. Cards, grid, chips and search live in theme.css. */
.page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px 24px 64px;
  min-height: calc(100vh - 220px);
}

.page-head {
  text-align: center;
  margin-bottom: 30px;
}

.page-head h1 {
  font-size: clamp(28px, 4vw, 36px);
  margin: 0 0 8px;
}

.page-head p {
  color: var(--ink-soft);
  font-size: 16px;
  margin: 0;
}

.page-section { margin-top: 52px; }
.page-section h2 { font-size: clamp(22px, 3vw, 28px); margin: 0 0 6px; text-align: center; }
.page-section > p { color: var(--ink-soft); font-size: 15px; margin: 0 0 20px; text-align: center; }

@media (max-width: 640px) {
  .page { padding: 40px 20px 48px; }
}