:root{
  /* Le symbole du logo, copie de agfa-rythmo-frontend/src/assets/icons/logo_mark.svg.
     Ecrit en data:, avec son filtre d'ombre interne : c'est ce filtre qui donne
     l'effet grave, une ombre le long de la levre haute A L'INTERIEUR de la forme.
     Aucune propriete CSS ne sait faire cela sur une silhouette. En data: plutot
     qu'en fichier car un file:// refuserait la ressource externe.
     UNE SEULE definition : la variable etait aussi declaree dans base.css, et
     celle de pages.css, chargee apres, l'emportait silencieusement.
     Pour le regenerer apres un changement du logo : voir README.md. */
  --logo-mark:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='84%20134%20736%20756'><filter%20id='c'%20color-interpolation-filters='sRGB'%20x='-6%25'%20y='-6%25'%20width='112%25'%20height='112%25'><feOffset%20in='SourceAlpha'%20dy='16'%20result='o'/><feGaussianBlur%20in='o'%20stdDeviation='15'%20result='b'/><feComposite%20in='SourceAlpha'%20in2='b'%20operator='out'%20result='inv'/><feFlood%20flood-color='%23000000'%20flood-opacity='0.95'%20result='col'/><feComposite%20in='col'%20in2='inv'%20operator='in'%20result='sh'/><feMerge><feMergeNode%20in='SourceGraphic'/><feMergeNode%20in='sh'/></feMerge></filter><g%20filter='url(%23c)'><path%20d=%22M449.6,153.4c-1.6.4-2.6.7-4,1.4-2.9,1.5-5.2,3.8-7.6,7.7-.5.8-3.3,6.2-6.1,11.9-2.9,5.7-6.2,12.2-7.3,14.5-4.7,9-15.9,31.6-19.5,39.1-5.2,10.9-11.2,23.1-14,28.3-1.1,2.2-11,21.9-11,22s-1,2.1-2.2,4.6-3.4,7-4.9,10.1c-2.4,5-12.1,24.5-21.8,43.7-2,3.9-4.2,8.4-5,10s-2.2,4.6-3.2,6.7c-4.1,8.4-5.7,11.5-7.2,13.9-.4.7-.8,1.2-.7,1.2h1.3c2.5-.3,14.5-.4,31.9-.3h36.2c24.5-.2,46.5-.2,62.2,0,19.3.2,50.3.3,63.4.2,27.9-.3,33.4-.3,36.9,0h.6l-1.8-3.6c-2.7-5.4-7-14.2-8.2-16.9-1.2-2.6-3.1-6.4-7.1-14.4s-4.2-8.5-6-12.3-6.3-12.9-10-20.2-7.7-15.5-9-18.1c-4-8.3-5.8-12.1-8.9-18.2-1.6-3.3-3.9-8-5.2-10.5-1.2-2.5-6.5-13.1-11.7-23.6-9.8-19.8-14.2-28.6-15.6-31.5-1.1-2.3-4-8.4-5.1-10.8-1.1-2.3-2.3-4.7-5-10.4-6.4-13.2-7.2-14.7-9.2-17.3-2.7-3.6-6-5.9-10-6.8-1.6-.4-3.9-.4-5.3,0v-.3h.1Z%22%20fill=%22%230f131e%22/><path%20d=%22M590.3,383.6s-22.8.1-50.5.2c-27.7,0-60.2.2-72.2.3-17.9.1-25.3.1-41.2,0-12.2-.1-32.4-.2-54.5-.1h-82c-49.2,0-48.3,0-51.5.6-5.8,1-11.8,4.9-16.3,10.5-3.1,3.9-4.9,7.5-5.6,11.5-.2,1-.2,7.7-.3,66.1-.1,144.8-.1,303.2,0,304.7.2,2.9.9,5.5,2.4,8.4,2.4,4.8,5.5,8.3,10.2,11.4,2.8,1.8,5.5,3,8.6,3.6,4.1.8,6.8.9,24.3.7,10.3,0,52.2-.2,147.3-.3h154.5l-.7-1.7c-1.2-3.1-1.8-5-2.2-7.8-.5-3,0-6.7,1.1-9.8.8-2,2.7-5.2,4.5-7.4.9-1.1,1.8-2.4,1.7-2.6,0,0-.6-.5-1.4-1-1.5-1-1.4-.8-1.5-3,0-1.5.2-29.8.3-32.3v-1.8l1-.2c3-.7,7.4-1.2,12-1.3,3.7,0,6.4,0,8.8.5,1,.2,2.2.4,2.6.4h.9l-.4-.2c-.2-.2-1.5-1-2.7-1.8-8.4-5.4-10.4-6.8-13.9-9.6-5.1-4.1-8.7-7.8-14.1-14.6-1.4-1.7-2.6-3.2-2.8-3.3-1.3-.9-4.5-.9-174.1-.9s-137.5,0-139.1-.2c-1.6,0-2.5-.2-2.6-.3s-.2-23.6-.2-108.4v-113h38.5c30.3-.4,45-.4,77.8-.2,25.5.2,36.6.2,52.3,0,11,0,47.7-.1,81.7,0h82c23.1-.1,48.6,0,49.2.3l.4.2v2.8c0,1.5-.2,3.1-.3,3.5v.7h1.1c.7,0,2.4,0,3.8-.2,7.5-.5,14.8-.6,20.3,0,1.6.1,3.2.3,3.5.3h.6v-32.2c0-31.7,0-36.1-.3-43-.2-4.1-.8-7.6-1.8-10.1-1.8-4.7-5.7-9.7-9.9-12.8-3-2.2-7.8-4.6-10.9-5.4-1.8-.5-2.9-.6-6.2-.7-3.2-.1-32.3-.2-32.4,0l.2-.4h0ZM368.9,411.2c5,.2,9.8.5,10.2.8.3.2.4,4,.5,19.5.2,15.5.1,16.7-.4,17.9-.8,1.7-3.2,3.4-5.3,3.8-1.9.4-30.1.2-35-.3-2-.2-3.2-.4-3.4-.7-.3-.3-.7-2.8-.9-4.9-.2-2.4-.2-27,0-28.9s.5-3.5.7-4.2c.3-.7,1.1-1.3,2.2-1.9,2.6-1.3,2.5-1.3,16.1-1.2,6.2,0,13.1.1,15.2.2h0ZM525.2,412.2c4.3.1,7.7.4,8,.6.2.2.4,6.9.5,16.2,0,10.9,0,19-.2,20.5-.4,3-1.2,3.3-10.3,3.5-8.5.2-25.3,0-31.7-.4-2.6-.2-3.2-.2-3.5-.4-.4-.3-.5-2.4-.5-14.5s0-20.8.7-24c0-.6.2-.8.4-.9.6-.2,4.2-.4,9.3-.5,8.9-.1,22.2-.1,27.3,0h0ZM303.6,412.5c.1.2,0,32.3,0,36.1s-.2,3.1-.2,3.2c-.5.4-7.6.7-21.5.7s-23.1-.3-23.5-.6-.4-3.1-.4-19.6,0-17.5.1-18.3v-1.5h.6c.9-.1,44.9,0,45,0h-.1ZM455.5,412.6h.6v1.7c.2,2.7.4,14.1.4,24.3s0,12.2-.4,13.4c-.1.3-.4.5-.9.6-2.6.6-20.7.9-32.2.7-8.2-.2-11.5-.4-12.1-.8-.3-.2-.4-1.7-.6-7.2-.3-9.4,0-24.7.3-29.4.3-3.5.2-3.3.8-3.4.9-.1,43.2,0,43.8.1h.3ZM606.3,412.7c.9,0,1.8.2,1.8.3.2.2.4,2.4.6,5.5.2,3.6,0,25.8,0,28.1-.5,5-1.4,5.6-9.1,5.9-4,.2-22.1,0-26.5-.1-4.4-.2-7.9-.4-8.4-.5-.5,0-.5-.1-.6-.7-.3-2.3-.4-6.5-.4-20.3s0-16.6.4-17.6c0-.3.5-.4,4.2-.6,3-.2,36.1,0,38.1.1h0ZM527.4,730.2c2.8.3,3.9.7,5.2,1.9,1,1,1.4,1.8,1.6,3.4.2,1.4,0,33.2,0,34.8s-.2,1.1-.3,1.3-1.9.2-18,.2-23.8,0-25.2-.4c-1-.2-1.3-.4-1.4-1-.3-1.9-.4-5-.4-16.6s.2-20.7.8-22.2c.3-.8,2.4-1.3,5.8-1.5,3.2-.2,30.4,0,32.1,0h-.2ZM289,730.6c5.3,0,10.2.2,10.7.3,2.4.3,3.6,1.1,4.3,3.1.5,1.4.6,2.7.5,14.4,0,13.8-.3,21.9-.7,22.3s-40.9.2-42.9,0c-.8,0-1.5-.2-1.6-.2,0,0-.1-.8-.2-1.8-.2-2.6-.2-29.1,0-32.1.3-4.7.5-5,2.6-5.5.8-.2,1.5-.3,4.1-.6.5,0,6.6,0,23.1.2h.1ZM439.2,730.5c7.9,0,13.8.2,14.6.3,1.9.2,3,.5,3.2.8.1.2.3,1,.4,1.9.2,1.5.2,2.9.2,16.6s0,15.5-.2,16.9c-.2,2.1-.4,3.6-.5,3.9,0,0-.4.2-.8.3-1.2.2-9.7.3-23.6.4-16.3,0-19.7,0-19.9-.7-.1-.4-.3-2.4-.5-4.3,0-1-.2-7.5-.2-14.4,0-14.6,0-18.9.6-20.3.2-.4.7-.7,2.3-1,2.7-.6,3.9-.6,24.2-.4h.2,0ZM372.2,730.7c4.8.2,5.9.5,7.2,1.8.8.8,1.2,1.7,1.4,3,.2,1.5.2,29,0,32.1-.2,2.8-.3,3-.7,3.1-.6.2-25.6.3-34.4,0-7.2,0-10-.3-10.2-.5s-.3-3.4-.4-18.8c0-14.8,0-16.3.2-17.2.6-2.6,1.7-3.3,6.3-3.7h30.6v.2Z%22%20fill=%22%230f131e%22/><path%20d=%22M627.7,494.9c-10.2.9-17.7,2.5-24.4,5.1-6.8,2.7-12.3,6.5-16.7,11.7-3.8,4.4-6.5,9.2-8.2,14.8-1.6,5-2.4,9.5-2.4,14s0,1.2.3,1.2,4.5.3,10.9.5c4.3,0,5.5.3,6,.6.7.5,1.2,2.8.9,4.8-.2,1.7-.4,2.5-.8,2.9-.8.7-2.5.9-11.4,1-3.2,0-5.8.2-5.8.2v13.3h6.6c6.9,0,8.6,0,10.1.5s1.6.7,1.9,3.2c.2,2.1,0,4-.7,5.2-.8,1.4-2.1,1.6-12.2,1.7h-5.7v14.4c0,.1,1.1,0,2.3,0s4.1,0,6.4,0c4.8,0,7.2.2,7.9.5.6.2.7.5.9,1.9.3,2,0,4.6-.4,5.5-.3.5-.6.8-1.5,1-1.3.3-5.1.6-12.4.8h-3.2v13h5.1c8.2,0,10.5.2,11.9,1,1.2.7,1.7,1.6,1.7,3.8s0,1.3-.5,2.2c-1,2-1.7,2.6-3.5,2.8-.6,0-4.2,0-8,0h-6.9v13.9c0,20.5,0,22.2,1.8,27.9,1.5,4.5,4.1,9.6,6.6,12.8,3.6,4.6,8.8,8.9,14.1,11.5,3.9,2,8.4,3.3,13.1,4,4.9.7,10.3.9,20,.9,15.1,0,22-.4,27.6-1.6,9.2-1.9,16.8-5.8,23-11.7,1.7-1.7,3.8-4.1,5-5.8,1.9-2.9,3.6-6.7,4.2-9.8.7-3.7.8-6.2.9-25.2v-16.8h-7.5c-7.6,0-8.6-.2-9.3-2-.6-1.6-.6-4.9,0-5.8.2-.4,1.4-.8,2.7-.9,1.4-.2,5.2-.4,10-.5h4.4v-13.1h-1.6c-.8,0-3.7,0-6.4-.2-2.7,0-5.3-.2-5.8-.3-2.1-.3-3-1.1-3.4-3-.2-.8,0-2.8.5-3.6.8-1.6,2.3-1.9,12.3-2h4.7v-15.3s-3,0-6.7,0c-5.5,0-6.8,0-7.5-.3-1.6-.4-2.3-1-3-2.5-.7-1.4-.6-3.5,0-5,.4-.8,1.2-1.7,1.9-2.1,1.4-.7,5-1,11.5-.9h4.1v-6.7c0-3.7,0-6.8-.2-6.9s-3.1,0-6.9-.2c-5.9,0-6.9,0-7.6-.3-1.3-.4-1.9-.8-2.4-2-.7-1.6-.7-2.7,0-4.6.5-1.2.9-1.8,1.6-2.1.6-.3.8-.3,7.8-.3s7.2,0,7.3,0c.2-.2-.4-6.2-.9-9.3-1.6-10.5-4.3-16.2-10.3-22.3-3.2-3.2-6.3-5.3-10.9-7.7-6.2-3.1-13.6-5.2-23.6-6.9-1.8-.3-5.5-.7-7.9-.8-2-.1-10.1-.2-11.4,0v-.2h0Z%22%20fill=%22%230f131e%22/><path%20d=%22M705.2,631.8v2.8c.6,9.7.8,21.2.3,25-.6,5.1-1.2,8.2-2.5,12.9-2.2,7.6-5.6,15-9.7,21.2-4.7,7-8.9,11.5-14.9,15.7-5.3,3.7-14.6,8.2-20.2,9.7-1.4.4-2.4.2-3-.5-2.6-3.1-4.5-4.6-6.9-5.4-2-.6-2.7-.7-14.5-.7s-13.8,0-15.3,1c-.9.6-3.5,3.2-4.7,4.7l-1,1.2h-.5c-1.4-.4-7.9-3-11.9-5-4.2-2-9.4-5.4-13.4-8.6-3.8-3-7.8-7-10.4-10.2-2.8-3.6-6.2-9-8.1-13.2-3.1-6.8-4.6-12.1-5.9-20.7-.6-4.5-.6-4.4-.6-17.5s0-12.4-.2-12.5-1.5-.2-6.3-.2-6.2,0-6.4.2c-.4.4-.7,3.6-.9,9.5-.4,12.3,1,24.9,4,34.5,2.6,8.4,7.9,18.3,13.8,25.9,4.1,5.3,9.7,10.9,15.2,15.1,5.8,4.5,10,6.9,22,12.4,5,2.3,6.1,2.9,6.8,3.6.9.9,1.1,1.5,1.9,6.4.3,1.5.5,2.9.6,3,0,0,.4.3.7.5.9.4,4.5,1.2,8.3,2l3.4.7v1.3c.2,1.6.2,29.9,0,30h-47.8c-2.2.2-3,.6-4.4,2-3.3,3.4-5,7-5.2,11.1,0,2.2.2,3.7,1,5.3.9,1.8,2.7,4,3.9,4.9,1.6,1.1,2.8,1.4,6.1,1.5,4.2.2,113.2,0,113.9,0,1.2-.3,2.1-.9,3.3-2.1,1.3-1.3,2.1-2.4,3-4.3,1.7-3.3,2.1-6.4,1.2-9.3-.6-2.2-2.1-4.4-4.1-6.1-2.1-1.8-3.8-2.4-8-2.7-1,0-9.4-.2-22.3-.2s-20.7,0-20.8-.2c0,0-.2-2.8-.2-13.5s0-18.5.3-18.7,1.4-.2,3-.2c4.4-.2,5-.4,6-1.9,1.1-1.8,3-5.8,3.9-8.8.6-1.8.8-2.1,2.1-2.5,1.8-.6,6.8-2.5,8.6-3.3,5.4-2.4,12.1-6.3,15.9-9.1,3.9-3,6.3-5,9.9-8.7,5.4-5.4,9.2-10.3,12.6-16.3,4.6-8,8.4-18.5,9.8-27,1-5.9,1.3-9.5,1.5-17.5.2-8.2,0-14.8-.6-17v-.5h-1.3c-.6,0-3.1,0-5.4-.2s-4.7-.2-5.3-.2h-1v.7h.7Z%22%20fill=%22%230f131e%22/><path%20d=%22M198.3,653.8c-.4.4-1.1,1.8-1.9,3.9-1.2,3-2.4,5.4-6.6,13.9-3.9,7.9-5.7,11.4-10.6,21.5-5,10.1-5.5,11.3-9.5,19.7-2.2,4.8-4.8,10-6.5,13.6-1,2.1-2.7,5.6-3.8,7.9s-5.1,10.3-8.9,18c-12.6,25.3-18.9,38.2-24.8,50.8-1,2-3.6,7.3-5.8,11.7-14.1,28-15.2,30.3-16.3,34.6-.7,2.9-.7,5,0,7.8.9,2.9,2.9,6,5.4,8.4,2.4,2.3,5.1,3.7,8.7,4.4,1.3.3,3.8.3,5.1,0,4.2-.8,5.9-1.3,15.4-4.7,2.6-.9,6-2.1,7.5-2.6,4.6-1.5,16.7-5.6,23.4-7.9,12-4.2,13.9-4.8,21.6-7.3,7.9-2.6,16.3-5.4,23.8-7.9,4.4-1.5,22.6-7.7,33-11.1,3.5-1.2,7.5-2.5,8.8-3,1.3-.5,4.5-1.6,7.1-2.4,6.6-2.1,9.5-3.3,9.8-4,.1-.3,0-.3-.8-.2-4.5.9-7.4,1.1-15.9,1.2-9.5,0-17.3-.3-21.8-1.2-6.2-1.2-11.7-3.7-16.5-7.3-2.1-1.6-2.8-2.2-4.9-4.3-4.6-4.5-7.6-8.6-10.4-13.9-2.3-4.5-3.4-7.6-4.1-11.6-.9-5.2-1-9.5-.8-40,.1-18.5.1-31.6,0-52.8v-29.8c0-.9.2-2.6.3-3.6.1-1.1.2-1.9.2-2,0,0-.2,0-.3.2h0Z%22%20fill=%22%230f131e%22/><path%20d=%22M723.9,691.5c-.2.4-.7,1.7-1.1,2.8-2.8,7.8-7.2,15.2-13.2,22.5-3.3,4-9.9,10-14.8,13.6-5.7,4.1-11,7.3-23,13.5-4.4,2.3-6.8,3.7-9.9,5.8-3.2,2.2-3.7,2.5-3.8,3.2,0,.2,0,2.9-.2,5.8v5.4h11.6c12.2,0,16.2,0,20,.6,5.6.6,9.1,1.7,12.9,4.1,3.8,2.3,6.9,5.7,8.6,9.2,1.9,3.9,2.9,9.6,2.7,14.9,0,3.2-.5,4.9-2.1,8-1.2,2.4-2.3,3.9-4.1,5.8-2.3,2.4-4.2,3.8-7.5,5.5-4,2.1-7.4,2.8-13.7,3-8.9.3-55.3,0-62.3-.3-1.7,0-3.8-.2-4.6-.2-1.3,0-1.5,0-1.5.3,0,.6,1.3,1.2,7,3.1,1.9.7,4.8,1.7,6.4,2.2s4.2,1.5,5.7,2,4,1.4,5.5,1.9c5.9,2,13.1,4.4,22,7.4,5.1,1.7,11.3,3.7,13.7,4.6,6.1,2,19,6.3,22.9,7.6,1.8.6,5.1,1.6,7.4,2.4,2.3.8,7.1,2.3,10.7,3.5,11.6,3.8,28.9,9.6,37.1,12.5,19.7,6.8,26.4,8.7,30,8.4,4.9-.4,10.3-4,12.9-8.5,1.2-2,2.1-4.6,2.5-6.9.3-1.5,0-2.5-.6-5.1-.9-3-2-5.4-10.3-22.1-6.2-12.5-11.6-23.6-14.3-29-1.5-3.1-3.4-6.9-4.1-8.4-.8-1.5-2.7-5.5-4.4-8.9-1.6-3.4-4.7-9.6-6.8-13.9-4.1-8.2-6.4-12.8-10.1-20.8-1.3-2.7-2.7-5.8-3.2-6.7s-1.6-3.4-2.6-5.5c-2.2-4.8-9.3-19.4-15.6-32-3.6-7.4-4.8-9.9-5.2-10.8-.2-.5-.4-.9-.4-.9,0,0-.2.4-.4.8l.2-.4h0Z%22%20fill=%22%230f131e%22/></g></svg>");
  /* La coche de la case de consentement, de la couleur de l'encre. */
  --v-consent-check:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5e7eb' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5.2 5.2L20 6.6'/></svg>");
}
/* Mode clair : même gravure, dans le logement clair, ombre bleu nuit légère. */
:root[data-theme="light"]{
  --logo-mark:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='84%20134%20736%20756'><filter%20id='c'%20color-interpolation-filters='sRGB'%20x='-6%25'%20y='-6%25'%20width='112%25'%20height='112%25'><feOffset%20in='SourceAlpha'%20dy='16'%20result='o'/><feGaussianBlur%20in='o'%20stdDeviation='15'%20result='b'/><feComposite%20in='SourceAlpha'%20in2='b'%20operator='out'%20result='inv'/><feFlood%20flood-color='%230f172a'%20flood-opacity='0.3'%20result='col'/><feComposite%20in='col'%20in2='inv'%20operator='in'%20result='sh'/><feMerge><feMergeNode%20in='SourceGraphic'/><feMergeNode%20in='sh'/></feMerge></filter><g%20filter='url(%23c)'><path%20d=%22M449.6,153.4c-1.6.4-2.6.7-4,1.4-2.9,1.5-5.2,3.8-7.6,7.7-.5.8-3.3,6.2-6.1,11.9-2.9,5.7-6.2,12.2-7.3,14.5-4.7,9-15.9,31.6-19.5,39.1-5.2,10.9-11.2,23.1-14,28.3-1.1,2.2-11,21.9-11,22s-1,2.1-2.2,4.6-3.4,7-4.9,10.1c-2.4,5-12.1,24.5-21.8,43.7-2,3.9-4.2,8.4-5,10s-2.2,4.6-3.2,6.7c-4.1,8.4-5.7,11.5-7.2,13.9-.4.7-.8,1.2-.7,1.2h1.3c2.5-.3,14.5-.4,31.9-.3h36.2c24.5-.2,46.5-.2,62.2,0,19.3.2,50.3.3,63.4.2,27.9-.3,33.4-.3,36.9,0h.6l-1.8-3.6c-2.7-5.4-7-14.2-8.2-16.9-1.2-2.6-3.1-6.4-7.1-14.4s-4.2-8.5-6-12.3-6.3-12.9-10-20.2-7.7-15.5-9-18.1c-4-8.3-5.8-12.1-8.9-18.2-1.6-3.3-3.9-8-5.2-10.5-1.2-2.5-6.5-13.1-11.7-23.6-9.8-19.8-14.2-28.6-15.6-31.5-1.1-2.3-4-8.4-5.1-10.8-1.1-2.3-2.3-4.7-5-10.4-6.4-13.2-7.2-14.7-9.2-17.3-2.7-3.6-6-5.9-10-6.8-1.6-.4-3.9-.4-5.3,0v-.3h.1Z%22%20fill=%22%23dfe4ec%22/><path%20d=%22M590.3,383.6s-22.8.1-50.5.2c-27.7,0-60.2.2-72.2.3-17.9.1-25.3.1-41.2,0-12.2-.1-32.4-.2-54.5-.1h-82c-49.2,0-48.3,0-51.5.6-5.8,1-11.8,4.9-16.3,10.5-3.1,3.9-4.9,7.5-5.6,11.5-.2,1-.2,7.7-.3,66.1-.1,144.8-.1,303.2,0,304.7.2,2.9.9,5.5,2.4,8.4,2.4,4.8,5.5,8.3,10.2,11.4,2.8,1.8,5.5,3,8.6,3.6,4.1.8,6.8.9,24.3.7,10.3,0,52.2-.2,147.3-.3h154.5l-.7-1.7c-1.2-3.1-1.8-5-2.2-7.8-.5-3,0-6.7,1.1-9.8.8-2,2.7-5.2,4.5-7.4.9-1.1,1.8-2.4,1.7-2.6,0,0-.6-.5-1.4-1-1.5-1-1.4-.8-1.5-3,0-1.5.2-29.8.3-32.3v-1.8l1-.2c3-.7,7.4-1.2,12-1.3,3.7,0,6.4,0,8.8.5,1,.2,2.2.4,2.6.4h.9l-.4-.2c-.2-.2-1.5-1-2.7-1.8-8.4-5.4-10.4-6.8-13.9-9.6-5.1-4.1-8.7-7.8-14.1-14.6-1.4-1.7-2.6-3.2-2.8-3.3-1.3-.9-4.5-.9-174.1-.9s-137.5,0-139.1-.2c-1.6,0-2.5-.2-2.6-.3s-.2-23.6-.2-108.4v-113h38.5c30.3-.4,45-.4,77.8-.2,25.5.2,36.6.2,52.3,0,11,0,47.7-.1,81.7,0h82c23.1-.1,48.6,0,49.2.3l.4.2v2.8c0,1.5-.2,3.1-.3,3.5v.7h1.1c.7,0,2.4,0,3.8-.2,7.5-.5,14.8-.6,20.3,0,1.6.1,3.2.3,3.5.3h.6v-32.2c0-31.7,0-36.1-.3-43-.2-4.1-.8-7.6-1.8-10.1-1.8-4.7-5.7-9.7-9.9-12.8-3-2.2-7.8-4.6-10.9-5.4-1.8-.5-2.9-.6-6.2-.7-3.2-.1-32.3-.2-32.4,0l.2-.4h0ZM368.9,411.2c5,.2,9.8.5,10.2.8.3.2.4,4,.5,19.5.2,15.5.1,16.7-.4,17.9-.8,1.7-3.2,3.4-5.3,3.8-1.9.4-30.1.2-35-.3-2-.2-3.2-.4-3.4-.7-.3-.3-.7-2.8-.9-4.9-.2-2.4-.2-27,0-28.9s.5-3.5.7-4.2c.3-.7,1.1-1.3,2.2-1.9,2.6-1.3,2.5-1.3,16.1-1.2,6.2,0,13.1.1,15.2.2h0ZM525.2,412.2c4.3.1,7.7.4,8,.6.2.2.4,6.9.5,16.2,0,10.9,0,19-.2,20.5-.4,3-1.2,3.3-10.3,3.5-8.5.2-25.3,0-31.7-.4-2.6-.2-3.2-.2-3.5-.4-.4-.3-.5-2.4-.5-14.5s0-20.8.7-24c0-.6.2-.8.4-.9.6-.2,4.2-.4,9.3-.5,8.9-.1,22.2-.1,27.3,0h0ZM303.6,412.5c.1.2,0,32.3,0,36.1s-.2,3.1-.2,3.2c-.5.4-7.6.7-21.5.7s-23.1-.3-23.5-.6-.4-3.1-.4-19.6,0-17.5.1-18.3v-1.5h.6c.9-.1,44.9,0,45,0h-.1ZM455.5,412.6h.6v1.7c.2,2.7.4,14.1.4,24.3s0,12.2-.4,13.4c-.1.3-.4.5-.9.6-2.6.6-20.7.9-32.2.7-8.2-.2-11.5-.4-12.1-.8-.3-.2-.4-1.7-.6-7.2-.3-9.4,0-24.7.3-29.4.3-3.5.2-3.3.8-3.4.9-.1,43.2,0,43.8.1h.3ZM606.3,412.7c.9,0,1.8.2,1.8.3.2.2.4,2.4.6,5.5.2,3.6,0,25.8,0,28.1-.5,5-1.4,5.6-9.1,5.9-4,.2-22.1,0-26.5-.1-4.4-.2-7.9-.4-8.4-.5-.5,0-.5-.1-.6-.7-.3-2.3-.4-6.5-.4-20.3s0-16.6.4-17.6c0-.3.5-.4,4.2-.6,3-.2,36.1,0,38.1.1h0ZM527.4,730.2c2.8.3,3.9.7,5.2,1.9,1,1,1.4,1.8,1.6,3.4.2,1.4,0,33.2,0,34.8s-.2,1.1-.3,1.3-1.9.2-18,.2-23.8,0-25.2-.4c-1-.2-1.3-.4-1.4-1-.3-1.9-.4-5-.4-16.6s.2-20.7.8-22.2c.3-.8,2.4-1.3,5.8-1.5,3.2-.2,30.4,0,32.1,0h-.2ZM289,730.6c5.3,0,10.2.2,10.7.3,2.4.3,3.6,1.1,4.3,3.1.5,1.4.6,2.7.5,14.4,0,13.8-.3,21.9-.7,22.3s-40.9.2-42.9,0c-.8,0-1.5-.2-1.6-.2,0,0-.1-.8-.2-1.8-.2-2.6-.2-29.1,0-32.1.3-4.7.5-5,2.6-5.5.8-.2,1.5-.3,4.1-.6.5,0,6.6,0,23.1.2h.1ZM439.2,730.5c7.9,0,13.8.2,14.6.3,1.9.2,3,.5,3.2.8.1.2.3,1,.4,1.9.2,1.5.2,2.9.2,16.6s0,15.5-.2,16.9c-.2,2.1-.4,3.6-.5,3.9,0,0-.4.2-.8.3-1.2.2-9.7.3-23.6.4-16.3,0-19.7,0-19.9-.7-.1-.4-.3-2.4-.5-4.3,0-1-.2-7.5-.2-14.4,0-14.6,0-18.9.6-20.3.2-.4.7-.7,2.3-1,2.7-.6,3.9-.6,24.2-.4h.2,0ZM372.2,730.7c4.8.2,5.9.5,7.2,1.8.8.8,1.2,1.7,1.4,3,.2,1.5.2,29,0,32.1-.2,2.8-.3,3-.7,3.1-.6.2-25.6.3-34.4,0-7.2,0-10-.3-10.2-.5s-.3-3.4-.4-18.8c0-14.8,0-16.3.2-17.2.6-2.6,1.7-3.3,6.3-3.7h30.6v.2Z%22%20fill=%22%23dfe4ec%22/><path%20d=%22M627.7,494.9c-10.2.9-17.7,2.5-24.4,5.1-6.8,2.7-12.3,6.5-16.7,11.7-3.8,4.4-6.5,9.2-8.2,14.8-1.6,5-2.4,9.5-2.4,14s0,1.2.3,1.2,4.5.3,10.9.5c4.3,0,5.5.3,6,.6.7.5,1.2,2.8.9,4.8-.2,1.7-.4,2.5-.8,2.9-.8.7-2.5.9-11.4,1-3.2,0-5.8.2-5.8.2v13.3h6.6c6.9,0,8.6,0,10.1.5s1.6.7,1.9,3.2c.2,2.1,0,4-.7,5.2-.8,1.4-2.1,1.6-12.2,1.7h-5.7v14.4c0,.1,1.1,0,2.3,0s4.1,0,6.4,0c4.8,0,7.2.2,7.9.5.6.2.7.5.9,1.9.3,2,0,4.6-.4,5.5-.3.5-.6.8-1.5,1-1.3.3-5.1.6-12.4.8h-3.2v13h5.1c8.2,0,10.5.2,11.9,1,1.2.7,1.7,1.6,1.7,3.8s0,1.3-.5,2.2c-1,2-1.7,2.6-3.5,2.8-.6,0-4.2,0-8,0h-6.9v13.9c0,20.5,0,22.2,1.8,27.9,1.5,4.5,4.1,9.6,6.6,12.8,3.6,4.6,8.8,8.9,14.1,11.5,3.9,2,8.4,3.3,13.1,4,4.9.7,10.3.9,20,.9,15.1,0,22-.4,27.6-1.6,9.2-1.9,16.8-5.8,23-11.7,1.7-1.7,3.8-4.1,5-5.8,1.9-2.9,3.6-6.7,4.2-9.8.7-3.7.8-6.2.9-25.2v-16.8h-7.5c-7.6,0-8.6-.2-9.3-2-.6-1.6-.6-4.9,0-5.8.2-.4,1.4-.8,2.7-.9,1.4-.2,5.2-.4,10-.5h4.4v-13.1h-1.6c-.8,0-3.7,0-6.4-.2-2.7,0-5.3-.2-5.8-.3-2.1-.3-3-1.1-3.4-3-.2-.8,0-2.8.5-3.6.8-1.6,2.3-1.9,12.3-2h4.7v-15.3s-3,0-6.7,0c-5.5,0-6.8,0-7.5-.3-1.6-.4-2.3-1-3-2.5-.7-1.4-.6-3.5,0-5,.4-.8,1.2-1.7,1.9-2.1,1.4-.7,5-1,11.5-.9h4.1v-6.7c0-3.7,0-6.8-.2-6.9s-3.1,0-6.9-.2c-5.9,0-6.9,0-7.6-.3-1.3-.4-1.9-.8-2.4-2-.7-1.6-.7-2.7,0-4.6.5-1.2.9-1.8,1.6-2.1.6-.3.8-.3,7.8-.3s7.2,0,7.3,0c.2-.2-.4-6.2-.9-9.3-1.6-10.5-4.3-16.2-10.3-22.3-3.2-3.2-6.3-5.3-10.9-7.7-6.2-3.1-13.6-5.2-23.6-6.9-1.8-.3-5.5-.7-7.9-.8-2-.1-10.1-.2-11.4,0v-.2h0Z%22%20fill=%22%23dfe4ec%22/><path%20d=%22M705.2,631.8v2.8c.6,9.7.8,21.2.3,25-.6,5.1-1.2,8.2-2.5,12.9-2.2,7.6-5.6,15-9.7,21.2-4.7,7-8.9,11.5-14.9,15.7-5.3,3.7-14.6,8.2-20.2,9.7-1.4.4-2.4.2-3-.5-2.6-3.1-4.5-4.6-6.9-5.4-2-.6-2.7-.7-14.5-.7s-13.8,0-15.3,1c-.9.6-3.5,3.2-4.7,4.7l-1,1.2h-.5c-1.4-.4-7.9-3-11.9-5-4.2-2-9.4-5.4-13.4-8.6-3.8-3-7.8-7-10.4-10.2-2.8-3.6-6.2-9-8.1-13.2-3.1-6.8-4.6-12.1-5.9-20.7-.6-4.5-.6-4.4-.6-17.5s0-12.4-.2-12.5-1.5-.2-6.3-.2-6.2,0-6.4.2c-.4.4-.7,3.6-.9,9.5-.4,12.3,1,24.9,4,34.5,2.6,8.4,7.9,18.3,13.8,25.9,4.1,5.3,9.7,10.9,15.2,15.1,5.8,4.5,10,6.9,22,12.4,5,2.3,6.1,2.9,6.8,3.6.9.9,1.1,1.5,1.9,6.4.3,1.5.5,2.9.6,3,0,0,.4.3.7.5.9.4,4.5,1.2,8.3,2l3.4.7v1.3c.2,1.6.2,29.9,0,30h-47.8c-2.2.2-3,.6-4.4,2-3.3,3.4-5,7-5.2,11.1,0,2.2.2,3.7,1,5.3.9,1.8,2.7,4,3.9,4.9,1.6,1.1,2.8,1.4,6.1,1.5,4.2.2,113.2,0,113.9,0,1.2-.3,2.1-.9,3.3-2.1,1.3-1.3,2.1-2.4,3-4.3,1.7-3.3,2.1-6.4,1.2-9.3-.6-2.2-2.1-4.4-4.1-6.1-2.1-1.8-3.8-2.4-8-2.7-1,0-9.4-.2-22.3-.2s-20.7,0-20.8-.2c0,0-.2-2.8-.2-13.5s0-18.5.3-18.7,1.4-.2,3-.2c4.4-.2,5-.4,6-1.9,1.1-1.8,3-5.8,3.9-8.8.6-1.8.8-2.1,2.1-2.5,1.8-.6,6.8-2.5,8.6-3.3,5.4-2.4,12.1-6.3,15.9-9.1,3.9-3,6.3-5,9.9-8.7,5.4-5.4,9.2-10.3,12.6-16.3,4.6-8,8.4-18.5,9.8-27,1-5.9,1.3-9.5,1.5-17.5.2-8.2,0-14.8-.6-17v-.5h-1.3c-.6,0-3.1,0-5.4-.2s-4.7-.2-5.3-.2h-1v.7h.7Z%22%20fill=%22%23dfe4ec%22/><path%20d=%22M198.3,653.8c-.4.4-1.1,1.8-1.9,3.9-1.2,3-2.4,5.4-6.6,13.9-3.9,7.9-5.7,11.4-10.6,21.5-5,10.1-5.5,11.3-9.5,19.7-2.2,4.8-4.8,10-6.5,13.6-1,2.1-2.7,5.6-3.8,7.9s-5.1,10.3-8.9,18c-12.6,25.3-18.9,38.2-24.8,50.8-1,2-3.6,7.3-5.8,11.7-14.1,28-15.2,30.3-16.3,34.6-.7,2.9-.7,5,0,7.8.9,2.9,2.9,6,5.4,8.4,2.4,2.3,5.1,3.7,8.7,4.4,1.3.3,3.8.3,5.1,0,4.2-.8,5.9-1.3,15.4-4.7,2.6-.9,6-2.1,7.5-2.6,4.6-1.5,16.7-5.6,23.4-7.9,12-4.2,13.9-4.8,21.6-7.3,7.9-2.6,16.3-5.4,23.8-7.9,4.4-1.5,22.6-7.7,33-11.1,3.5-1.2,7.5-2.5,8.8-3,1.3-.5,4.5-1.6,7.1-2.4,6.6-2.1,9.5-3.3,9.8-4,.1-.3,0-.3-.8-.2-4.5.9-7.4,1.1-15.9,1.2-9.5,0-17.3-.3-21.8-1.2-6.2-1.2-11.7-3.7-16.5-7.3-2.1-1.6-2.8-2.2-4.9-4.3-4.6-4.5-7.6-8.6-10.4-13.9-2.3-4.5-3.4-7.6-4.1-11.6-.9-5.2-1-9.5-.8-40,.1-18.5.1-31.6,0-52.8v-29.8c0-.9.2-2.6.3-3.6.1-1.1.2-1.9.2-2,0,0-.2,0-.3.2h0Z%22%20fill=%22%23dfe4ec%22/><path%20d=%22M723.9,691.5c-.2.4-.7,1.7-1.1,2.8-2.8,7.8-7.2,15.2-13.2,22.5-3.3,4-9.9,10-14.8,13.6-5.7,4.1-11,7.3-23,13.5-4.4,2.3-6.8,3.7-9.9,5.8-3.2,2.2-3.7,2.5-3.8,3.2,0,.2,0,2.9-.2,5.8v5.4h11.6c12.2,0,16.2,0,20,.6,5.6.6,9.1,1.7,12.9,4.1,3.8,2.3,6.9,5.7,8.6,9.2,1.9,3.9,2.9,9.6,2.7,14.9,0,3.2-.5,4.9-2.1,8-1.2,2.4-2.3,3.9-4.1,5.8-2.3,2.4-4.2,3.8-7.5,5.5-4,2.1-7.4,2.8-13.7,3-8.9.3-55.3,0-62.3-.3-1.7,0-3.8-.2-4.6-.2-1.3,0-1.5,0-1.5.3,0,.6,1.3,1.2,7,3.1,1.9.7,4.8,1.7,6.4,2.2s4.2,1.5,5.7,2,4,1.4,5.5,1.9c5.9,2,13.1,4.4,22,7.4,5.1,1.7,11.3,3.7,13.7,4.6,6.1,2,19,6.3,22.9,7.6,1.8.6,5.1,1.6,7.4,2.4,2.3.8,7.1,2.3,10.7,3.5,11.6,3.8,28.9,9.6,37.1,12.5,19.7,6.8,26.4,8.7,30,8.4,4.9-.4,10.3-4,12.9-8.5,1.2-2,2.1-4.6,2.5-6.9.3-1.5,0-2.5-.6-5.1-.9-3-2-5.4-10.3-22.1-6.2-12.5-11.6-23.6-14.3-29-1.5-3.1-3.4-6.9-4.1-8.4-.8-1.5-2.7-5.5-4.4-8.9-1.6-3.4-4.7-9.6-6.8-13.9-4.1-8.2-6.4-12.8-10.1-20.8-1.3-2.7-2.7-5.8-3.2-6.7s-1.6-3.4-2.6-5.5c-2.2-4.8-9.3-19.4-15.6-32-3.6-7.4-4.8-9.9-5.2-10.8-.2-.5-.4-.9-.4-.9,0,0-.2.4-.4.8l.2-.4h0Z%22%20fill=%22%23dfe4ec%22/></g></svg>");
  --v-consent-check:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5.2 5.2L20 6.6'/></svg>");
}

