.pas-besoin { background: var(--olive); color: var(--ivoire); border-left: 4px solid var(--huile); border-radius: 12px; padding: .6rem 1rem .2rem; margin-bottom: 1rem; }
.pas-besoin .gros { text-align: center; text-decoration: none; }
.cas h2.grand { font-size: 2rem; }
.gestes { list-style: none; padding: 0; } .gestes li { display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: center; margin: .6rem 0; }
.geste { display: inline-grid; place-items: center; min-width: 2.2rem; height: 2.2rem; border-radius: 8px; background: var(--olive); color: var(--ivoire); font-weight: 700; font-size: 1.2rem; }
.variantes { display: grid; gap: .8rem; } .variantes figure, .liste-partage { margin: 0; background: #fff; border: 1px solid var(--filet); border-radius: 12px; padding: .6rem; }
.variantes svg, .liste-partage svg { width: 100%; height: auto; display: block; }
figcaption { font-size: .95rem; margin-top: .4rem; }
.etape-titre { font: 700 1.25rem "Cormorant Garamond", Georgia, serif; color: var(--olive); margin: 1.2rem 0 .3rem; }
.astuce { background: #fff4d6; border: 1px solid var(--huile); border-radius: 10px; padding: .6rem .8rem; }
.lien-affiche { font: 600 1rem/1.4 ui-monospace, Menlo, monospace; word-break: break-all; background: #fff; border: 2px dashed var(--argent); border-radius: 10px; padding: .7rem; user-select: all; -webkit-user-select: all; }
.ok-grand { font-size: 1.3rem; color: var(--feuille); font-weight: 700; }
.qr { display: block; margin: .6rem auto; background: #fff; padding: 8px; border-radius: 8px; }
.rappel-install { background: var(--ivoire2); border: 2px solid var(--huile); border-radius: 12px; padding: .4rem 1rem .8rem; margin-top: 1rem; }