/* Parcours guidé (09/10) : les écrans des six étapes (portage de la maquette approuvée, voir la table de correspondance de 90-parcours.css).
   Cartes visuelles sans cadre au repos : pressée = fond papier profond, coche d'encre en haut à droite, nom en gras. Champs encadrés comme
   ceux de l'atelier (bord --atelier-line, bord encre au focus). Les pastilles de couleur gardent un anneau encre (seul moyen de montrer laquelle
   est choisie). Aucun italique, aucune ombre. */
.guide-step{animation:guide-in-r var(--atelier-t) var(--atelier-ease)}
.guide-step.is-from-left{animation-name:guide-in-l}
.guide-step.is-still{animation:none}
@keyframes guide-in-r{from{opacity:0;transform:translateX(16px)}}
@keyframes guide-in-l{from{opacity:0;transform:translateX(-16px)}}
.guide-eyebrow{display:flex;align-items:center;gap:var(--atelier-space-3);margin:0 0 var(--atelier-space-3);font-size:var(--atelier-text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--atelier-muted)}
.guide-eyebrow::before{content:"";width:24px;height:1px;background:var(--atelier-focus)}
.guide-title{margin:0;font-family:var(--atelier-font);font-size:var(--atelier-text-2xl);line-height:1.2;font-weight:650;letter-spacing:-.012em;color:var(--atelier-ink);text-wrap:balance}
.guide-title:focus{outline:none}
.guide-help{margin:var(--atelier-space-2) 0 0;max-width:52ch;font-size:var(--atelier-text-lg);line-height:1.5;color:var(--atelier-muted)}
.guide-block{margin-top:var(--atelier-space-5)}
.guide-block+.guide-block{margin-top:var(--atelier-space-6)}
.guide-block h2{margin:0 0 var(--atelier-space-2);font-family:var(--atelier-font);font-size:var(--atelier-text-lg);line-height:1.4;font-weight:650;color:var(--atelier-ink)}
.guide-notice,.guide-undo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--atelier-space-1) var(--atelier-space-3);margin:0 0 var(--atelier-space-4);padding:var(--atelier-space-2) var(--atelier-space-2) var(--atelier-space-2) var(--atelier-space-3);
 background:var(--atelier-soft);border-radius:var(--atelier-radius-card);font-size:var(--atelier-text-md)}

/* Cartes visuelles (gammes, galerie) */
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--atelier-space-2);margin-top:var(--atelier-space-4)}
.guide-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;border-radius:var(--atelier-radius-card);padding:var(--atelier-space-2) var(--atelier-space-2) var(--atelier-space-3);
 color:var(--atelier-ink);cursor:pointer;transition:background-color var(--atelier-t-fast) var(--atelier-ease)}
.guide-pic{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:var(--atelier-radius-control)}
.guide-pic img,.guide-pic svg{width:100%;height:100%;object-fit:contain;transition:transform 600ms var(--atelier-ease)}
.guide-card .guide-text{display:block}
.guide-name,.guide-line,.guide-from{display:block}
.guide-name{margin-top:var(--atelier-space-2);font-size:var(--atelier-text-lg);font-weight:600;line-height:1.3}
.guide-line{margin-top:2px;font-size:var(--atelier-text-sm);line-height:1.4;color:var(--atelier-muted)}
.guide-from{margin-top:var(--atelier-space-1);font-size:var(--atelier-text-sm);font-weight:600}
.guide-tick{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--atelier-radius-round);background:var(--atelier-ink);color:var(--atelier-paper);
 opacity:0;transform:scale(.6);transition:opacity var(--atelier-t-fast) var(--atelier-ease),transform var(--atelier-t) var(--atelier-ease)}