/* ════════════════════════════════════════════════════════════
   AgfaRythmo — vitrine : règles propres à chaque page.
   ════════════════════════════════════════════════════════════ */

/* ── Accueil : hero ──────────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding:clamp(64px,10vw,140px) 0 clamp(40px,6vw,72px)}
.hero__in{position:relative;z-index:1}
.hero h1{max-width:12ch}
.hero .lede{margin-top:28px}
.hero__note{margin-top:14px;color:var(--da-ink-faint);font-size:.88rem}

/* ── La bande, pleine largeur ────────────────────────────────
   Elle traverse l'écran d'un bord à l'autre, sans marge : c'est l'objet du site.
   L'intérieur est la copie de l'app (rythmo.css) ; ici on ne fait que la poser. */
.band{position:relative;padding:8px 0;border-top:1px solid rgba(var(--da-shade-rgb),calc(.6*var(--da-shade-k)));border-bottom:1px solid rgba(var(--da-glint-rgb),calc(.05*var(--da-glint-k)));
  background:var(--da-slot);box-shadow:inset 0 14px 28px -16px rgba(var(--da-shade-rgb),calc(.95*var(--da-shade-k))),inset 0 -10px 20px -16px rgba(var(--da-shade-rgb),calc(.8*var(--da-shade-k)));
  /* Elle traverse tout l'écran, mais s'éteint vers les deux bords : l'œil
     reste au centre, sous la tête de lecture. */
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.band .band-viewport{padding:10px 0}
.band .rythmo-band{border-radius:0;border-left:0;border-right:0;box-shadow:inset 0 2px 6px rgba(var(--da-shade-rgb),calc(.5*var(--da-shade-k))),0 1px 0 rgba(var(--da-glint-rgb),calc(.04*var(--da-glint-k)))}
.band .rythmo-cursor{top:0;height:100%}
.band__meta{display:flex;justify-content:space-between;gap:16px;padding:0 var(--gutter) 10px;
  font-size:.68rem;color:var(--da-ink-faint);letter-spacing:.08em;text-transform:uppercase}
.band__meta b{color:var(--da-ink-muted);font-weight:600}

/* ── Quatre mots, puis les chiffres ──────────────────────── */
.words{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;padding:clamp(48px,7vw,96px) 0 0}
.words li{list-style:none;font-family:var(--display);font-weight:600;
  font-size:clamp(1.6rem,3.6vw,3rem);letter-spacing:-.03em;line-height:1.05;color:var(--da-ink-strong)}
.words li small{display:block;margin-top:10px;font-family:var(--sans);font-weight:400;
  font-size:.92rem;letter-spacing:0;color:var(--da-ink-muted);line-height:1.5;max-width:22ch}
.words{margin:0;padding-left:0}
.figures{display:flex;flex-wrap:wrap;gap:12px 40px;margin:clamp(40px,5vw,64px) 0 0;padding:26px 0 0;
  border-top:1px solid var(--da-rule);list-style:none}
.figures li{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.86rem;color:var(--da-ink-muted)}
.figures b{color:var(--da-ink-strong);font-weight:600}

/* ── Comment ça marche : trois temps ─────────────────────── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:step;margin:0;padding:0;list-style:none}
.steps li{position:relative;padding-top:22px;border-top:1px solid rgba(var(--da-shade-rgb),calc(.6*var(--da-shade-k)));box-shadow:inset 0 1px 0 rgba(var(--da-glint-rgb),calc(.12*var(--da-glint-k)))}
.steps li::before{counter-increment:step;content:"0" counter(step);display:block;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--da-violet-pale);margin-bottom:16px}
.steps h3{margin-bottom:10px}
.steps p{color:var(--da-ink-muted);font-size:.98rem;line-height:1.65}

/* ── Arguments : un bloc, une capture, un filet ──────────── */
.arg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center;
  padding:clamp(48px,7vw,96px) 0}
