/* bease-ui — copié de bease-site/src/assets/css/site.css par tools/extraire-du-site.js (fiche n° 33, §3.1) : jamais redessiné.
   Ne pas modifier ici : changer le site, relancer l'outil (le site reste la source jusqu'à l'étape 4). */
.ml-card .bec-composer-line{font-size:1.75rem;margin:.35rem 0 0}
.bec-composer{margin-top:0}
.bec-composer-line{position:relative;display:flex;align-items:center;gap:.5em;font-size:2.375rem;font-weight:700;letter-spacing:.02em;margin:.3rem 0;color:var(--muted)}
@media(max-width:1299px){.bec-composer-line{font-size:1.875rem}}
.bec-composer-prefix{color:var(--muted)}
.bec-composer-series-hint{color:var(--muted);margin-inline-end:.15em}
.bec-cellbox{position:relative;display:inline-flex;align-items:center}
.bec-composer-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;background:transparent;font:inherit;cursor:text}
.bec-composer-cells{display:inline-flex;align-items:center;gap:.2em;pointer-events:none}
.bec-cell{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.5em;border-bottom:2px solid var(--line2);color:var(--muted);font-variant-numeric:tabular-nums;transition:color .1s,border-color .1s}
.bec-cell.filled{color:#fff;border-bottom-color:var(--gold)}
.bec-cell-letter{text-transform:uppercase}
.bec-cell-gap{width:.5em}
.bec-cell.cursor{animation:bec-cursor-blink 1s step-end infinite}
@media(prefers-reduced-motion:reduce){.bec-cell.cursor{animation:none;border-bottom-color:var(--gold)}}
@media(max-width:899px){.bec-composer-line{font-size:1.75rem}}
@media(max-width:899px){.bec-cell{width:22px;height:28px}}
.bec-composer-row2{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.3rem}
@media(max-width:899px){.bec-composer-row2{flex-direction:column;align-items:stretch}}
@keyframes bec-cursor-blink{0%,49%{border-bottom-color:var(--gold)}50%,100%{border-bottom-color:var(--line2)}}