.guide-card[aria-pressed=true],.guide-card.is-on{background:var(--atelier-soft)}
.guide-card[aria-pressed=true] .guide-name,.guide-card.is-on .guide-name{font-weight:700}
.guide-card[aria-pressed=true] .guide-tick,.guide-card.is-on .guide-tick{opacity:1;transform:none}
.guide-card input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.guide-card.is-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:var(--atelier-space-3)}
.guide-card.is-wide .guide-pic{width:40%;flex:none}
.guide-card.is-wide .guide-name{margin-top:0}
@media(hover:hover){
 .guide-card:hover{background:var(--atelier-soft)}
 .guide-card:hover .guide-pic img,.guide-card:hover .guide-pic svg{transform:scale(1.03)}
}
.guide-card:focus-visible,.guide-card:has(input:focus-visible){background:var(--atelier-soft)}
.guide-card[aria-pressed=true]:focus-visible,.guide-card.is-on:has(input:focus-visible){background:color-mix(in oklch,var(--atelier-soft) 80%,var(--atelier-ink))}/* choisie : papier plus profond au clavier, sans cadre (lot F, WCAG 2.4.7) */
/* Galerie : trois colonnes dès 360 px (retour du 09/10 : cartes plus compactes sur téléphone, « Ma photo » et « Mon logo » compris). */
@media(min-width:360px){.guide-cards.is-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.guide-filters{display:flex;gap:var(--atelier-space-1);overflow-x:auto;margin:var(--atelier-space-4) calc(-1*var(--atelier-space-4)) 0;padding:0 var(--atelier-space-4) 2px;scrollbar-width:none}
.guide-filters::-webkit-scrollbar{display:none}
.guide-filters>*{flex:none}
@media(min-width:1024px){.guide-filters{margin:var(--atelier-space-4) 0 0;padding:0;flex-wrap:wrap;overflow:visible}}
.guide-empty{grid-column:1/-1;margin:0;padding:var(--atelier-space-5) var(--atelier-space-2);font-size:var(--atelier-text-lg);color:var(--atelier-muted)}
.guide-art{width:100%;height:96%;color:var(--atelier-muted)}
.guide-art-disc{fill:var(--atelier-glow)}
.guide-art-edge{fill:var(--atelier-wood)}
.guide-art-wood{fill:var(--atelier-wood-light)}
.guide-art-hole{fill:var(--atelier-paper)}
.guide-art-dash{stroke:var(--atelier-placeholder);stroke-width:.6;stroke-dasharray:2 1.6}

/* Champs, messages, liens */
.guide-field{display:block;margin-top:var(--atelier-space-4)}
.guide-field>span{display:block;margin-bottom:var(--atelier-space-2);font-size:var(--atelier-text-md);font-weight:600}
.guide-field input[type=text]{width:100%;height:52px;padding:0 var(--atelier-space-4);font-size:var(--atelier-text-xl);border:1px solid var(--atelier-line);border-radius:var(--atelier-radius-control);background:var(--atelier-paper);color:var(--atelier-ink);
 transition:border-color var(--atelier-t-fast) var(--atelier-ease)}
.guide-field input[type=text]::placeholder{color:var(--atelier-placeholder);opacity:1}
.guide-field input[type=text]:focus{outline:none;border-color:var(--atelier-ink)}
.guide-field.is-bad input[type=text]{border-color:var(--atelier-danger)}
.guide-msg{margin:var(--atelier-space-2) 0 0;font-size:var(--atelier-text-sm);line-height:1.4;color:var(--atelier-muted)}
.guide-msg.is-error{color:var(--atelier-danger)}
.guide-msg:empty{display:none}
/* Sous un champ limité : la remarque à gauche, le compteur « 27/40 » à droite (d'encre danger quand la limite est atteinte) */
.guide-foot{display:flex;align-items:flex-start;gap:var(--atelier-space-3);margin-top:var(--atelier-space-2)}
.guide-foot .guide-msg{flex:1;min-width:0;margin:0}
.guide-count{flex:none;margin-left:auto;font-size:var(--atelier-text-sm);line-height:1.4;font-variant-numeric:tabular-nums;color:var(--atelier-muted)}
.guide-count.is-max{color:var(--atelier-danger)}
/* Un champ par prénom (lot I, S9) : la croix de 52 px au bord droit du champ, qui lui laisse la place ; le focus au clavier prend le rendu du survol */
.guide-name-row{position:relative}
.guide-x{position:absolute;right:0;bottom:0;width:52px;height:52px;display:grid;place-items:center;color:var(--atelier-muted);border-radius:var(--atelier-radius-control)}
.guide-x svg{width:20px;height:20px}
.guide-name-row:has(.guide-x) input[type=text]{padding-right:calc(var(--atelier-space-6) + var(--atelier-space-5))}
@media(hover:hover){.guide-x:hover{color:var(--atelier-ink);background:var(--atelier-soft)}}
.guide-x:focus-visible{color:var(--atelier-ink);background:var(--atelier-soft)}
.guide-cards>.guide-msg{grid-column:1/-1;margin:0 var(--atelier-space-2)}
.guide-link{min-height:44px;display:inline-flex;align-items:center;gap:var(--atelier-space-2);padding:0 2px;font-weight:600;color:var(--atelier-ink);border-radius:var(--atelier-radius-control);text-align:left}
.guide-link.is-small{font-size:var(--atelier-text-sm)}
@media(hover:hover){.guide-link:hover{text-decoration:underline;text-underline-offset:3px}}
.guide-link:focus-visible{text-decoration:underline;text-underline-offset:3px}
.guide-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--atelier-space-2);padding:0 var(--atelier-space-5);border:1px solid var(--atelier-line);border-radius:var(--atelier-radius-control);
 font-weight:600;color:var(--atelier-ink);background:transparent;transition:border-color var(--atelier-t-fast) var(--atelier-ease)}
