/* Pages /mariage (maquette du 22/10/2026) — compléments à freelances.css, rien d'autre. */
.metiers{margin:26px auto 0;max-width:40em;text-align:center}
.metiers p{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--ink3)}
.metiers ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.metiers a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--white);box-shadow:0 1px 2px rgba(16,21,19,.06),0 6px 16px -8px rgba(16,21,19,.18);font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}
.metiers a:hover,.metiers a:focus-visible{background:var(--gdeep);color:#fff}
.metiers a[aria-current="page"]{background:var(--ink);color:#fff}
.demo-note{margin:10px auto 0;text-align:center;font-size:13.5px;color:var(--ink3);max-width:40em}
/* Semaine en pleine saison : le jour et l'heure tiennent sur une ligne, même sur téléphone. */
#journee .clock2{white-space:nowrap;font-size:clamp(40px,11.5vw,72px)}
/* Les titres de démonstration et les phrases en vert sont plus longs que sur /freelances : ils peuvent passer à la ligne. */
.sides .side{min-width:0}
.reframe em{white-space:normal}
@media (max-width:720px){.sides .side{width:100%}}