/* Headroom - wheresthefreespace.com
   Squelette grille-annuaire rhabille. Vocabulaire svy- (ledger du geometre).
   Palette: papier os #F3F1EA, encre graphite #26292E, accent brique oxydee #8A3038,
   appui laiton #96742B. Polices systeme uniquement. */

:root{
  --fond:#F3F1EA;
  --papier:#FFFFFF;
  --papier-creux:#EAE7DC;
  --encre:#26292E;
  --encre-attenuee:#62676F;
  --liseret:#D7D3C6;
  --accent:#8A3038;
  --accent-sombre:#5B2026;
  --accent-voile:#5B2026;      /* jamais utilise en voile: le voile est en dur plus bas */
  --appui:#96742B;
  --titre-police:'Palatino','Palatino Linotype','Book Antiqua',Georgia,serif;
  --texte-police:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --chiffre-police:'Menlo',Monaco,'Courier New',monospace;
  --travee:1180px;
  --mesure:66ch;
  --pas-grille:236px;
  --rythme:22px;
  --arrondi:2px;
}

*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--texte-police);line-height:1.62}

h1,h2,h3,h4{font-family:var(--titre-police);line-height:1.18;color:var(--encre);margin:0 0 .5em}
h1{font-size:clamp(1.7rem,1.35rem + 1.6vw,2.5rem)}
h2{font-size:clamp(1.25rem,1.1rem + .8vw,1.55rem);margin-top:calc(var(--rythme)*1.9)}
h3{font-size:1.06rem;margin-top:calc(var(--rythme)*1.4)}
p{margin:0 0 var(--rythme)}
a{color:var(--accent)}
a:hover{color:var(--accent-sombre)}
ul,ol{margin:0 0 var(--rythme);padding-left:1.35em}
li{margin-bottom:.45em}
code{font-family:var(--chiffre-police);font-size:.88em;background:var(--papier-creux);padding:.08em .38em;border-radius:var(--arrondi)}
pre{overflow-x:auto;background:var(--papier-creux);padding:14px;border-radius:var(--arrondi)}
:focus-visible{outline:3px solid var(--appui);outline-offset:2px;border-radius:var(--arrondi)}

img{max-width:100%;height:auto;display:block}
.svy-shot{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--arrondi);background:var(--papier-creux)}

/* Lien d'acces clavier */
.svy-skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;z-index:60}
.svy-skip:focus{left:12px;top:12px}

/* Travee: l'unique conteneur de largeur */
.svy-lease{max-width:var(--travee);margin:0 auto;padding:0 20px}

/* Echine superieure */
.svy-spine{background:var(--papier);border-bottom:1px solid var(--liseret);position:relative;z-index:10}
.svy-spine__inner{display:flex;align-items:center;gap:16px;min-height:56px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.svy-brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;margin-right:auto}
.svy-brand__word{font-family:var(--titre-police);font-weight:700;font-size:1.32rem;color:var(--encre);letter-spacing:.01em}
.svy-brand__word em{font-style:normal;color:var(--accent)}
.svy-chip{font-family:var(--chiffre-police);font-size:.66rem;letter-spacing:.14em;color:#fff;background:var(--accent-sombre);padding:3px 7px;border-radius:var(--arrondi)}
.svy-trail{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0}
.svy-trail a{font-size:.86rem;text-decoration:none;color:var(--encre-attenuee)}
.svy-trail a:hover,.svy-trail a:focus-visible{color:var(--accent)}

/* Bandeau heros: bande, pas un ecran */
.svy-band{position:relative;background:var(--accent-sombre);color:#fff;overflow:hidden}
.svy-band__veil{position:absolute;inset:0;background:rgba(91,32,38,.82)} /* voile dur, couleur en dur */
.svy-band__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svy-band__plate{position:relative;z-index:2;padding:34px 20px 30px}
.svy-band__kicker{font-family:var(--chiffre-police);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#EFC7CB;margin:0 0 10px}
.svy-band h1{color:#fff;margin:0 0 8px;font-size:clamp(1.85rem,1.4rem + 1.9vw,2.7rem)}
.svy-band__tagline{margin:0 0 16px;color:#F4DEE0;font-size:1.02rem;max-width:52ch}
.svy-counts{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:0;padding:0}
.svy-counts li{margin:0}
.svy-counts strong{font-family:var(--chiffre-police);font-size:1.15rem;color:#fff;display:block;line-height:1.1}
.svy-counts span{font-size:.78rem;color:#EAC9CD;letter-spacing:.04em}

/* Portes de departements */
.svy-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:26px 0 4px}
.svy-door{display:block;background:var(--papier);border:1px solid var(--liseret);border-radius:var(--arrondi);overflow:hidden;text-decoration:none}
.svy-door:hover{border-color:var(--accent)}
.svy-door .svy-shot{aspect-ratio:16/9;height:auto}
.svy-door__plate{display:block;padding:10px 12px 12px}
.svy-door__label{display:block;font-family:var(--titre-police);font-weight:700;color:var(--encre);font-size:1rem}
.svy-door:hover .svy-door__label{color:var(--accent)}
.svy-door__count{font-family:var(--chiffre-police);font-size:.72rem;color:var(--encre-attenuee)}

/* Onglets filtres */
.svy-tablist{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px;list-style:none;padding:0}
.svy-tab{display:inline-block;text-decoration:none;font-size:.82rem;padding:6px 12px;border:1px solid var(--liseret);border-radius:999px;background:var(--papier);color:var(--encre-attenuee)}
.svy-tab[aria-current="true"],.svy-tab.is-active{border-color:var(--accent);color:var(--accent);font-weight:600}
.svy-tabstatus{font-size:.78rem;color:var(--encre-attenuee);min-height:1.2em;display:block;margin:-6px 0 10px}

/* Casier de fiches */
.svy-yard{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pas-grille),1fr));gap:16px;margin:6px 0 calc(var(--rythme)*1.6)}
.svy-fiche{background:var(--papier);border:1px solid var(--liseret);border-radius:var(--arrondi);padding:12px;display:flex;flex-direction:column;gap:9px}
.svy-fiche--hide{display:none}
.svy-fiche__head{margin:0;font-size:1rem;line-height:1.3}
.svy-fiche__head a{text-decoration:none;color:var(--encre)}
.svy-fiche__head a:hover{color:var(--accent)}
.svy-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--chiffre-police);font-size:.68rem;letter-spacing:.05em;color:var(--encre-attenuee)}
.svy-stamp{background:var(--papier-creux);padding:2px 7px;border-radius:var(--arrondi)}
.svy-flag{color:var(--accent);text-decoration:none;font-weight:600}
.svy-fiche__blurb{font-size:.86rem;color:var(--encre-attenuee);margin:0;line-height:1.5}
.svy-traits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.svy-traits li{font-size:.74rem;color:var(--encre-attenuee);border-top:1px dotted var(--liseret);padding-top:3px}
.svy-traits strong{font-weight:600;color:var(--encre)}

/* Section titres de blocs accueil/rubrique */
.svy-sectiontit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:calc(var(--rythme)*2.2) 0 4px}
.svy-sectiontit h2{margin:0}
.svy-sectiontit p{margin:0;font-size:.8rem;color:var(--encre-attenuee)}