@media(hover:hover){.guide-secondary:hover{border-color:var(--atelier-ink)}}
.guide-secondary:focus-visible,.guide-secondary:has(input:focus-visible){border-color:var(--atelier-ink);background:var(--atelier-soft)}
.guide-file{position:relative;overflow:hidden;cursor:pointer}
.guide-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
/* Case « J'envoie mon logo après la commande » : une ligne de 44 px, case d'encre, le repère clavier est le papier profond (comme les cartes) */
.guide-check{display:flex;align-items:center;gap:var(--atelier-space-3);min-height:44px;margin-top:var(--atelier-space-3);font-weight:600;cursor:pointer;border-radius:var(--atelier-radius-control)}
.guide-check input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--atelier-ink);cursor:pointer}
.guide-check:has(input:focus-visible){background:var(--atelier-soft)}
.guide-reseller{max-width:52ch;margin:var(--atelier-space-4) 0 0;font-size:var(--atelier-text-sm);line-height:1.5;color:var(--atelier-muted)}
.guide-reseller b{font-weight:600;color:var(--atelier-ink)}
.guide-reseller a{color:var(--atelier-ink);text-decoration:underline;text-underline-offset:3px}
.guide-reseller a:focus-visible{background:var(--atelier-soft);border-radius:var(--atelier-radius-control)}
/* Invitation « Aller plus loin » (J-V) : sous les choix des étapes 3 à 6, sans cadre ni filet ; trois dessins au trait, puis le lien de l'atelier complet. */
.guide-go{margin-top:var(--atelier-space-6);padding-bottom:var(--atelier-space-2)}
.guide-go-title{margin:0;font-family:var(--atelier-font);font-size:var(--atelier-text-lg);line-height:1.4;font-weight:650;color:var(--atelier-ink)}
.guide-go-text{max-width:52ch;margin:var(--atelier-space-1) 0 0;font-size:var(--atelier-text-md);line-height:1.5;color:var(--atelier-muted)}
.guide-go-icons{display:flex;gap:var(--atelier-space-4);margin:var(--atelier-space-3) 0 var(--atelier-space-1);color:var(--atelier-placeholder)}
.guide-go-icons svg{width:24px;height:24px}
.guide-go .guide-link{padding-inline:0}

/* Finitions : formes, anneau, polices, pastilles de fond et de couleur */
.guide-opts{display:flex;flex-wrap:wrap;gap:var(--atelier-space-2)}
.guide-opts.is-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--atelier-space-1)}
.guide-opt{min-width:44px;min-height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--atelier-space-2) var(--atelier-space-3);border-radius:var(--atelier-radius-control);
 font-size:var(--atelier-text-sm);color:var(--atelier-muted);transition:background-color var(--atelier-t-fast) var(--atelier-ease)}
