:root {
  --site-radius-sm: 8px;
  --site-radius-md: 14px;
  --site-radius-lg: 20px;
}

/* Shared rounded surface language, aligned with the homepage. */
:where(
  .hero, .section, .article, .calculator-card, .tool-panel, .focus-panel,
  .review-group, .panel, .callout, .table-wrap, .chart-wrap, .results-wrap,
  .filters, .search-panel
) {
  border-radius: var(--site-radius-lg) !important;
  overflow: hidden;
}

:where(
  .card, .story-item, .forum-item, .overview-item, .review-item, .review-link,
  .stat-card, .result, .term, .data-status-item, .site-link, .calc-card, article
) {
  border-radius: var(--site-radius-md) !important;
}

:where(
  button, input, select, textarea, .btn, .btn-primary, .btn-secondary,
  .btn-ghost, .btn-recall, .tool-action
) {
  border-radius: var(--site-radius-sm) !important;
}

:where(.pill, .chip, .badge, .tag, .status, .nav-pill, .hero-tag) {
  border-radius: 999px !important;
}

.nav-link[aria-current="page"] {
  color: #F9FAFB !important;
  font-weight: 650;
}

:where(table) {
  border-radius: var(--site-radius-md);
}

@media (max-width: 640px) {
  :root {
    --site-radius-md: 12px;
    --site-radius-lg: 16px;
  }
}