.arg + .arg{border-top:1px solid var(--da-rule)}
.arg:nth-child(even) .arg__text{order:2}
.arg h2{font-size:clamp(1.8rem,3.8vw,2.9rem)}
.arg .body{margin-top:20px}
.arg ul{margin:22px 0 0;padding:0;list-style:none;color:var(--da-ink-muted);font-size:.95rem;line-height:1.6}
.arg li{padding:8px 0;border-top:1px solid var(--da-rule)}
.arg li b{color:var(--da-ink);font-weight:600}


/* ── Appel final ─────────────────────────────────────────── */
.cta{padding:clamp(48px,7vw,96px) var(--gutter) 0}
.cta .lede{margin-top:18px}

/* ── Questions : un groupe par ligne, titre à gauche, réponses repliables ──
   <details> natif : le texte replié reste dans le HTML, lu par les moteurs.
   Un filet par question, pas de cartes ; le chevron dit l'état. */
.faq{margin-top:clamp(32px,4vw,56px);display:grid;gap:clamp(36px,5vw,64px)}
.faq__group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:0 clamp(28px,4vw,64px);align-items:start}
.faq__group h3{padding-top:clamp(16px,2vw,22px);font-size:clamp(1.15rem,1.8vw,1.4rem);color:var(--da-violet-pale)}
.faq__group > h3 ~ .faq__item{grid-column:2}
.faq__item{border-top:1px solid var(--da-rule)}
.faq__item:last-child{border-bottom:1px solid var(--da-rule)}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(16px,2vw,22px) 0;cursor:pointer;list-style:none;color:var(--da-ink-strong);
  font-family:var(--display);font-weight:600;font-size:clamp(1rem,1.5vw,1.12rem);letter-spacing:-.01em;line-height:1.35;
  transition:color .2s var(--da-ease)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--da-violet-pale)}
