/* v0.2.10 (référencement) — fil d'Ariane, page de carte, pages de contenu, FAQ.
   Uniquement des variables du design (--u-*, --marge) : aucun style en ligne (CSP), aucun hôte tiers. */
.fil{padding-block:0 6px;font-size:14px;color:var(--u-muted)}
.fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.fil li{display:inline-flex;align-items:center;gap:8px}
.fil li+li::before{content:"›";color:var(--u-muted)}
/* cible tactile de 44 px (banc test_cibles_tactiles_de_44_px_sur_telephone) : le lien du fil remplit la hauteur que le haut du bloc lui laissait */
.fil a{display:inline-flex;align-items:center;min-height:44px;color:var(--u-muted);text-decoration:underline;text-underline-offset:3px}
.fil a:hover,.fil a:focus-visible{color:var(--u-ink)}
.fil [aria-current="page"]{color:var(--u-ink);font-weight:700}

.carte-page{display:grid;gap:28px;padding-block:12px 56px}
.carte-page__image{max-width:320px;width:100%;justify-self:center}
.carte-page__image .image,.carte-page__image img{display:block;width:100%;height:auto;border-radius:var(--r-m)}
.carte-page__absente{display:flex;align-items:center;justify-content:center;aspect-ratio:245/337;border-radius:var(--r-m);background:var(--u-surface);border:1px dashed var(--u-line);color:var(--u-muted);text-align:center;padding:16px;font-size:14px}
.carte-page__titre{font-size:clamp(26px,4vw,40px);line-height:1.1;margin:0 0 6px}
.carte-page__sous-titre{color:var(--u-muted);margin:0 0 18px}
.carte-page__faits{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0 0 24px}
.carte-page__faits dt{color:var(--u-muted)}
.carte-page__faits dd{margin:0;font-weight:700}
.carte-page__h2{font-size:18px;margin:28px 0 12px}
.stock-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.stock-ligne{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:var(--r-m);background:var(--u-surface);border:1px solid var(--u-line)}
.stock-ligne__photo .image,.stock-ligne__photo img{display:block;width:64px;height:auto;border-radius:8px}
.stock-ligne__nom{font-weight:700;color:var(--u-ink);text-decoration:none}
.stock-ligne__etat{display:block;color:var(--u-muted);font-size:14px}
.stock-ligne__prix{font-weight:700;font-size:18px;white-space:nowrap}
.carte-page__rien{color:var(--u-muted)}
.carte-page__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media (min-width:768px){.carte-page{grid-template-columns:minmax(220px,320px) 1fr;align-items:start}.carte-page__image{justify-self:start}}

.contenu-page{max-width:760px;margin-inline:auto;padding-block:12px 64px;line-height:1.6}
.contenu-page h1{font-size:clamp(28px,4.4vw,42px);line-height:1.1;margin:8px 0 16px}
.contenu-page h2{font-size:22px;margin:36px 0 10px}
.contenu-page h3{font-size:17px;margin:24px 0 6px}
.contenu-page p,.contenu-page li{max-width:70ch}
.contenu-page a{color:var(--u-a1);text-decoration:underline;text-underline-offset:3px}
.contenu-page__intro{font-size:18px;color:var(--u-ink)}
.contenu-page__note{padding:14px 16px;border-radius:var(--r-s);background:var(--u-surface);border:1px solid var(--u-line);color:var(--u-ink)}
.grille-etat{width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:15px}
.grille-etat th,.grille-etat td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--u-line)}
.grille-etat thead th{color:var(--u-muted);font-weight:700}
.grille-etat tbody th{white-space:nowrap}
.faq dt{font-weight:700;margin-top:22px}
.faq dd{margin:6px 0 0}
.magasins-liste{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
.magasins-liste li{padding:12px 14px;border-radius:var(--r-s);background:var(--u-surface);border:1px solid var(--u-line)}
@media (max-width:620px){.grille-etat thead{display:none}.grille-etat tr,.grille-etat th,.grille-etat td{display:block}.grille-etat tr{padding:8px 0;border-bottom:1px solid var(--u-line)}.grille-etat th,.grille-etat td{border:0;padding:4px 0}}
.grille-etat__crit{display:none}
@media (max-width:620px){.grille-etat__crit{display:block;color:var(--u-muted);font-size:13px;font-weight:700}}
.guides-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.guides-liste a{min-height:44px;display:inline-flex;align-items:center;color:var(--u-ink);text-decoration:underline;text-underline-offset:3px}