.guide-opts.is-four .guide-opt{padding:var(--atelier-space-2) 2px;text-align:center}
.guide-opt[aria-pressed=true]{background:var(--atelier-soft);color:var(--atelier-ink);font-weight:650}
.guide-opt>svg{width:40px;height:40px}
.guide-ringpic{width:56px;height:56px;border-radius:50%;background-color:var(--atelier-soft);background-position:center;background-size:cover}
.guide-fontsample{max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--atelier-text-2xl);line-height:1.1;color:var(--atelier-ink)}
@media(hover:hover){.guide-opt:hover{background:var(--atelier-soft);color:var(--atelier-ink)}}
.guide-opt:focus-visible{background:var(--atelier-soft);color:var(--atelier-ink)}
.guide-opt[aria-pressed=true]:focus-visible{background:color-mix(in oklch,var(--atelier-soft) 80%,var(--atelier-ink))}
.guide-swatches{display:flex;flex-wrap:wrap;gap:var(--atelier-space-3)}
.guide-sw{width:44px;height:44px;display:grid;place-items:center;border:2px solid transparent;border-radius:50%}
.guide-sw span{width:32px;height:32px;border-radius:50%;border:1px solid var(--atelier-line);background-position:center;background-size:cover}
.guide-sw[aria-pressed=true]{border-color:var(--atelier-ink)}
/* Couleur de texte qui se lit mal sur le fond du modèle (lot I, B1) : grisée, pas retirée ; la raison est dans son nom (survol, lecteur d'écran) et sous la rangée */
.guide-sw.is-weak{cursor:not-allowed}
.guide-sw.is-weak span{filter:grayscale(1);opacity:.4}
.guide-sw:focus-visible{border-color:var(--atelier-placeholder)}
.guide-sw[aria-pressed=true]:focus-visible{border-color:var(--atelier-ink)}
.guide-sw[aria-pressed=true]:focus-visible span{transform:scale(.8)}/* choisie : la pastille se resserre dans son anneau d'encre au clavier */

/* Dos : trois lignes avec leur petit verso */
.guide-list{display:grid;gap:var(--atelier-space-1);margin-top:var(--atelier-space-4)}
.guide-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:var(--atelier-space-4);padding:var(--atelier-space-2);border-radius:var(--atelier-radius-card);text-align:left;transition:background-color var(--atelier-t-fast) var(--atelier-ease)}
.guide-row b{display:block;font-size:var(--atelier-text-lg);font-weight:600}
.guide-row small{display:block;font-size:var(--atelier-text-sm);color:var(--atelier-muted)}
.guide-row[aria-pressed=true]{background:var(--atelier-soft)}
.guide-row[aria-pressed=true] b{font-weight:700}
@media(hover:hover){.guide-row:hover{background:var(--atelier-soft)}}
.guide-row:focus-visible{background:var(--atelier-soft)}
.guide-row[aria-pressed=true]:focus-visible{background:color-mix(in oklch,var(--atelier-soft) 80%,var(--atelier-ink))}
.guide-mini{display:block;width:64px;height:72px}
.guide-mini svg{width:100%;height:100%}

/* Votre boule : une ligne par prénom, bloc de prix */
.guide-items{display:grid;gap:2px;margin-top:var(--atelier-space-5)}
.guide-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--atelier-space-3);padding:var(--atelier-space-1) 0}
.guide-item .guide-mini{width:52px;height:60px}
.guide-item .guide-mini img{width:100%;height:100%;object-fit:contain}
.guide-what{display:block;min-width:0}
.guide-what b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:var(--atelier-text-lg);font-weight:600;line-height:1.3}
.guide-what small{display:block;font-size:var(--atelier-text-sm);color:var(--atelier-muted)}
.guide-what-model{white-space:nowrap}
/* Écran étroit (360 px) : vignette et écarts resserrés, « Classique · Premier Noël » tient sur une ligne à côté des pas − n + de 44 px (lot H). */
@media(max-width:374px){.guide-item{grid-template-columns:44px minmax(0,1fr) auto;gap:var(--atelier-space-2)}.guide-item .guide-mini{width:44px;height:51px}}
.guide-stepper{display:inline-flex;align-items:center}
.guide-stepper button{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--atelier-radius-control);font-size:var(--atelier-text-glyph);font-weight:500}
.guide-stepper button:disabled{color:var(--atelier-line);cursor:default}
/* Le nombre de pièces se tape (clavier numérique sur téléphone) : champ de 44 px de haut entre − et +, bord comme les autres champs ; quantités courantes dessous */
.guide-qty{width:4rem;height:44px;padding:0 var(--atelier-space-1);text-align:center;font-weight:650;font-variant-numeric:tabular-nums;border:1px solid var(--atelier-line);border-radius:var(--atelier-radius-control);background:var(--atelier-paper);color:var(--atelier-ink);
 transition:border-color var(--atelier-t-fast) var(--atelier-ease)}