.faq__item summary:focus-visible{outline:2px solid var(--da-violet-pale);outline-offset:4px;border-radius:4px}
.faq__chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--da-ink-faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .25s var(--da-ease),stroke .2s var(--da-ease)}
.faq__item[open] .faq__chev{transform:rotate(180deg);stroke:var(--da-violet-pale)}
.faq__item p{margin:0 0 clamp(18px,2.2vw,24px);max-width:62ch;color:var(--da-ink-muted);font-size:.95rem;line-height:1.65}

/* En-tête des pages intérieures (légales, Nouveautés) : un cran sous les héros
   (Fonctionnalités, Contact), qui portent une promesse ; ici le titre annonce
   un texte de lecture. Le chapô respire sous le titre, le contenu sous le chapô. */
.page-head{padding:clamp(64px,9vw,120px) 0 clamp(40px,6vw,72px)}
.page-head h1{font-size:clamp(2.3rem,4.6vw,3.9rem);line-height:1;max-width:18ch}
.page-head .lede{margin-top:clamp(20px,2.4vw,28px);max-width:52ch;font-size:clamp(1rem,1.5vw,1.15rem)}

/* ── Fonctionnalités ─────────────────────────────────────── */
/* Hero pleine-largeur : grande accroche + bande décorative en fond. */
.feat-hero{padding:clamp(72px,10vw,140px) var(--gutter) clamp(48px,7vw,96px);position:relative;overflow:hidden}
.feat-hero__in{position:relative;z-index:1}
.feat-hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.96;max-width:14ch}
.feat-hero .lede{margin-top:28px;max-width:52ch;font-size:clamp(1rem,1.8vw,1.18rem)}
.feat-hero .actions{margin-top:36px}
/* Bande décorative en fond du hero : la même illustration mini mais étirée. */
.feat-hero__band{position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:clamp(260px,42vw,580px);opacity:.18;pointer-events:none;z-index:0}
.feat-hero__band .mini{width:100%}

