/* ============================================================
   fiu. — « Confiez votre besoin » (/recherche-sur-mesure) :
   titre + brief en deux étapes + « après l'envoi ».
   Couche « page », chargée après fiu/core.css et fiu/content.css
   (qui fournit la carte et les champs du formulaire).
   ============================================================ */
@layer page{
/* ——— mise en page : le formulaire à droite dès le premier écran ——— */
.fiu-brief-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto 1fr;grid-template-areas:"head form" "next form";gap:36px 56px;align-items:start}
.fiu-brief-layout__head{grid-area:head;display:flex;flex-direction:column;gap:14px}
.fiu-brief-layout__head .fiu-lead{max-width:56ch}
/* pas de position sticky : la carte est plus haute que l'écran et scrollIntoView (passage à l'étape 2) s'y comporte mal */
.fiu-brief-layout__form{grid-area:form;scroll-margin-top:calc(var(--fiu-header-h) + 16px)}
.fiu-brief-layout__next{grid-area:next;min-width:0}

/* ——— après l'envoi ——— */
.fiu-brief-next__title{margin:0 0 8px}
.fiu-brief-next{margin:0;padding:0;list-style:none}
.fiu-brief-next li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:18px 0;border-top:var(--fiu-filet)}
.fiu-brief-next__num{grid-row:span 2;padding-top:5px;color:var(--terracotta);font:600 var(--fs-12-5)/1.6 var(--font-mono);letter-spacing:.08em}
.fiu-brief-next h3{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-21);line-height:1.25;letter-spacing:-.01em}
.fiu-brief-next p{margin:0;color:var(--anthracite-clair);font:400 var(--fs-15)/1.55 var(--font-sans)}
.fiu-brief-media{margin:22px 0 0;overflow:hidden;border-radius:var(--r-surface);background:var(--sable)}
.fiu-brief-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

/* ——— carte du brief ——— */
.fiu-brief__meta{margin:6px 0 0;color:var(--kaki-texte);font:500 var(--fs-13)/1.4 var(--font-sans)}
.fiu-brief__form{display:flex;flex-direction:column;gap:16px}
.fiu-brief__progress{margin:0;color:var(--terracotta-profond);font:600 var(--fs-11-5)/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.fiu-brief__step{min-width:0;margin:0;padding:0;border:0}
.fiu-brief__legend{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-21);line-height:1.2}
.fiu-brief__num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--anthracite);color:var(--blush);font:600 var(--fs-12-5)/1 var(--font-mono)}
.fiu-brief__stack{display:flex;flex-direction:column;gap:16px}
.fiu-brief__field{min-width:0;margin:0;padding:0;border:0}
.fiu-brief__label{margin:0 0 8px;padding:0;color:var(--anthracite);font:600 var(--fs-13)/1.3 var(--font-sans)}
.fiu-brief__req{color:var(--terracotta-profond)}

/* pastilles : cases et boutons radio restylés, toujours atteignables au clavier */
.fiu-brief__chips{display:flex;flex-wrap:wrap;gap:8px}
.fiu-brief__chips--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}
.fiu-brief__chip{position:relative;display:inline-flex;min-width:0;cursor:pointer}
.fiu-brief__chip--wide{grid-column:span 2}
.fiu-brief__chip input{position:absolute;top:50%;left:50%;width:1px;height:1px;margin:0;opacity:0}
.fiu-brief__chip span{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 14px;border:1.5px solid var(--ligne);border-radius:var(--r-bouton);background:var(--blush);color:var(--anthracite);font:500 var(--fs-14)/1.25 var(--font-sans);text-align:center;transition:var(--transition-couleur)}
.fiu-brief__chips--grid .fiu-brief__chip span{padding:8px 4px;font-size:var(--fs-13-5)}
.fiu-brief__chip:hover span{border-color:var(--anthracite)}
.fiu-brief__chip input:checked+span{border-color:var(--anthracite);background:var(--anthracite);color:var(--blush)}
.fiu-brief__chip input:focus-visible+span{outline:2px solid var(--terracotta);outline-offset:2px}

/* zones : Paris ouvert, petite couronne repliée */
.fiu-brief__zones{border:var(--fiu-filet);border-radius:var(--r-bouton);background:var(--creme)}
.fiu-brief__zones+.fiu-brief__zones{margin-top:8px}
.fiu-brief__zones summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--anthracite);font:600 var(--fs-13-5)/1.3 var(--font-sans);list-style:none;cursor:pointer}
.fiu-brief__zones summary::-webkit-details-marker{display:none}
.fiu-brief__zones summary::after{content:"+";color:var(--kaki-texte);font:500 var(--fs-16)/1 var(--font-sans)}
.fiu-brief__zones[open] summary::after{content:"\2212"}
.fiu-brief__zones-body{padding:0 12px 12px}
.fiu-brief__other{margin-top:12px}

.fiu-brief__budget{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr);align-items:center;gap:8px}
.fiu-brief__unit{color:var(--kaki-texte);font:500 var(--fs-15)/1 var(--font-sans)}
.fiu-brief__back{align-self:flex-start;padding:0;border:0;background:none;color:var(--terracotta-profond);font:600 var(--fs-13-5)/1.4 var(--font-sans);text-decoration:underline;text-decoration-color:rgba(163,78,53,.4);text-underline-offset:3px;cursor:pointer}
.fiu-brief__back:hover{color:var(--terracotta)}
.fiu-brief__done{display:flex;flex-direction:column;gap:12px}

/* ——— responsive : titre, formulaire, puis « après l'envoi » ——— */
@media (max-width:980px){
  .fiu-brief-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "form" "next";gap:28px}
}
@media (max-width:640px){
  .fiu-brief-layout__form .fiu-form-card__head{padding:18px 18px 14px}
  .fiu-brief-layout__form .fiu-form-card__body{padding:18px 18px 20px}
}
}