/* Mise en page du site, et rien d'autre. Tokens `--v-*`, polices, badges, alertes, boutons, champs et liste des méthodes
   viennent de `styles.css`, copiée telle quelle depuis l'extension au build (source unique du design system, charte.md).
   Volontairement nue : la passe de design du site est un lot à part. Aucune animation ici : rien à neutraliser pour
   `prefers-reduced-motion`. */
.site { width: min(42rem, 100%); margin: 0 auto; padding: var(--v-space-8) var(--v-space-4); }
.site-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--v-space-3); padding-bottom: var(--v-space-6); border-bottom: 1px solid var(--v-line-2); }
.site-head .wordmark-logo { height: 1.5rem; }
.site-nav { flex-basis: 100%; }
.site-section { padding: var(--v-space-6) 0; border-bottom: 1px solid var(--v-line-1); }
.site-section:last-child { border-bottom: 0; }
.site-section > p, .site-list { margin-top: var(--v-space-3); color: var(--v-text-secondary); }
.site-section > p.muted { color: var(--v-text-muted); }
.site-list { padding-left: var(--v-space-5); }
.site-list li + li { margin-top: var(--v-space-2); }
.site-section strong { color: var(--v-text-primary); font-weight: 600; }

/* Page « mon compte » (lot B). Le titre de page reprend la taille des titres de section de l'accueil. */
.site-title { font-size: 1.125rem; line-height: 1.625rem; font-weight: 600; letter-spacing: -0.01em; }
.site-fieldset { min-width: 0; }
.site-fieldset h3, .site-block h3 { font-size: 1rem; line-height: 1.5rem; font-weight: 600; }
.site-fieldset h3:focus { outline: none; }
.site-fieldset > p { margin-top: var(--v-space-3); }
.site-fieldset input { width: 100%; max-width: 24rem; }
.site-block { margin-top: var(--v-space-8); padding-top: var(--v-space-6); border-top: 1px solid var(--v-line-1); }
.site-events { list-style: none; padding: 0; margin-top: var(--v-space-4); display: flex; flex-direction: column; }
.site-event { display: flex; align-items: center; gap: var(--v-space-3); padding: var(--v-space-3) 0; border-bottom: 1px solid var(--v-line-1); }
.site-event .badge { flex: none; }
.alert .actions { margin-top: var(--v-space-3); }