/* Couche performance et accessibilite : les mini-cartes de demonstration restent dessinees en CSS ;
   les illustrations editoriales (assets/img) sont en WebP, dimensionnees et en lazy-loading. */
:focus-visible{outline:3px solid #a53b2b;outline-offset:3px}
main:focus{outline:none}
img,svg{max-width:100%;height:auto}
.content-card,.variant-card,.tool-box,.timeline-item{content-visibility:auto;contain-intrinsic-size:auto 260px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (max-width:850px){.main-nav:not(.is-open){visibility:hidden}.main-nav.is-open{visibility:visible}}
@media (forced-colors:active){.button,.action-btn,.score-actions button{border:1px solid ButtonText}}