/*
 * cognavis — beliefs.css
 * What We Believe page — page-specific styles
 * Version 2.0 | September 2026
 *
 * Scope: styles that apply ONLY to beliefs.html.
 * Shared tokens, nav, footer, buttons → global.css
 */

/* ─── HERO OVERRIDE ──────────────────────────────────────────────────────── */
/* The shared .hero h1 in global.css sets 44px. This page uses the same value
   so no override is needed — the rule below is kept only as an explicit audit
   marker for future editors. Remove if the global value ever changes. */

/* ─── BELIEFS LIST ───────────────────────────────────────────────────────── */
.beliefs-section { background: var(--cloud); }

.belief-block {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0 24px;
  padding: 36px 0;
  border-bottom: 1px solid var(--cocoa-10);
}
.belief-block:last-child { border-bottom: none; }

.belief-num-col { padding-top: 4px; }

/*
 * .belief-num canonical definition — 13px, used on the full beliefs page.
 * The homepage taster (index.css) uses a larger 18px variant scoped to
 * .belief-item .belief-num to avoid any cascade conflict.
 */
.belief-num {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--burgundy);
}

.belief-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--cocoa);
  line-height: 1.3;
  margin-bottom: 10px;
}
.belief-content p {
  font-size: 17px;
  color: var(--cocoa-60);
  line-height: 1.85;
}
.belief-source {
  font-size: 13px;
  font-style: italic;
  color: var(--cocoa-40);
  margin-top: 8px;
}

/* ─── IFS NOTE ───────────────────────────────────────────────────────────── */
.ifs-note {
  background: var(--slate-bg);
  border: 1px solid var(--slate-light);
  border-radius: var(--r-lg);
  padding: 24px 28px;
  margin-top: 48px;
}
.ifs-note p { font-size: 15px; color: var(--cocoa-60); line-height: 1.75; }
.ifs-note strong { color: var(--cocoa); }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 680px) {
  .belief-block           { grid-template-columns: 1fr; }
  .belief-num-col         { margin-bottom: 4px; }
}