.guide-qty:focus{outline:none;border-color:var(--atelier-ink)}
.guide-quick{display:flex;flex-wrap:wrap;gap:var(--atelier-space-1);margin-top:var(--atelier-space-3)}
.guide-quick .guide-chip{min-width:44px;justify-content:center}
@media(hover:hover){.guide-stepper button:not(:disabled):hover{background:var(--atelier-soft)}}
.guide-stepper button:focus-visible{background:var(--atelier-soft)}
.guide-sum{display:grid;gap:var(--atelier-space-2);margin-top:var(--atelier-space-5);padding-top:var(--atelier-space-3);border-top:1px solid var(--atelier-line);font-variant-numeric:tabular-nums}
.guide-sum>div{display:flex;justify-content:space-between;gap:var(--atelier-space-3);font-size:var(--atelier-text-lg)}
.guide-sum .is-total{margin-top:var(--atelier-space-1);font-size:var(--atelier-text-xl);font-weight:700}
.guide-sum small{font-size:var(--atelier-text-sm);color:var(--atelier-muted)}

/* Galerie sur téléphone (lot I, S6) : à l'étape 2 la scène se réduit à 26 dvh (la coque porte data-step) pour laisser voir deux rangées de cartes ;
   le défilement du panneau reste le seul geste. Les écrans larges et le téléphone à l'horizontale gardent leur mise en page. */
@media(max-width:639px){
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide[data-step="2"]{grid-template-rows:auto minmax(0,36dvh) minmax(0,1fr) auto}
}

/* Points de progression (lot I, S12) : le dessin ne change pas (huit pixels), la zone de toucher prend toute la place de sa rangée, 44 px de haut et jusqu'à 44 de large */
/* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
.guide-dots{align-self:stretch;width:100%}
/* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
.guide-dot{flex:1 1 0;min-width:16px;max-width:44px;width:auto}

/* Ordinateur (lot K, K1 : retour de Robin, « les quatre panneaux en haut à gauche, en haut à droite, en bas à gauche, en bas à droite ») : les quatre gammes
   en carré, deux colonnes sur deux rangées (le réglage « une ligne » du lot I, S10 est retiré). La taille de l'image suit la hauteur de l'écran (--guide-gp :
   la place laissée par l'en-tête, le titre, deux rangées de texte et la barre du bas) : à 1440 x 900 et 1280 x 720, image, nom, ligne et « dès » des quatre
   cartes tiennent au-dessus de la barre sans défiler. Colonne de l'étape plus large à partir de 1600 px (au-delà de 560 px, deux cartes de plus par
   rangée dans la galerie, la barre suit) ; le téléphone de l'atelier se lit dans l'en-tête, en discret. */
