/* enveloppe.css — the French page's only layer on top of /envelope-maker/envelope.css (which also
   brings the two lettering faces): eight size buttons (two columns on a phone, four wider), the
   chips for flap wording, card sizes and budget categories. */
.fe-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.fe-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fe-chips{display:flex;flex-wrap:wrap;gap:.375rem}
.fe-chips button{padding:.375rem .625rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.8125rem;cursor:pointer}
.fe-chips button:hover{border-color:var(--muted)}
.fe-chips button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.fe-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fe-chips[hidden],#budgetFields[hidden],#letterFields[hidden],#customField[hidden],#holdsHint[hidden],#designField[hidden],#santaHint[hidden]{display:none}
#budgetFields{display:flex;flex-direction:column;gap:inherit}
#cats{width:100%;font:inherit;font-family:var(--mono);font-size:.875rem}
.ev-fit:empty{display:none}