/* Sommaire horizontal statique posé sous le hero */
.feat-nav{border-top:1px solid var(--da-rule);border-bottom:1px solid var(--da-rule);
  padding:0;background:rgba(var(--da-shade-rgb),calc(.15*var(--da-shade-k)))}
.feat-nav__in{display:flex;align-items:center;gap:clamp(16px,2.5vw,32px);
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px var(--gutter)}
.feat-nav__in::-webkit-scrollbar{display:none}
.feat-nav a{display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;
  font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--da-ink-muted);text-decoration:none;transition:color .2s var(--da-ease)}
.feat-nav a b{color:var(--da-violet-pale);font-weight:600}
.feat-nav a:hover{color:var(--da-ink-strong)}
/* Chapitres : titre de groupe + courte phrase d'intro, séparateur entre blocs. */
.chap{padding:clamp(52px,7vw,96px) 0 0;border-top:1px solid var(--da-rule);margin-top:clamp(52px,7vw,96px);scroll-margin-top:135px}
.chap:first-of-type{border-top:0;margin-top:0;padding-top:clamp(40px,5vw,72px)}
.chap__label{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  color:var(--da-violet-pale);text-transform:uppercase;margin-bottom:12px;display:block}
.chap h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05;max-width:18ch}
#chap-detection h2,
.chap--wide h2{max-width:none}
.chap .body{margin-top:18px;max-width:52ch;color:var(--da-ink-muted)}
/* Features à l'intérieur d'un chapitre : pas de border-top sur la première. */
.chap + .feat{border-top:0;padding-top:clamp(36px,5vw,64px)}
.feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start;
  padding:clamp(40px,6vw,72px) 0;border-top:1px solid var(--da-rule)}
