/* Commun aux 25 maquettes : uniquement le mécanique. Aucune identité visuelle ici. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img,canvas,svg{display:block;max-width:100%}
canvas.sq{width:100%;height:100%}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure,blockquote{margin:0;padding:0}
ol,ul{list-style:none}
a{color:inherit}
p,li,dd{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Emplacement d'illustration. Chaque page le colore et le place avec --a-bg, --a-ink. */
.sq-asset{position:relative;background:var(--a-bg,#00000012);color:var(--a-ink,currentColor);overflow:hidden;
  background-image:repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--a-ink,currentColor) 11%,transparent) 9px 10px)}
.sq-asset::before{content:"";position:absolute;inset:8px;border:1px dashed color-mix(in srgb,var(--a-ink,currentColor) 45%,transparent);border-radius:inherit;pointer-events:none}
.sq-asset figcaption,.sq-asset .sq-cap{position:absolute;left:18px;right:18px;bottom:16px;font-size:13px;line-height:1.3;font-style:italic;letter-spacing:0;text-transform:none}
.sq-asset b{font-weight:600;font-style:normal;display:block}
.sq-demo{font-size:.78em;font-style:italic;opacity:.8;white-space:nowrap}