/* Index alphabetique */
.svy-alpha{display:flex;flex-wrap:wrap;gap:6px 14px;padding:12px 14px;background:var(--papier);border:1px solid var(--liseret);border-radius:var(--arrondi);list-style:none;margin:0 0 calc(var(--rythme)*1.4)}
.svy-alpha li{margin:0}
.svy-alpha a,.svy-alpha span[data-empty]{font-family:var(--chiffre-police);font-size:.8rem;text-decoration:none;color:var(--accent)}
.svy-alpha span[data-empty]{color:var(--liseret)}
.svy-alphatarget{scroll-margin-top:24px}

/* Encart methode */
.svy-notelet{background:var(--papier-creux);border-left:4px solid var(--appui);padding:16px 18px;border-radius:var(--arrondi);margin:0 0 calc(var(--rythme)*1.6)}
.svy-notelet p{margin:0;font-size:.92rem}
.svy-notelet strong{color:var(--accent-sombre)}

/* Remontee (fil d'ariane) */
.svy-backtrail{font-family:var(--chiffre-police);font-size:.76rem;margin:14px 0 4px}
.svy-backtrail ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0}
.svy-backtrail li{margin:0;display:flex;gap:10px;align-items:center}
.svy-backtrail li+li::before{content:"\203A";color:var(--encre-attenuee)}
.svy-backtrail a{text-decoration:none;color:var(--encre-attenuee)}
.svy-backtrail a:hover{color:var(--accent)}
.svy-backtrail [aria-current]{color:var(--accent)}