.feat h2{font-size:clamp(1.3rem,2.4vw,1.9rem)}
.feat .body{margin-top:16px}
.feat__n{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--da-violet-pale);margin-bottom:14px;display:block}
.feat__keys{grid-column:1 / -1;width:100%;padding-top:clamp(16px,2.5vw,26px);
  border-top:1px solid rgba(var(--da-shade-rgb),calc(.4*var(--da-shade-k)));
  box-shadow:inset 0 1px 0 rgba(var(--da-glint-rgb),calc(.04*var(--da-glint-k)))}
.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px clamp(20px,3.2vw,48px);margin:0;padding:0;list-style:none;
  font-size:.9rem;color:var(--da-ink-muted)}
.keys li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--da-rule)}
@media (max-width:980px){
  .keys{grid-template-columns:repeat(2,1fr);gap:10px 24px}
}
@media (max-width:540px){
  .keys{grid-template-columns:1fr;gap:6px}
}

/* Tâches serveur (feat 06) : titre + aperçu sur la 1re ligne, 4 tâches en grille sur la 2e */
.feat--srv{row-gap:clamp(18px,2.5vw,28px);align-items:center}
.feat--srv .srv-preview{padding:clamp(14px,2.2vw,20px)}
.feat__tasks{grid-column:1 / -1;width:100%}
.feat__tasks .srv-tasks{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);margin:0}
.feat__tasks .srv-tasks li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.feat__tasks .modal-core{--size:40px;--glyph:18px}
.feat__tasks-note{margin-top:clamp(14px,1.8vw,20px);font-size:.88rem;color:var(--da-ink-muted)}
@media (max-width:980px){
  .feat--srv{align-items:start}
  .feat__tasks .srv-tasks{grid-template-columns:repeat(2,1fr);gap:18px 24px}
}
@media (max-width:540px){
  .feat__tasks .srv-tasks{grid-template-columns:1fr;gap:14px}
}


/* ── Demander un accès ───────────────────────────────────── */
/* Le titre dit ce qu'on gagne, les arguments reposent sur leurs icônes gravées
   (illus.css, .engr), le formulaire est posé sur une surface : quatre champs nus
   sur le fond nuit ne se lisaient pas comme un endroit où s'arrêter. */
.access{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start;
  padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(40px,6vw,80px)}
.access h1,.merci h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98}
.access .lede,.merci .lede{margin-top:24px}
.access__particular{margin-top:28px;color:var(--da-ink-faint);font-size:.88rem;line-height:1.6}
.access__box{border-radius:20px;background:var(--da-panel-veil);border:1px solid rgba(var(--da-edge-rgb),calc(.07*var(--da-edge-k)));
  box-shadow:var(--da-lift);padding:clamp(22px,3vw,36px)}
.access__box h2{font-size:1.6rem;letter-spacing:-.02em}
.access__box .form{margin-top:26px}
.form__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form__send{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}

/* ── Après l'envoi ───────────────────────────────────────── */
.merci{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start;
  padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(40px,6vw,80px)}
