/*
 * Exit Five — /cmo-council/apply page styles.
 * Slim CMO Council top bar over a full-height embedded Typeform
 * application (ex5/cmo-council-apply). Scoped under
 * .cmo-council-apply-page. Same palette as cmo-council-received.css.
 */

.cmo-council-apply-page {
  --cmoa-bg:     #f5f2eb;
  --cmoa-text:   #1a1f1a;
  --cmoa-border: #e5e1d6;
  --cmoa-sans:   "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  font-family: var(--cmoa-sans);
  color: var(--cmoa-text);
  background: var(--cmoa-bg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.cmo-council-apply-page * { box-sizing: border-box; }

.cmoa-topbar { padding: 1rem 0; text-align: center; border-bottom: 1px solid var(--cmoa-border); flex-shrink: 0; }
.cmoa-brand { display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; color: inherit; }
.cmoa-brand__logo { width: 96px; color: var(--cmoa-text); }
.cmoa-brand__logo svg { width: 100%; height: auto; display: block; }
.cmoa-brand__sep { width: 1px; height: 18px; background: var(--cmoa-border); }
.cmoa-brand__label {
  font-weight: 700; font-size: 0.72rem;
  letter-spacing: 0.22em; text-transform: uppercase;
  /* Same baseline nudge as cmo-council-received.css. */
  transform: translateY(6.64px);
}

.cmoa-main { flex: 1; display: flex; flex-direction: column; }
.cmoa-form { flex: 1; min-height: calc(100vh - 64px); width: 100%; }
.cmoa-form iframe { border: 0; }

.cmoa-fallback { text-align: center; padding: 3rem 1rem; }
.cmoa-fallback a { font-weight: 700; color: inherit; }