/* Plaque de tete (rubriques/dossiers) */
.svy-plaque{background:var(--papier);border:1px solid var(--liseret);border-radius:var(--arrondi);overflow:hidden;margin:10px 0 18px}
.svy-plaque__shot{width:100%;aspect-ratio:21/8;object-fit:cover;background:var(--papier-creux)}
.svy-plaque__plate{padding:18px 20px 20px}
.svy-plaque__kicker{font-family:var(--chiffre-police);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.svy-plaque .svy-byline{margin:4px 0 0;font-size:.8rem;color:var(--encre-attenuee)}
.svy-plaque p:not(.svy-kicker){margin-top:.4em}

/* Feuilletage reserve futur */
.svy-leaves{display:flex;gap:8px;list-style:none;margin:0 0 var(--rythme);padding:0;font-family:var(--chiffre-police);font-size:.8rem}
.svy-leaves li{margin:0}

/* Registre dense des rubriques */
.svy-ledger{border:1px solid var(--liseret);border-radius:var(--arrondi);background:var(--papier);margin:8px 0 calc(var(--rythme)*1.6);overflow:hidden}
.svy-rowline{display:grid;grid-template-columns:118px minmax(0,1fr) 205px;gap:16px;padding:14px 18px;border-bottom:1px solid var(--liseret)}
.svy-rowline:last-child{border-bottom:none}
.svy-rowline__when{font-family:var(--chiffre-police);font-size:.72rem;color:var(--encre-attenuee);padding-top:2px}
.svy-rowline__when .svy-stamp{display:inline-block;margin-bottom:6px}
.svy-rowline h3{margin:0 0 4px;font-size:1.02rem}
.svy-rowline h3 a{text-decoration:none;color:var(--encre)}
.svy-rowline h3 a:hover{color:var(--accent)}
.svy-rowline__summary{font-size:.86rem;color:var(--encre-attenuee);margin:0}
.svy-rowline__traits{font-size:.74rem;color:var(--encre-attenuee);padding-top:2px}
.svy-rowline__traits li{border:none;padding:0;margin-bottom:4px}

/* Feuille d'article: deux colonnes asymetriques */
.svy-sheet{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;margin:8px 0 calc(var(--rythme)*1.8)}
.svy-column{min-width:0;max-width:var(--mesure)}
.svy-figure{margin:0 0 var(--rythme)}
.svy-figure figcaption{font-size:.78rem;color:var(--encre-attenuee);padding-top:7px;border-bottom:1px solid var(--liseret);padding-bottom:8px}
.svy-gauge{position:sticky;top:14px;display:flex;flex-direction:column;gap:16px}
.svy-gauge__card{background:var(--papier);border:1px solid var(--liseret);border-radius:var(--arrondi);padding:14px 16px}
.svy-gauge__title{font-family:var(--chiffre-police);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--appui);margin:0 0 10px}
.svy-spec{width:100%;border-collapse:collapse;font-size:.8rem}
.svy-spec th{text-align:left;color:var(--encre-attenuee);font-weight:400;padding:5px 8px 5px 0;width:44%;vertical-align:top;border-top:1px dotted var(--liseret)}
.svy-spec td{font-family:var(--chiffre-police);font-size:.74rem;padding:5px 0;border-top:1px dotted var(--liseret);vertical-align:top}
.svy-spec tr:first-child th,.svy-spec tr:first-child td{border-top:none}
.svy-maplist{counter-reset:somm;font-size:.84rem;padding-left:0;list-style:none;margin:0}
.svy-maplist li{counter-increment:somm;margin-bottom:7px}
.svy-maplist li::before{content:counter(somm,decimal-leading-zero)". ";font-family:var(--chiffre-police);color:var(--appui);font-size:.72rem}
.svy-maplist a{text-decoration:none}
.svy-neighbors{list-style:none;margin:0;padding:0;font-size:.86rem}
.svy-neighbors li{border-top:1px dotted var(--liseret);padding:8px 0}
.svy-neighbors li:first-child{border-top:none;padding-top:0}
.svy-neighbors a{text-decoration:none;font-weight:600}
.svy-neighbors .why{display:block;color:var(--encre-attenuee);font-size:.78rem;margin-top:2px}
.svy-kitslot{background:var(--papier);border:1px dashed var(--appui);border-radius:var(--arrondi);padding:12px 14px;font-size:.82rem;margin:0 0 var(--rythme)}
.svy-kitfile{font-family:var(--chiffre-police);font-size:.76rem;word-break:break-all}
.svy-let::first-letter{font-family:var(--titre-police);float:left;font-size:3.05em;line-height:.86;padding:2px 8px 0 0;color:var(--accent-sombre)}
.svy-rowline__main{min-width:0}

/* Voisinage pos-article (bas colonne) */
.svy-nextdoor{margin-top:calc(var(--rythme)*1.6);border-top:2px solid var(--accent-sombre);padding-top:12px}

/* Pied */
.svy-footrail{background:var(--accent-sombre);color:#EBD6D8;margin-top:44px}
.svy-footrail__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:34px 20px}
.svy-footrail h2{color:#fff;font-size:.95rem;margin:0 0 10px}
.svy-footrail ul{list-style:none;margin:0;padding:0}
.svy-footrail li{margin-bottom:7px;font-size:.85rem}
.svy-footrail a{color:#EBD6D8;text-decoration:none}
.svy-footrail a:hover{color:#fff;text-decoration:underline}
.svy-footerbase{background:#481F28;color:#E7CDD0;font-size:.78rem;text-align:center;padding:14px 20px}
.svy-footerbase a{color:#fff}
.srv-hidden,[hidden]{display:none!important}

/* Divers */
.srv-hidden,[hidden]{display:none!important}
hr.svy-rulepair{border:none;border-top:1px solid var(--liseret);margin:calc(var(--rythme)*1.6) 0}
@media(max-width:900px){
  .svy-sheet{grid-template-columns:1fr}
  .svy-gauge{position:static}
  .svy-rowline{grid-template-columns:1fr;gap:8px}
}