/* SinglePanelTemplate - SPACING CONTRACT: Single panel with padding */
.single-panel-layout {
  margin: 0;
  width: 100%;
}

.single-panel-layout.centered {
  display: flex;
  justify-content: center;
}

.single-panel-layout.centered > * {
  width: 100%;
  max-width: var(--max-width, 1000px);
}

/* Padding variants */
.single-panel-layout.padding-sm {
  padding: var(--space-4);
}

.single-panel-layout.padding-md {
  padding: var(--space-6);
}

.single-panel-layout.padding-lg {
  padding: var(--space-8);
}

/* Responsive: Tighter padding on mobile */
@media (max-width: 640px) {
  .single-panel-layout {
    padding: var(--space-3);
  }
}