/* ============================================
   CEBTG — home.css
   Styles spécifiques à la homepage
   Basé sur doc officielle Bullet Nuggets
   ============================================ */

/* --- Hero callout (fond crème, bordure bordeaux) --- */
.notion-callout:first-of-type {
  background: linear-gradient(160deg, #f8f6f2 0%, #ede8df 100%) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: 4px solid var(--cebtg-bordeaux) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 3rem 2.5rem !important;
}

/* Kicker (texte gris = Center d'Études...) */
.notion-callout:first-of-type .notion-gray {
  font-size: 0.78rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--cebtg-or) !important;
  font-weight: 500 !important;
}

/* H1 dans le hero */
.notion-callout:first-of-type h1 {
  font-family: var(--font-titre) !important;
  font-size: 3.2rem !important;
  color: var(--cebtg-bordeaux) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

/* Titres en bloc dans les callouts (pas inline) */
.notion-callout h1,
.notion-callout h2,
.notion-callout h3,
.notion-callout h4 {
  display: block !important;
  width: 100% !important;
  margin-top: 0.8rem !important;
  margin-bottom: 0.4rem !important;
}

/* --- Callouts colonnes (les 3 niveaux) --- */
.notion-column .notion-callout {
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) !important;
  padding: 1.8rem !important;
}