/* ============================================================================
   Kayros — styles du chrome, partagés par les QUATRE pages
   (index.html, viewer.html, expired.html, suspended.html)

   Kayros ne style plus son chrome : il consomme le header flottant et le menu
   « … » du design system (.vnct-header / .vnct-header__inner /
   .vnct-header__account / .vnct-header__icon / .vnct-menu* + VNCT.HeaderMenu),
   comme Lyra et Prisma. Ce fichier ne porte donc QUE la gouttière latérale : le
   DS ne pose aucun padding horizontal sur le header (il le laisse à la page),
   sans quoi le menu « … » colle au bord de l'écran sous 960px. La largeur du
   .vnct-header__inner reste celle du DS (--vnct-header-max, 60rem), alignée sur
   la landing (960px).

   Cette règle était auparavant recopiée à l'identique dans kayros.css et dans
   les blocs <style> des trois autres pages : elle vit désormais ici seulement.

   La modale « Signaler ou proposer » n'a besoin d'AUCUN style local : le DS
   fournit le segmented control (.vnct-seg) et la galerie de captures
   (.vnct-report-attachment*) consommés par VNCT.Feedback.
   ============================================================================ */

.vnct-header {
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}