/* =================================================================
   TOOL PAGE TEMPLATE
   Shared by every /tools/<slug>/ page. Keep this file free of any
   single tool's own classes — those stay scoped inside the tool's
   own styles.css (and namespaced under .rwp-root / equivalent).
   ================================================================= */

.sw-toolintro {
  padding: var(--sw-space-lg) 0 var(--sw-space-md);
}

.sw-toolintro__title {
  margin-top: 0.6rem;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
}

.sw-toolintro__desc {
  margin-top: 0.85rem;
  max-width: 68ch;
  color: var(--sw-text-muted);
  font-size: 1.02rem;
  line-height: 1.65;
}

.sw-toolintro__toolbar {
  margin-top: 1.25rem;
  display: flex;
  justify-content: flex-end;
}

/* The embedded tool app sits in its own elevated surface, distinct
   from the surrounding content sections */
.rwp-root {
  margin-bottom: var(--sw-space-lg);
}

@media (max-width: 768px) {
  .sw-toolintro {
    padding: var(--sw-space-md) 0 var(--sw-space-sm);
  }
}