.container { margin-inline: auto; max-width: var(--container); padding-inline: clamp(1.25rem, 4vw, 2rem); width: 100%; }
.preview-header__inner, .preview-footer__inner, .section-heading { align-items: center; display: flex; justify-content: space-between; }
.foundation-hero__grid { align-items: center; display: grid; gap: var(--space-6); grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr); }
.status-grid { display: grid; gap: var(--space-4); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.template-summary { align-items: center; display: grid; gap: var(--space-5); grid-template-columns: auto minmax(0, 1fr); }
.token-strip { display: grid; gap: var(--space-3); grid-template-columns: repeat(5, minmax(0, 1fr)); }
.build-facts { display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 850px) {
  .preview-header__inner { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
  .foundation-hero__grid, .build-facts { grid-template-columns: 1fr; }
  .status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .token-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .preview-header nav { display: grid; gap: .4rem 1rem; grid-template-columns: 1fr 1fr; width: 100%; }
  .status-grid, .token-strip { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
  .template-summary { align-items: start; grid-template-columns: 1fr; }
  .preview-footer__inner { align-items: flex-start; flex-direction: column; }
}