/* ─── ProAI Expert v2 — Master stylesheet ─── */

@import "./tokens.css";
@import "./typography.css";
@import "./layout.css";
@import "./components.css";
@import "./sections.css";

/* ─── Utilities ─── */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.text-center { text-align: center; }
.text-left   { text-align: left; }

.mt-0  { margin-top: 0; }
.mb-0  { margin-bottom: 0; }
.mb-4  { margin-bottom: var(--s-4); }
.mb-6  { margin-bottom: var(--s-6); }
.mb-8  { margin-bottom: var(--s-8); }
.mb-12 { margin-bottom: var(--s-12); }
.mt-4  { margin-top: var(--s-4); }
.mt-6  { margin-top: var(--s-6); }
.mt-8  { margin-top: var(--s-8); }
.mt-12 { margin-top: var(--s-12); }

.w-full   { width: 100%; }
.max-w-content { max-width: var(--container-content); }
.max-w-narrow  { max-width: var(--container-narrow); }

img { max-width: 100%; display: block; }

/* ─── Placeholder blocks (pass 1) ─── */
.placeholder-block {
  height: 280px;
  border-radius: var(--r-lg);
  background: var(--bg-subtle);
  border: 2px dashed var(--border-default);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-family: var(--font-body);
}