/* Parcours guidé des réglages fonciers (src/foncier-parcours-guide.js). Les jetons sont ceux de Carte · Mesure :
 * verre givré .58, flou 18 px, contrôles 30 px, rayons 5/7/10 px, typo système 11/12/13/17. */
@media (min-width: 900px) {
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.fe-colonne .pg-reglages.fpg-aside { padding: 0 14px 20px; background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou); }
  .fpg-racine { min-width: 0; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
  /* La barre collante des étapes : son fond (verre plein à 93 %, flou) est porté par un pseudo-élément qui déborde de 12 px au-dessus et de 24 px de chaque côté.
   * Sinon (Henri, 11/11/2026 : « la sidebar glisse ») le contenu défilait dans les 4 px de marge haute de la colonne et sur les flancs de la barre, et se lisait
   * à travers elle. Le liseré du bas court sur toute la largeur de la colonne. */
  .fpg-intro { position: sticky; z-index: 4; top: 0; isolation: isolate; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 0 0 14px; padding: 12px 2px; }
  .fpg-intro::before { content: ""; position: absolute; z-index: -1; inset: -12px -24px -1px; border-bottom: 1px solid var(--filet); background: color-mix(in srgb, var(--verre-plein) 93%, transparent); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou); pointer-events: none; }
  .fpg-intro p { margin: 0; color: var(--attenue); font-size: var(--t-12); line-height: 1.4; }
  .fpg-progression { flex: none; padding: 3px 7px; border-radius: var(--r-rond); background: var(--champ); color: var(--discret); font-size: var(--t-11); font-variant-numeric: tabular-nums; }
  .fpg-etape { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 0 0 12px; opacity: .62; transition: opacity .18s ease; }
  .fpg-etape::before { content: ""; position: absolute; top: 25px; bottom: -1px; left: 11px; width: 1px; background: var(--filet-fort); }
  .fpg-etape:last-child::before { display: none; }
  .fpg-etape[data-fpg-ouvert="true"], .fpg-etape[data-fpg-etat="avant"] { opacity: 1; }
  .fpg-numero { display: grid; place-items: center; width: 24px; height: 24px; border-radius: var(--r-rond); background: var(--champ); box-shadow: var(--verre-filet); color: var(--discret); font-size: var(--t-11); font-weight: 600; font-variant-numeric: tabular-nums; transition: color .18s ease, background .18s ease, transform .24s cubic-bezier(.2,.8,.2,1); }
  .fpg-etape[data-fpg-ouvert="true"] > .fpg-numero { background: var(--plein); color: var(--plein-texte); transform: scale(1.06); }
  .fpg-principal { min-width: 0; }
  .fpg-titre { margin: 0; font-size: var(--t-13); line-height: 1.35; }
  .fpg-declencheur { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; width: calc(100% + 8px); min-height: 30px; margin: -3px -4px 0; padding: 5px 6px; border: 0; border-radius: var(--r-bouton); background: transparent; color: var(--encre); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
  .fpg-declencheur:hover { background: var(--survol); }
  .fpg-declencheur:focus-visible { outline: 2px solid var(--encre); outline-offset: 2px; }
  .fpg-action { color: var(--attenue); font-size: var(--t-11); font-weight: 500; }
  .fpg-resume { margin: 0 2px 8px; color: var(--discret); font-size: var(--t-12); line-height: 1.4; }
  .fpg-revelation { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .26s cubic-bezier(.2,.8,.2,1), opacity .16s ease; }
  .fpg-clip { min-height: 0; overflow: hidden; }
  .fpg-etape[data-fpg-ouvert="true"] .fpg-revelation { grid-template-rows: 1fr; opacity: 1; }
  .fpg-etape[data-fpg-ouvert="true"] .fpg-clip { overflow: visible; }
  .fpg-panneau { min-width: 0; padding: 10px 12px 12px; border-radius: var(--r-moyen); background: color-mix(in srgb, var(--champ) 70%, transparent); box-shadow: var(--fenetre-ombre, 0 8px 24px rgba(0,0,0,.16)), var(--verre-filet); }
  .fpg-panneau > :first-child { margin-top: 0 !important; }
  .fpg-panneau > :last-child { margin-bottom: 0 !important; }
  .fpg-panneau :is(.pg-seg, .segment) { gap: 2px; padding: 2px; background: var(--champ); }
  .fpg-panneau :is(.pg-seg, .segment) > button { min-width: 0; height: 28px; padding-inline: 5px; border-radius: var(--r-pastille); }
  .fpg-panneau :is(.fc-aide, .pm-aide, .pg-info) { color: var(--discret); font-size: var(--t-11); line-height: 1.4; }
  .fpg-panneau :is(input:not([type="checkbox"]), select, .fc-declencheur) { min-height: var(--h-bouton); font-size: var(--t-13); }
}
@media (min-width: 900px) {
  /* le squelette du premier affichage : l'aside est vide pendant ~3 s, le temps que le mode rende ses réglages */
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.fe-colonne .pg-reglages.fpg-attente::before { content: "Préparation des critères de recherche…"; display: block; padding: 12px 2px; border-bottom: 1px solid var(--filet); color: var(--attenue); font-size: var(--t-12); line-height: 1.4; }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.fe-colonne .pg-reglages.fpg-attente::after { content: ""; display: block; height: 220px; margin-top: 14px; animation: fpg-pulse 1.3s ease-in-out infinite alternate;
    background: radial-gradient(circle 12px at 12px 12px, var(--champ) 98%, transparent) 0 0 / 24px 24px no-repeat, linear-gradient(var(--champ), var(--champ)) 34px 4px / 55% 12px no-repeat, linear-gradient(var(--champ), var(--champ)) 34px 24px / 35% 9px no-repeat,
    linear-gradient(var(--champ), var(--champ)) 34px 48px / 100% 70px no-repeat, radial-gradient(circle 12px at 12px 12px, var(--champ) 98%, transparent) 0 130px / 24px 24px no-repeat, linear-gradient(var(--champ), var(--champ)) 34px 134px / 50% 12px no-repeat, linear-gradient(var(--champ), var(--champ)) 34px 156px / 40% 9px no-repeat; }
  @keyframes fpg-pulse { from { opacity: .45; } to { opacity: .9; } }
}
@media (prefers-reduced-motion: reduce) { .pg-reglages.fpg-attente::after { animation: none !important; }
}
@media (prefers-reduced-motion: reduce) { .fpg-etape, .fpg-numero, .fpg-revelation { transition: none !important; } }