/* Style guide: presentation only, built on the identity variables of the theme (tokens.css). Mobile first. */
.ueah-style-guide * { box-sizing: border-box; }
.ueah-style-guide code { overflow-wrap: anywhere; }
.ueah-sg-tableau code { white-space: nowrap; }
.ueah-sg-section { margin-block: 3rem 0; }
.ueah-sg-section > h2 { margin-block: 0 .75rem; }
.ueah-sg-section h3 { margin-block: 2rem .5rem; }
.ueah-sg-tableau { max-width: 100%; margin-block: 1rem; overflow-x: auto; }
.ueah-sg-tableau table { width: 100%; min-width: 36rem; border-collapse: collapse; }
.ueah-sg-tableau caption { padding-block: .5rem; text-align: start; font-weight: 700; }
.ueah-sg-tableau th, .ueah-sg-tableau td { padding: .6rem .75rem; text-align: start; vertical-align: top; border: 1px solid var(--ueah-bordure); }
.ueah-sg-puce { display: inline-block; width: 1.25rem; height: 1.25rem; margin-inline-end: .5rem; vertical-align: -.25rem; border: 1px solid var(--ueah-texte); }
.ueah-sg-echantillon { margin-block: 1rem; padding: 1rem; border: 1px dashed var(--ueah-texte); }
.ueah-sg-taille p { margin-block: .25rem; overflow-wrap: anywhere; }
.ueah-sg-taille .ueah-sg-legende { font-size: var(--wp--preset--font-size--petit, .875rem); }
.ueah-sg-titre { font-family: var(--ueah-police-titres); line-height: 1.1; }
.ueah-sg-texte { font-family: var(--ueah-police-texte); }
.ueah-sg-liste { margin-block: 1rem; padding-inline-start: 1.25rem; }
.ueah-sg-liste li { margin-block: .5rem; }
.ueah-sg-etat { margin-block: 1.5rem; }
.ueah-sg-etat > p { margin-block: .5rem; }
.ueah-style-guide .ueah-contact { margin-block-start: 1rem; }

.ueah-contact-erreurs h4 { margin-block: 0 .5rem; }