/* ============================================================
   fiu. — simulateur du coût d'un bureau (/simulateur-cout-bureau) :
   titre + formulaire, résultat en trois cartes, hypothèses et sources, FAQ.
   Couche « page », chargée après fiu/core.css et fiu/content.css
   (qui fournit la carte et les champs du formulaire). Mobile d'abord.
   ============================================================ */
@layer page{
/* ——— titre et formulaire ——— */
.fiu-sim-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.fiu-sim-layout__head{display:flex;flex-direction:column;gap:14px}
.fiu-sim-layout__head .fiu-h1,.fiu-sim-layout__head .fiu-lead{margin:0}
.fiu-sim-layout__head .fiu-lead{max-width:58ch}
.fiu-sim-form{display:flex;flex-direction:column;gap:14px}
.fiu-sim-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-weight:500}
.fiu-sim-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--terracotta-profond);cursor:pointer}
.fiu-sim-form select.fiu-form-input{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%232F211D'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}

/* ——— résultat ——— */
#resultat{scroll-margin-top:calc(var(--fiu-header-h) + 16px)}
.fiu-sim-meta{margin:0;color:var(--kaki-texte);font:500 var(--fs-13)/1.5 var(--font-mono);letter-spacing:.02em}
.fiu-sim-verdict{margin:22px 0 0;padding:18px 20px;border-left:3px solid var(--terracotta);border-radius:0 var(--r-carte) var(--r-carte) 0;background:var(--creme);color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-21);line-height:1.35;text-wrap:pretty}
.fiu-sim-verdict--muted{border-left-color:var(--kaki);color:var(--anthracite-clair);font-size:var(--fs-16);font-family:var(--font-sans);font-weight:500}

.fiu-sim-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}
.fiu-sim-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 20px;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme)}
.fiu-sim-card--muted{background:var(--sable);border-color:rgba(47,33,29,.1)}
.fiu-sim-card .fiu-card__kicker{margin:0}
.fiu-sim-figure{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-35);line-height:1.05;letter-spacing:-.02em}
.fiu-sim-figure span{display:block;margin-top:6px;color:var(--kaki-texte);font:500 var(--fs-13-5)/1.4 var(--font-sans);letter-spacing:0}
.fiu-sim-total{margin:0;color:var(--anthracite-clair);font:400 var(--fs-15)/1.5 var(--font-sans)}
.fiu-sim-lines{width:100%;border-collapse:collapse;font:400 var(--fs-14)/1.4 var(--font-sans)}
.fiu-sim-lines :is(th,td){padding:9px 0;border-top:var(--fiu-filet);vertical-align:top}
.fiu-sim-lines th{padding-right:12px;color:var(--anthracite);font-weight:500;text-align:left}
.fiu-sim-lines th span{display:block;margin-top:2px;color:var(--kaki-texte);font-size:var(--fs-12-5);font-weight:400}
.fiu-sim-lines td{color:var(--anthracite);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.fiu-sim-lines tfoot :is(th,td){border-top:var(--fiu-filet-fort);font-weight:700}
.fiu-sim-note{margin:0;color:var(--kaki-texte);font:400 var(--fs-13)/1.55 var(--font-sans)}
.fiu-sim-empty{margin:0;color:var(--anthracite-clair);font:400 var(--fs-15)/1.55 var(--font-sans)}

.fiu-sim-next{margin-top:26px;padding:22px 20px;border-radius:var(--r-surface);background:var(--sable)}
.fiu-sim-next__title{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.2}
.fiu-sim-next .fiu-sim-note{margin-top:8px;max-width:72ch}
.fiu-sim-next .fiu-actions{margin-top:14px}
.fiu-sim-next .fiu-btn{white-space:normal;text-align:center}

/* ——— hypothèses, méthode, FAQ ——— */
.fiu-sim-prose{max-width:980px;margin-top:22px}
.fiu-sim-prose h3{margin-top:28px}
.fiu-sim-small{color:var(--kaki-texte);font-size:var(--fs-13-5)}
.fiu-sim-table-wrap{max-width:100%;margin:0 0 14px;overflow-x:auto}
.fiu-sim-table{width:100%;min-width:560px;border-collapse:collapse;font:400 var(--fs-14)/1.45 var(--font-sans)}
.fiu-sim-table :is(th,td){padding:10px 12px 10px 0;border-bottom:var(--fiu-filet);text-align:left;vertical-align:top}
.fiu-sim-table th{border-bottom:var(--fiu-filet-fort);color:var(--anthracite);font:600 var(--fs-12-5)/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
.fiu-sim-table td:nth-child(2){color:var(--anthracite);font-weight:500}
.fiu-sim-table__note{display:block;margin-top:3px;color:var(--kaki-texte);font-size:var(--fs-12-5)}
.fiu-sim-flag{display:inline-block;padding:2px 7px;border-radius:var(--r-badge);background:var(--blush);color:var(--terracotta-profond);font:600 var(--fs-11)/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.fiu-sim-flag--ok{background:var(--sable);color:var(--anthracite)}
.fiu-prose .fiu-sim-sources{margin:0}
.fiu-prose .fiu-sim-sources li{margin-bottom:6px;padding-left:0;font-size:var(--fs-13)}
.fiu-prose .fiu-sim-sources li::before{display:none}
.fiu-sim-table td:first-child{min-width:180px}
.fiu-sim-table td:nth-child(3){min-width:220px}

/* ——— tablette et bureau ——— */
@media (min-width:760px){
  .fiu-sim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fiu-sim-card--muted{grid-column:1 / -1}
}
@media (min-width:981px){
  .fiu-sim-layout{grid-template-columns:minmax(0,1fr) 420px;gap:56px}
  .fiu-sim-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fiu-sim-card--muted{grid-column:auto}
  .fiu-sim-card{padding:26px 24px}
  .fiu-sim-next{padding:28px 30px}
}
@media (max-width:640px){
  .fiu-sim-figure{font-size:var(--fs-30)}
  .fiu-sim-verdict{font-size:var(--fs-19)}
}
}