.merci h1:focus{outline:none}
/* Les deux états de la page se basculent par l'attribut hidden, que le
   display:grid ci-dessus écraserait sans cette règle. */
.access[hidden],.merci[hidden]{display:none}
.merci__seal{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:26px;border-radius:50%;
  background:var(--da-slot);border:1px solid rgba(var(--da-shade-rgb),calc(.45*var(--da-shade-k)));box-shadow:var(--da-hollow)}
.merci__seal svg{width:26px;height:26px;fill:none;stroke:var(--v-ok);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:30;stroke-dashoffset:30;animation:merci-trace .7s .2s var(--da-ease) forwards}
@keyframes merci-trace{to{stroke-dashoffset:0}}
.merci__box{padding:22px;border-radius:16px;background:var(--da-slot);border:1px solid rgba(var(--da-shade-rgb),calc(.45*var(--da-shade-k)));box-shadow:var(--da-hollow)}
.merci__box + .merci__box{margin-top:16px}
.merci__box h2{margin-bottom:10px;font-size:1.02rem;letter-spacing:-.01em}
.merci__box p{font-size:.9rem;color:var(--da-ink-muted)}
.merci__box p b{color:var(--da-ink);font-weight:600}
.merci__links{display:grid}
.merci__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;
  border-top:1px solid var(--da-rule);color:var(--da-ink);font-size:.94rem;text-decoration:none}
.merci__links a:first-child{border-top:0}
.merci__links a::after{content:"→";color:var(--da-ink-faint);transition:transform .2s var(--da-ease)}
.merci__links a:hover::after{transform:translateX(3px);color:var(--da-violet-pale)}
.merci__recap summary{cursor:pointer;font-size:.88rem;color:var(--da-ink-muted)}
.merci__recap dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;font-size:.86rem}
.merci__recap dt{color:var(--da-ink-faint)}
.merci__recap dd{margin:0;color:var(--da-ink);white-space:pre-wrap;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){
  .merci__seal svg{animation:none;stroke-dashoffset:0}
}
@media (max-width:980px){
  .merci{grid-template-columns:1fr}
}
@media (max-width:560px){
  .form__pair{grid-template-columns:1fr}
}

.form{display:grid;gap:22px}
.field{display:grid;gap:8px}
.field label{font-size:.82rem;font-weight:600;color:var(--da-ink);letter-spacing:.01em}
.field label .opt{color:var(--da-ink-faint);font-weight:400}
.field input,.field textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--da-ink-strong);
  background:var(--da-slot);border:1px solid rgba(var(--da-shade-rgb),calc(.45*var(--da-shade-k)));border-radius:10px;
  padding:.85rem 1rem;box-shadow:var(--da-hollow);outline:0;
  transition:border-color .2s var(--da-ease),box-shadow .2s var(--da-ease)}
.field textarea{resize:vertical;min-height:140px}
.field input:focus,.field textarea:focus{border-color:rgba(132,85,246,.6);
  box-shadow:var(--da-hollow),0 0 0 3px rgba(132,85,246,.18)}
.field [aria-invalid="true"]{border-color:#e53e3e}
/* La case reprend le creux des champs. Pas de couleur : le bleu est réservé au
   bouton d'envoi, seule action primaire de la page. */
.consent{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.consent input{
  appearance:none;-webkit-appearance:none;flex:none;
  width:22px;height:22px;margin:1px 0 0;cursor:pointer;
  background:var(--da-slot);border:1px solid rgba(var(--da-shade-rgb),calc(.45*var(--da-shade-k)));border-radius:6px;
  box-shadow:var(--da-hollow);outline:0;
  transition:border-color .2s var(--da-ease),box-shadow .2s var(--da-ease)}
.consent input:checked{
  background:var(--da-slot) center/13px no-repeat;
  background-image:var(--v-consent-check)}
.consent input:focus-visible{border-color:rgba(132,85,246,.6);
  box-shadow:var(--da-hollow),0 0 0 3px rgba(132,85,246,.18)}
.consent input[aria-invalid="true"]{border-color:#e53e3e}
.consent label{font-size:.9rem;line-height:1.55;color:var(--da-ink-muted);cursor:pointer}
.consent a{color:var(--da-ink-strong);text-underline-offset:3px}
/* Ce que devient la demande, en une ligne sous la case : ce n'est pas une
   condition à accepter, c'est une précision qu'on doit au visiteur. */
.privy{display:flex;gap:10px;align-items:center;margin:0;font-size:.84rem;line-height:1.5;color:var(--da-ink-faint)}
.privy svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__note{font-size:.9rem;color:var(--da-ink-muted);min-height:1.4em}
.form__note.ok{color:var(--v-ok)}
.form__note.ko{color:var(--v-ko)}

/* ── Adaptatif ───────────────────────────────────────────── */
@media (max-width:980px){
  .words{grid-template-columns:repeat(2,1fr);gap:28px 24px}
  .steps{grid-template-columns:1fr;gap:28px}
  .arg,.feat,.access,.faq__group{grid-template-columns:1fr}
  .faq__group > h3 ~ .faq__item{grid-column:1}
  .faq__group h3{padding:0 0 12px}
  .arg:nth-child(even) .arg__text{order:0}
}
@media (max-width:560px){
  .words{grid-template-columns:1fr}
}

/* ── Hero en deux colonnes : le titre à gauche, l'appareil à droite ── */
.hero__in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,80px);align-items:center}
@media (max-width:980px){
  .hero__in{grid-template-columns:1fr}
}

/* ── Pages légales ───────────────────────────────────────
   Une colonne de lecture étroite, des sections séparées par un filet, des
   tableaux pour ce qui se compare. Rien d'autre. */
.legal{max-width:820px;padding-bottom:clamp(40px,6vw,80px)}
.legal__sec{padding:clamp(32px,4vw,52px) 0 0;margin-top:clamp(32px,4vw,52px);
  border-top:1px solid rgba(var(--da-shade-rgb),calc(.55*var(--da-shade-k)));box-shadow:inset 0 1px 0 var(--da-rule)}
.legal__sec:first-child{border-top:0;box-shadow:none;margin-top:0}
.legal h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:18px}
.legal p{color:var(--da-ink-muted);font-size:1rem;line-height:1.75;max-width:68ch}
.legal p + p{margin-top:1em}
.legal b{color:var(--da-ink);font-weight:600}
.legal a{color:var(--da-violet-pale);text-decoration:underline;text-underline-offset:.18em;
  text-decoration-color:rgba(var(--da-violet-pale-rgb),.4)}
.legal a:hover{text-decoration-color:var(--da-violet-pale)}
.legal__note{font-size:.9rem;color:var(--da-ink-faint);border-left:2px solid rgba(132,85,246,.35);
  padding-left:16px;margin-top:1.4em}
.legal__list{margin:1.2em 0 0;padding:0;list-style:none;max-width:68ch}
.legal__list li{position:relative;padding:10px 0 10px 22px;color:var(--da-ink-muted);
  font-size:1rem;line-height:1.7;border-top:1px solid var(--da-rule)}
.legal__list li::before{content:"";position:absolute;left:2px;top:1.15em;width:6px;height:6px;
  border-radius:999px;background:var(--da-violet)}
.legal__dl{margin:1.3em 0 0;display:grid;gap:0}
.legal__dl > div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:8px 24px;
  padding:12px 0;border-top:1px solid var(--da-rule)}
.legal__dl dt{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--da-ink-faint);
  font-weight:600;margin:0}
.legal__dl dd{margin:0;color:var(--da-ink);font-size:1rem}
.legal .tbl{width:100%;border-collapse:collapse;margin-top:1.4em;font-size:.94rem}
.legal .tbl caption{text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--da-ink-faint);padding-bottom:12px}
.legal .tbl th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--da-ink-faint);font-weight:600;padding:0 20px 10px 0;
  border-bottom:1px solid rgba(var(--da-shade-rgb),calc(.55*var(--da-shade-k)));box-shadow:inset 0 -1px 0 var(--da-rule)}
.legal .tbl td{padding:12px 20px 12px 0;border-top:1px solid var(--da-rule);
  color:var(--da-ink-muted);vertical-align:top;line-height:1.6}
.legal .tbl td:first-child{color:var(--da-ink);font-weight:600}
/* Plusieurs données traitées de la même façon : listées dans une seule cellule. */
.legal .tbl__items{list-style:none;margin:0;padding:0}
.legal .tbl__items li + li{margin-top:4px}
.legal .tbl__items small{font-weight:400;color:var(--da-ink-faint);font-size:.88em}
.legal__date{margin-top:clamp(32px,4vw,52px);padding-top:24px;border-top:1px solid var(--da-rule);
  font-family:var(--mono);font-size:.78rem;color:var(--da-ink-faint)}
@media (max-width:640px){
  .legal__dl > div{grid-template-columns:1fr}
  .legal .tbl,.legal .tbl tbody,.legal .tbl tr,.legal .tbl td{display:block;width:100%}
  .legal .tbl thead{display:none}
  .legal .tbl tr{padding:10px 0;border-top:1px solid var(--da-rule)}
  .legal .tbl td{border:0;padding:2px 0}
  .legal .tbl td:first-child{padding-bottom:6px}
}

