/* boite.css — the French page's only layer on top of /gift-box-template/box.css: the row of
   gift presets, the three design groups (Noël, Anniversaire, À colorier) and the steps box.
   French design names can be long, so a name may break at a hyphen. */
.gbd-presets{display:flex;flex-wrap:wrap;gap:.375rem}
.gbd-presets button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:.375rem .75rem;font:inherit;font-size:.875rem;line-height:1.2;cursor:pointer}
.gbd-presets button:hover{border-color:var(--muted)}
.gbd-presets button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.gbd-presets button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gbd-group{margin:.625rem 0 .3125rem;font-family:var(--mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.gbd-decors{grid-template-columns:repeat(6,minmax(0,1fr))}
.gbd-decors .gb-decor span{hyphens:auto;overflow-wrap:break-word}
.gbd-steps{margin-top:.25rem;padding:.75rem .875rem;border:1px solid var(--line);border-radius:.625rem;background:var(--surface-2)}
.gbd-steps h3{margin:0 0 .5rem;font-size:.9375rem}
.gbd-steps ol{margin:0;padding-left:1.25rem;display:grid;gap:.3125rem;font-size:.875rem;line-height:1.45}
.gb-stage .gb-iso figcaption{text-transform:none}
@media(max-width:600px){.gbd-decors{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* the R24 "Sur cette page" row: one compact line under the intro, as on /papier-cadeau-a-imprimer/ */
.jump-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;margin:-.25rem 0 .75rem;font-size:.8125rem;line-height:1.35}
.jump-row-h{color:var(--muted);font-weight:600}
.jump-row ul{display:contents;list-style:none;margin:0;padding:0}
.jump-row li{margin:0;padding:0}
.jump-row a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}