.site-header {
  display: flex;
  align-items: center;
  /*
   * Zone de protection du logo (charte : 3X sur chaque bord, X =
   * hauteur du pictogramme / 3). Le logo fourni étant un lockup plat
   * (pas de pictogramme isolable), on applique une marge généreuse et
   * on s'assure qu'aucun autre élément du header ne vient s'y coller.
   */
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.site-header__logo-link {
  display: inline-flex;
  text-decoration: none;
}

.site-header__logo {
  /*
   * Hauteur fixe, largeur libre : chaque CCI a un logo de proportions
   * différentes (voir docs/design/logos/) — respecte largement la
   * hauteur minimale de 8mm exigée par la charte (~30px à 96dpi).
   */
  height: 48px;
  width: auto;
}

.site-header__logo-placeholder {
  font-weight: 700;
  font-size: var(--text-h2);
  color: var(--color-ink);
}

.site-main {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: var(--space-section) var(--space-lg);
}

.site-footer {
  border-top: 1px solid var(--color-border);
  padding: var(--space-md) var(--space-lg);
  color: var(--color-ink-muted);
  font-size: var(--text-small);
}

.site-footer__inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  justify-content: space-between;
}

.site-footer a {
  color: inherit;
}