.guide-tel{display:none}
/* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
.guide-skel-tel{display:none}
@media(min-width:1024px){
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide[data-step="1"] .guide-panel{padding-bottom:var(--atelier-space-3)}
 .guide-cards.is-gammes{--guide-gp:clamp(92px,calc(50dvh - 268px),300px);gap:var(--atelier-space-2) var(--atelier-space-3);justify-items:center;margin-top:var(--atelier-space-3)}
 .guide-cards.is-gammes .guide-card{width:100%;max-width:max(calc(var(--guide-gp) + 2 * var(--atelier-space-2)),190px);padding:var(--atelier-space-1) var(--atelier-space-2) var(--atelier-space-2)}
 .guide-cards.is-gammes .guide-pic{width:var(--guide-gp);align-self:flex-start}
 .guide-cards.is-gammes .guide-name{margin-top:var(--atelier-space-1);font-size:var(--atelier-text-md)}
 .guide-cards.is-gammes .guide-line,.guide-cards.is-gammes .guide-from{font-size:var(--atelier-text-xs)}
}
/* Écran bas (1280 x 720) : le haut de l'étape se resserre pour que les deux rangées tiennent encore */
@media(min-width:1024px) and (max-height:800px){
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide[data-step="1"] .guide-panel{padding-top:var(--atelier-space-3)}
 .guide[data-step="1"] .guide-help{font-size:var(--atelier-text-md)}
 .guide-cards.is-gammes{--guide-gp:clamp(92px,calc(50dvh - 249px),300px)}
}
/* Colonne étroite (1024 à 1199 px) : le titre passe sur deux lignes, les images cèdent la place de la ligne en plus */
@media(min-width:1024px) and (max-width:1199px){
 .guide-cards.is-gammes{--guide-gp:clamp(92px,calc(50dvh - 286px),300px)}
}
@media(min-width:1024px) and (max-width:1199px) and (max-height:800px){
 .guide-cards.is-gammes{--guide-gp:clamp(92px,calc(50dvh - 267px),300px)}
}
/* En-tête : le numéro tient à partir de 1280 px (la colonne est alors de 576 px) ; en dessous, les six points et « Atelier complet » l'occupent seuls */
@media(min-width:1280px){
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide-head{grid-template-columns:44px minmax(0,1fr) auto auto}
 .guide-tel{min-height:44px;display:inline-flex;align-items:center;padding:0 var(--atelier-space-2);font-size:var(--atelier-text-sm);font-variant-numeric:tabular-nums;color:var(--atelier-muted);white-space:nowrap;border-radius:var(--atelier-radius-control)}
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide-skel-tel{display:block;width:7.5em;height:16px}
}
@media(hover:hover){.guide-tel:hover{color:var(--atelier-ink);text-decoration:underline;text-underline-offset:3px}}
.guide-tel:focus-visible{color:var(--atelier-ink);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1024px) and (max-width:1279px){
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide[data-step="1"] .guide-panel{padding-inline:32px}
}

/* Tablette en portrait : le contenu de l'étape garde 560 px, centré (trois cartes de 170 px par ligne au lieu de trois géantes) */
@media(min-width:640px) and (max-width:1023px) and (orientation:portrait){
 .guide-step{max-width:560px;margin-inline:auto}
}
/* Ordinateur : titre et aide plus grands */
@media(min-width:1024px){
 .guide-title{font-size:var(--atelier-text-3xl)}
 .guide-step{max-width:560px}
}
/* Écran très large (lot I, S10) : la colonne de l'étape et sa barre passent de 560 à 720 px (après la règle de 1024 px, qui la fixe) */
@media(min-width:1600px){
 .guide-step{max-width:720px}
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide-bar-row,.guide-bar-msg{max-width:720px}
}
/* Mouvement réduit (lot I, B4) : plus aucune transformation, pas seulement des durées coupées (zoom au survol d'une carte, coche, appui du bouton) */
@media(prefers-reduced-motion:reduce){
 .guide-tick{transform:none}
 /* Placée ici pour garder l’ordre de la cascade (responsabilité : 90-parcours). */
 .guide-primary:active{transform:none}
}
@media(prefers-reduced-motion:reduce) and (hover:hover){.guide-card:hover .guide-pic img,.guide-card:hover .guide-pic svg{transform:none}}
/* Téléphone (retour du 09/10, « rééquilibrer ») : panneau plus serré pour laisser la place à la boule ; titre 20 px, aide 14 px, surtitre rapproché. */
@media(max-width:1023px){
 .guide-eyebrow{margin-bottom:var(--atelier-space-2)}
 .guide-title{font-size:var(--atelier-text-glyph)}
 .guide-help{margin-top:var(--atelier-space-1);font-size:var(--atelier-text-md);line-height:1.45}
}