/**
 * Inquirer site chrome aligned with @castalia/platform tokens.
 * (Tokens live in castalia-platform-tokens.css; load both stylesheets.)
 */

.castalia-platform-chrome {
  background: var(--castalia-bg, #ffffff);
  border-bottom: 1px solid var(--castalia-border, #e2e8f0);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 0.875rem;
}

.castalia-platform-chrome__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0.65rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  min-height: var(--castalia-header-height, 4rem);
  box-sizing: border-box;
}

.castalia-platform-chrome__brand {
  font-weight: 700;
  color: var(--castalia-accent, #d97706);
  text-decoration: none;
  letter-spacing: 0.02em;
}

.castalia-platform-chrome__brand:hover {
  color: var(--castalia-accent-hover, #b45309);
}

.castalia-platform-chrome__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  flex: 1;
  justify-content: center;
}

.castalia-platform-chrome__nav a {
  color: var(--castalia-text, #0f172a);
  text-decoration: none;
}

.castalia-platform-chrome__nav a:hover {
  color: var(--castalia-accent, #d97706);
}

.castalia-platform-chrome__org {
  color: var(--castalia-muted, #64748b);
  text-decoration: none;
  font-size: 0.8125rem;
  white-space: nowrap;
}

.castalia-platform-chrome__org:hover {
  color: var(--castalia-accent, #d97706);
}

.castalia-platform-chrome--footer {
  border-bottom: none;
  border-top: 1px solid var(--castalia-border, #e2e8f0);
  background: var(--castalia-surface, #f8fafc);
}

.castalia-platform-chrome__inner--footer {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.25rem 1.5rem;
  min-height: unset;
}

.castalia-platform-chrome__footnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  justify-content: center;
}

.castalia-platform-chrome__footnav a {
  color: var(--castalia-text, #0f172a);
  text-decoration: none;
  font-size: 0.8125rem;
}

.castalia-platform-chrome__footnav a:hover {
  color: var(--castalia-accent, #d97706);
}

.castalia-platform-chrome__credit {
  margin: 0.75rem 0 0;
  font-size: 0.8125rem;
  color: var(--castalia-muted, #64748b);
}

.castalia-platform-chrome__credit a {
  color: var(--castalia-muted, #64748b);
  text-decoration: none;
}

.castalia-platform-chrome__credit a:hover {
  color: var(--castalia-accent, #d97706);
}

@media (max-width: 640px) {
  .castalia-platform-chrome__inner {
    justify-content: center;
    text-align: center;
  }

  .castalia-platform-chrome__org {
    width: 100%;
    text-align: center;
  }
}