/* ==========================================================================
   Sandbox page — loaded in addition to styles.css, only on /sandbox/
   ========================================================================== */

.sandbox-hero {
  padding-block: clamp(2.5rem, 1.8rem + 3vw, 4.5rem) clamp(1.5rem, 1rem + 2vw, 2.5rem);
  text-align: center;
}
.sandbox-hero__inner { max-width: 40rem; margin-inline: auto; }
.sandbox-hero__badge { margin-bottom: 1.25rem; }

.sandbox-request {
  padding-block: clamp(2.5rem, 2rem + 2vw, 4rem);
}
.sandbox-request__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 1rem + 2vw, 3rem);
}
@media (min-width: 56rem) { .sandbox-request__grid { grid-template-columns: 1fr 1.35fr; align-items: start; } }

.sandbox-support { display: flex; flex-direction: column; gap: 1.5rem; }
.sandbox-support__card { padding: 1.5rem; background: var(--bg-box); border-radius: var(--radius-lg); }
.sandbox-support__card h3 { margin-bottom: 0.5rem; }
.sandbox-support__card p { font-size: var(--text-sm); color: var(--text); }
.sandbox-support__card + .sandbox-support__card { margin-top: 0; }