/* ── Le symbole du logo, creusé derrière le titre ─────────
   Le SVG sert de masque : la couleur est celle du logement, plus sombre que la
   page, et les deux ombres donnent la lèvre du creux (sombre en haut, claire en
   bas). Purement décoratif, il passe sous le texte. */
.mark{position:absolute;z-index:0;pointer-events:none;aspect-ratio:736/756;
  /* Les valeurs de .sec--dig, appliquées à une silhouette : fond --da-slot,
     ombre interne le long de la lèvre haute, liseré clair sur la lèvre basse.
     Les deux premières vivent dans le SVG (--logo-mark) parce qu'une ombre
     interne CSS s'applique au rectangle et ignore la forme ; seul le liseré,
     qui est une ombre portée, reste ici. */
  background:var(--logo-mark) center/contain no-repeat;
  filter:drop-shadow(0 2px 0 rgba(var(--da-glint-rgb),calc(.045*var(--da-glint-k))))}
.hero .mark{right:-9vw;top:5%;width:min(720px,52vw)}

/* Une section qui porte la gravure : elle la rogne à ses bords. */
.sec--mark{position:relative;overflow:hidden}
.sec--mark > .wrap{position:relative;z-index:1}
.sec--mark .mark{right:-6vw;top:50%;transform:translateY(-50%);width:min(440px,36vw)}
/* En fin de page, l'écart avant le pied passe dans la section : la gravure y
   descend au lieu d'être rognée sur une bande de fond vide. (La 404 a le sien.) */
main > .sec--mark:last-child:not(.lost){padding-bottom:clamp(80px,11vw,150px)}
main:has(> .sec--mark:last-child:not(.lost)) + .foot{margin-top:0}

/* Parallaxe : la gravure défile un peu moins vite que sa section. La timeline
   est nommée sur la section, car l'overflow:hidden fait d'elle un conteneur de
   défilement et view() s'y accrocherait. Propriété translate, pas transform,
   qui porte déjà le centrage. Sans support : gravure immobile. */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .hero,.sec--mark{view-timeline:--gravure block}
    .mark{animation:gravure-derive linear both;animation-timeline:--gravure}
    .hero .mark{animation-name:gravure-sort;animation-range:exit}
  }
}
@keyframes gravure-derive{from{translate:0 -50px}to{translate:0 50px}}
@keyframes gravure-sort{from{translate:0 0}to{translate:0 110px}}

/* ── La signature sous l'accroche ────────────────────────
   Le nom et ce que fait l'outil, une fois, en clair. */
.sig{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:clamp(24px,3vw,36px);padding-top:clamp(20px,2.5vw,28px);
  border-top:1px solid rgba(var(--da-shade-rgb),calc(.55*var(--da-shade-k)));box-shadow:inset 0 1px 0 var(--da-rule)}
.sig__logo{height:26px;width:auto}
.sig span{font-size:.9rem;color:var(--da-ink-faint);line-height:1.5}
@media (max-width:980px){
  .hero .mark{width:min(460px,66vw);right:-22vw;top:4%}
  .sec--mark .mark{width:min(300px,58vw);right:-16vw}
}

/* ── Page introuvable ────────────────────────────────────
   Une seule section, qui occupe la hauteur laissée par l'en-tête et le pied. */
.lost{display:flex;align-items:center;min-height:min(62vh,560px);padding-bottom:clamp(48px,8vw,110px)}
.lost .kicker{color:var(--da-ardoise)}
.lost h1{font-size:clamp(2.8rem,6vw,5.2rem);max-width:16ch}
.lost .lede{margin-top:24px}

/* ── Nouveautés (nouveautes.html, page générée) ───────────────────────────
   Un journal, pas une liste de cartes : chaque journée est une section
   séparée par un filet, comme les pages légales. La colonne de gauche donne
   la date et le titre de chaque mise à jour, et suit le défilement.
   Les trois rubriques (Nouveau / Amélioré / Corrigé) se tiennent en retrait,
   les intertitres de fonctionnalité portent le regard — même hiérarchie que
   dans l'application, aux tailles du site. */
.news{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,64px);
  padding-bottom:clamp(56px,8vw,110px)}
@media (min-width:960px){.news{grid-template-columns:230px minmax(0,1fr)}}

.news__toc{display:none}
@media (min-width:960px){
  /* La barre est fine et discrete (base.css) ; la gouttiere reservee evite
     que la liste ne se decale quand elle apparait. */
  .news__toc{display:block;position:sticky;top:96px;align-self:start;
    max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;
    scrollbar-gutter:stable}
  .news__toc ul{padding-right:10px}
}
.news__toc-h{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--da-ink-faint);margin:0 0 14px}
.news__toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--da-rule)}
.news__toc a{display:block;padding:.5rem 0 .5rem 14px;margin-left:-1px;
  border-left:1px solid transparent;text-decoration:none;transition:border-color .2s var(--da-ease)}
.news__toc a:hover{border-left-color:var(--da-violet)}
.news__toc-d{display:block;font-size:.82rem;font-weight:600;color:var(--da-ink)}
.news__toc-t{display:block;margin-top:.1rem;font-size:.75rem;line-height:1.4;color:var(--da-ink-faint)}
.news__toc a:hover .news__toc-t{color:var(--da-ink-muted)}

.news__day{border-top:1px solid var(--da-rule);
  padding-top:clamp(36px,5vw,64px);margin-top:clamp(36px,5vw,64px);
  scroll-margin-top:96px}
.news__day:first-child{border-top:0;padding-top:0;margin-top:0}
.news__day h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;max-width:20ch}
.news__day .kicker{margin-bottom:12px}

.news__sec{margin-top:clamp(24px,3vw,36px)}
/* La rubrique range, elle n'annonce pas : minuscule, en capitales, sous le
   titre de fonctionnalité qu'elle chapeaute. */
.news__sec h3{display:flex;align-items:center;gap:.5rem;margin:0 0 16px;
  font-family:var(--mono);font-size:.63rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--da-ink-faint)}
.news__tag{width:.46rem;height:.46rem;border-radius:.18rem;flex:none}
/* Sans préfixe de bloc : la même pastille sert au journal et au bandeau de l'accueil. */
[data-t="nouveau"] .news__tag{background:var(--da-violet)}
[data-t="ameliore"] .news__tag{background:var(--da-blue)}
[data-t="corrige"] .news__tag{background:var(--da-ardoise)}

.news__grp+.news__grp{margin-top:22px}
.news__grp h4{display:flex;align-items:center;gap:.5rem;margin:0 0 6px;
  font-size:1rem;font-weight:600;color:var(--da-ink-strong)}
.news__ico{width:1.05rem;height:1.05rem;flex:none;color:var(--da-violet-pale)}

.news__grp ul{list-style:none;margin:0;padding:0}
.news__grp li{position:relative;padding:.3rem 0 .3rem 1.05rem;max-width:68ch;
  color:var(--da-ink-muted);font-size:1rem;line-height:1.7}
.news__grp li::before{content:"";position:absolute;left:.15rem;top:1.02rem;
  width:.25rem;height:.25rem;border-radius:50%;background:var(--da-ardoise)}
.news__grp li b,.news__grp li strong{color:var(--da-ink-strong);font-weight:600}
.news__grp li code{font-family:var(--mono);font-size:.85em;color:var(--da-ink)}

.news__end{margin-top:clamp(40px,5vw,64px);padding-top:24px;
  border-top:1px solid var(--da-rule);color:var(--da-ink-faint);font-size:.85rem}

/* Bandeau « dernière mise à jour » de l'accueil (fragment rendu par
   ChangelogPageRenderer::bandeau, inclus en SSI). Deux colonnes sur la grille
   du site : l'annonce à gauche, les rubriques de la mise à jour à droite, en
   liste à filets comme celle du prix. Il signale que le projet vit, il ne
   raconte pas la mise à jour — c'est le rôle de la page. */
.news-last{padding-top:clamp(56px,8vw,100px)}
/* Après la section creusée du prix, la marge de .sec doublait l'espace. */
.sec--dig + .news-last{margin-top:0}
.news-last__in{display:grid;gap:clamp(32px,5vw,72px);align-items:start}
@media (min-width:900px){.news-last__in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.news-last h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.08;margin-top:14px}
.news-last .body{margin-top:18px}
.news-last .actions{margin-top:28px}

.news-last__h{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--da-ink-faint);margin:0 0 4px}
.news-last__list{list-style:none;margin:0;padding:0}
.news-last__list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;
  align-items:center;padding:15px 0;border-top:1px solid var(--da-rule)}
.news-last__list li:first-child{border-top:0}
.news-last__g{font-size:1rem;font-weight:600;color:var(--da-ink-strong)}
.news-last__t{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.62rem;
  font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--da-ink-faint)}
.news-last__more{margin-top:14px;font-size:.85rem;color:var(--da-ink-faint)}