/* pompe-surface.fr — « la maison en coupe » · blanc rosé, encre aubergine, vert pomme pour l'action (27/10/2026) */
:root{--page:#fbf7f8;--joint:#f1e8ec;--joint2:#e2d2da;--white:#fff;--ink:#2b1e33;--mauve:#5b4c63;--pomme:#2f7d32;--pomme-d:#256428;--goutte:#3b8ad6;--err:#fbe9e7;--head:"Avenir Next","Avenir","Nunito Sans","Segoe UI",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--hh:72px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.65 var(--body);overflow-x:clip}
img,svg{max-width:100%}a{color:var(--pomme-d)}h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(30px,4vw,52px)}h2{font-size:clamp(25px,2.7vw,36px)}h3{font-size:20px}p{margin:0 0 1em}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--pomme);outline-offset:2px}
.fine{font-size:14px;color:var(--mauve)}.text-link{font-weight:700;color:var(--ink);text-decoration-color:var(--pomme);text-underline-offset:4px}.eyebrow{font-weight:700;color:var(--pomme-d);margin:0 0 .4em}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- en-tête ---- */
.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--joint2)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--hh)}.brand{flex:none}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand .logo{width:54px;height:43px;flex:none}
.logo .toit,.logo .murs{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.logo .goutte{fill:var(--goutte)}.logo .tuyau{stroke:var(--goutte);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1 7}
.brand span{white-space:nowrap;font:700 22px/1 var(--head);letter-spacing:-.02em;display:flex;flex-direction:column}.brand small{font:500 12.5px/1.2 var(--body);color:var(--mauve);letter-spacing:0;margin-top:4px}
.top nav{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-end}.nv{position:relative;padding:9px 11px;border-radius:999px;text-decoration:none;color:var(--ink);font:600 14.5px var(--head);white-space:nowrap;transition:background .15s}
.nv:hover{background:var(--joint)}.nv[aria-current]::after{content:"";position:absolute;left:50%;bottom:1px;width:7px;height:7px;margin-left:-3.5px;background:var(--goutte);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.dd{position:relative}.dd-panel{position:absolute;left:0;top:100%;min-width:350px;background:#fff;border:1px solid var(--joint2);border-radius:20px;padding:8px;display:none;grid-template-columns:1fr 1fr;gap:2px}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:grid}.dd-panel a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink);font:600 14.5px/1.25 var(--head)}.dd-panel a:hover{background:var(--joint)}
.dd-panel svg{width:28px;height:28px;flex:none;color:var(--pomme-d)}.dd-panel small{display:block;font:500 12px var(--body);color:var(--mauve)}
.cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pomme);color:#fff;text-decoration:none;font:700 16px var(--head);padding:13px 24px;border:0;border-radius:999px;cursor:pointer;transition:background .15s,transform .15s}
.cta:hover,.button:hover{background:var(--pomme-d);transform:translateY(-1px)}.top-cta{margin-left:8px;padding:11px 20px;font-size:15px;white-space:nowrap;flex:none}
.button.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.button.ghost:hover{background:var(--joint)}.button.big{font-size:18px;padding:16px 30px}.button.gold{background:var(--ink)}
.burger{display:none}.burger summary{list-style:none;cursor:pointer;width:46px;height:46px;border:1px solid var(--joint2);border-radius:50%;display:grid;place-items:center;background:#fff}.burger summary::-webkit-details-marker{display:none}
.burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2.5px;background:var(--ink);position:relative;content:"";border-radius:2px}.burger i::before{position:absolute;top:-7px}.burger i::after{position:absolute;top:7px}
.burger-panel{position:fixed;left:0;right:0;top:var(--hh);bottom:0;background:var(--page);padding:20px;display:flex;flex-direction:column;gap:4px;overflow:auto;z-index:60}.burger-panel a{padding:15px 10px;border-bottom:1px solid var(--joint2);text-decoration:none;color:var(--ink);font:700 19px var(--head)}.burger-panel .cta{margin-top:14px;border:0;color:#fff}
/* ---- héros : la maison en coupe ---- */
.hero{background:var(--page)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:48px;align-items:center;min-height:calc(100svh - var(--hh) - 1px);padding:clamp(22px,4vh,52px) 0}
.hero h1{font-size:clamp(30px,min(3.7vw,6.2vh),52px);max-width:15em}.hero .lede{font-size:clamp(16px,2.2vh,19px);color:var(--mauve);max-width:35em}
.hero-note{font-size:13.5px;color:var(--mauve);margin-top:14px}
.hero-fig{background:var(--joint);border-radius:36px;padding:clamp(10px,2vh,24px);background-image:linear-gradient(var(--joint2) 1px,transparent 1px),linear-gradient(90deg,var(--joint2) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px}
.cherche{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:0;background:#fff;border:1px solid var(--joint2);border-radius:999px;padding:6px;margin-top:22px}
.cherche label{display:flex;flex-direction:column;padding:6px 20px;border-right:1px solid var(--joint2);min-width:0}.cherche label:nth-of-type(2){border-right:0}.cherche label span{font:700 12.5px var(--head);color:var(--mauve)}
.cherche select,.cherche input{border:0;background:transparent;font:600 16px var(--body);color:var(--ink);padding:3px 0;min-width:0;width:100%;outline:0}.cherche input::placeholder{color:#8a7b92}
.cherche:focus-within{border-color:var(--pomme)}.cherche button{border:0;background:var(--pomme);color:#fff;font:700 16px var(--head);padding:0 26px;border-radius:999px;cursor:pointer}.cherche button:hover{background:var(--pomme-d)}
.cherche.compact{margin:0 0 26px;max-width:880px}
/* la maison */
.maison{position:relative}.maison svg{display:block;width:100%;height:auto;max-height:min(62vh,520px);margin-inline:auto}
.maison .sol{stroke:var(--ink);stroke-width:2.5;fill:none}.maison .fond{fill:#fff;stroke:var(--joint2);stroke-width:2;transition:fill .2s}
.maison .toit{fill:#fff;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.maison .mur{fill:var(--page);stroke:var(--ink);stroke-width:3}.maison .cloison{stroke:var(--joint2);stroke-width:3}
.maison .lab{font:700 13px var(--head);fill:var(--mauve)}.maison .r{cursor:default}.maison .r.hot .fond{fill:var(--joint)}
.maison .baignoire,.maison .evier,.maison .robinet,.maison .echelle,.maison .puits{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.maison .herbe{stroke:var(--pomme);stroke-width:3;stroke-linecap:round;fill:none}.maison .arro{fill:var(--ink)}
.maison .jet{fill:none;stroke:var(--goutte);stroke-width:3;stroke-linecap:round;stroke-dasharray:3 7;animation:jet 1.1s linear infinite}
.maison .onde{fill:none;stroke:var(--goutte);stroke-width:3;stroke-linecap:round;animation:onde 3.2s ease-in-out infinite alternate}.maison .onde.o2{opacity:.5;animation-delay:-1.4s}
.maison .pompe{fill:var(--ink)}.maison .turbine{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:6 7;transform-box:fill-box;transform-origin:center;animation:spin 3.5s linear infinite}
.maison .tuyaux .base{fill:none;stroke:var(--joint2);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.maison .tuyaux .flux{fill:none;stroke:var(--goutte);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 15;animation:flux 1.8s linear infinite}
.maison .goutte-t{fill:var(--goutte);animation:tombe 2.4s ease-in infinite}.maison .gt2{animation-delay:-1.2s}
@keyframes flux{to{stroke-dashoffset:-32}}@keyframes jet{to{stroke-dashoffset:-20}}@keyframes onde{to{transform:translateX(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tombe{0%{transform:translateY(-12px);opacity:0}15%{opacity:1}85%{transform:translateY(38px);opacity:1}100%{transform:translateY(40px);opacity:0}}
.maison[data-room=plomberie] .r-plomberie .fond,.maison[data-room=urgence] .r-plomberie .fond{fill:#e3effb}.maison[data-room=piscine] .r-piscine .fond{fill:#e3effb}.maison[data-room=jardin] .r-jardin .fond{fill:#e3effb}.maison[data-room=cave] .r-cave .fond{fill:#e3effb}
@media (prefers-reduced-motion:reduce){.maison .jet,.maison .onde,.maison .turbine,.maison .tuyaux .flux,.maison .goutte-t,.ticker-track,.anneau .seg{animation:none!important}html{scroll-behavior:auto}.cta,.button,.nv{transition:none}}
/* ---- sections ---- */
.section{padding:clamp(46px,6.5vw,84px) 0}.section.tight{padding:clamp(28px,4.2vw,52px) 0}.titre{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}.titre p{margin:0;color:var(--mauve);max-width:34em}
.chiffres{background:#fff;border-block:1px solid var(--joint2)}.chiffres .wrap{padding:4px 0}
.cotes{display:flex;gap:0;margin:0;flex-wrap:wrap}.cotes>div{padding:18px 30px 18px 0;margin-right:30px;border-right:1px solid var(--joint2);display:flex;flex-direction:column-reverse}.cotes>div:last-child{border:0;margin-right:0}
.cotes dt{font:500 14px var(--body);color:var(--mauve)}.cotes dd{margin:0;font:700 clamp(30px,3.4vw,44px)/1 var(--head);font-variant-numeric:tabular-nums;color:var(--ink)}
.pieces{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.piece{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border:1px solid var(--joint2);border-radius:28px;padding:26px;text-decoration:none;color:var(--ink);transition:background .2s,border-color .2s}
.piece:hover{border-color:var(--pomme);background:#fff}.piece svg{width:46px;height:46px;color:var(--pomme-d);margin-bottom:14px}.piece h3,.piece h2{font-size:22px}.piece p{color:var(--mauve);font-size:15.5px;flex:1}.piece .n{font-size:14.5px;color:var(--mauve)}.piece .n b{font:700 24px var(--head);color:var(--ink);margin-right:4px}
.piece.p1{grid-column:span 4;background:var(--joint);border-color:var(--joint)}.piece.p1:hover{background:var(--joint);border-color:var(--pomme)}.piece.p1 h3,.piece.p1 h2{font-size:28px}.piece.p4{grid-column:span 4}.piece.p4{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 22px}.piece.p4 svg{margin:0}.piece.p4 p{flex:1;min-width:240px;margin:0}
.fr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.carte-sec{background:#fff;border-block:1px solid var(--joint2)}
.carte-france{position:relative;max-width:560px;margin:0 auto}.carte-france svg{width:100%;height:auto;display:block}.carte-france .deps path{stroke:#fff;stroke-width:1px;transition:fill .15s}.carte-france .outline{stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}
.lv0{fill:#f4edf0}.lv1{fill:#e6d6df}.lv2{fill:#c9aebd}.lv3{fill:#9a7a91}.lv4{fill:#66496f}.lv5{fill:#2b1e33}.carte-france a:hover path{fill:var(--pomme)}
.carte-france path,.carte-france circle{vector-effect:non-scaling-stroke}.carte-france .pt circle{fill:var(--pomme);stroke:#fff;stroke-width:2;transition:r .15s}.carte-france .pt:hover circle{stroke:var(--ink)}
.fr-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font:600 13px var(--head);padding:6px 12px;border-radius:999px;opacity:0;transform:translate(-50%,-130%);white-space:nowrap}.fr-tip.on{opacity:1}
.legende{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--mauve);margin-top:10px}.legende i{width:26px;height:10px;border-radius:5px}.legende .l1{background:#e6d6df}.legende .l2{background:#c9aebd}.legende .l3{background:#9a7a91}.legende .l4{background:#66496f}.legende .l5{background:#2b1e33}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;gap:8px;align-items:baseline;padding:7px 14px;background:#fff;border:1px solid var(--joint2);border-radius:999px;text-decoration:none;color:var(--ink);font:600 14.5px var(--head);transition:.15s}.tag small{color:var(--mauve);font-weight:500}.tag:hover,.tag.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tag:hover small,.tag.on small{color:#e6d6df}
.chip{display:inline-block;padding:9px 16px;background:#fff;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font:600 15px var(--head);cursor:pointer}.chip:hover{background:var(--ink);color:#fff}
.outil-teaser{background:var(--joint)}.ot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}.ot-usages{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.trois h3{font-size:19px}.trois p{color:var(--mauve);font-size:16px}.lire{border-top:1px solid var(--joint2)}
/* ---- bandeau de page ---- */
.band{background:var(--joint);border-bottom:1px solid var(--joint2)}
.band-in{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;padding:30px 0 34px}.band-txt{max-width:780px}.band h1{font-size:clamp(28px,3.6vw,46px);margin-bottom:.35em}.band .lede{font-size:18px;color:var(--mauve);margin:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mauve);margin-bottom:16px}.crumbs a{color:var(--mauve)}
.band .cotes>div{border-color:var(--joint2)}.band .cotes dd{font-size:32px}
/* ---- listes : lignes pleine largeur, carte en dessous ---- */
.lignes{background:#fff;border:1px solid var(--joint2);border-radius:24px;overflow:hidden}
.ligne{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:14px 20px;border-top:1px solid var(--joint)}.ligne:first-child{border-top:0}.ligne:hover{background:var(--page)}
.rond{width:46px;height:46px;border-radius:50%;background:var(--joint);display:grid;place-items:center;color:var(--ink)}.rond svg{width:26px;height:26px}
.ligne h3{font-size:18px;margin:0 0 2px;overflow-wrap:anywhere}.ligne h3 a{color:var(--ink);text-decoration:none}.ligne h3 a:hover{color:var(--pomme-d);text-decoration:underline;text-underline-offset:4px}.ligne .ou{margin:0;color:var(--mauve);font-size:15px}
.l-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.l-meta .ref{margin:0;font:500 12px var(--body);color:var(--mauve);font-variant-numeric:tabular-nums}
.pastilles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pastilles li{background:var(--joint);color:var(--ink);font:600 13px var(--head);padding:3px 11px;border-radius:999px}
.ou-sont{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center;margin-top:34px;background:var(--joint);border-radius:28px;padding:clamp(18px,3vw,34px)}.ou-sont h2{font-size:28px}.ou-sont p{color:var(--mauve);margin:0}
.carte-terr{margin:0;background:#fff;border-radius:20px;padding:10px;border:1px solid var(--joint2)}.carte-terr svg{display:block;width:100%;height:auto;max-height:520px}.carte-terr figcaption{font-size:13.5px;color:var(--mauve);padding:8px 6px 2px}
.terr-svg path,.terr-svg circle,.terr-svg rect,.terr-svg text{vector-effect:non-scaling-stroke}.terr-svg .d.nb{fill:#f4edf0;stroke:#fff;stroke-width:1.5px}.terr-svg .d.me{fill:var(--joint);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.terr-svg .pt circle{fill:var(--pomme);stroke:#fff;stroke-width:2px}.terr-svg .pt:hover circle{fill:var(--ink)}.terr-svg .vz rect{fill:var(--ink)}.terr-svg .vz text{fill:var(--ink);font-family:var(--head);font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:3px}.terr-svg .vz:hover rect{fill:var(--pomme)}
.carte-nat .carte-france{max-width:520px}
.pagination{display:flex;gap:6px;justify-content:center;margin:32px 0}.pagination a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--joint2);background:#fff;border-radius:50%;color:var(--ink);text-decoration:none;font:700 15px var(--head)}.pagination a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.texte-liste{width:min(760px,100% - 40px);margin:44px auto 0;color:var(--mauve);font-size:17.5px;line-height:1.75}.texte-liste p{margin-bottom:1em}
.near{margin-top:40px}.near h2{font-size:24px}.vide{background:#fff;border:2px dashed var(--joint2);padding:40px;text-align:center;border-radius:24px}
.dept-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.villes-cartes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vignette{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--joint2);border-radius:18px;padding:12px;text-decoration:none;color:var(--ink)}.vignette:hover{border-color:var(--pomme)}.vignette b{grid-row:1/3;font:700 24px var(--head);background:var(--joint);height:54px;display:grid;place-items:center;border-radius:50%}.vignette span{font:700 16px var(--head)}.vignette small{color:var(--mauve)}
.plan-regions{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 40px;margin-top:40px}.reg h2{font-size:22px}.reg h2 small{color:var(--mauve);font-weight:500;font-size:16px}.reg h2 a{color:var(--ink)}
.fiche{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;padding:42px 0 16px;align-items:start}.fiche-side{position:sticky;top:calc(var(--hh) + 20px)}
.idl{margin:0 0 20px;border-top:1px solid var(--ink)}.idl>div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--joint2)}.idl dt{color:var(--mauve);font-size:14.5px}.idl dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.notice{background:#fff;border:1px solid var(--joint2);border-radius:20px;padding:18px 22px}.notice h3{font-size:18px;margin-bottom:6px}.notice p{margin:0;color:var(--mauve);font-size:15.5px}
.proches h2{font-size:26px;margin-bottom:20px}
/* ---- pied : compact, clair ---- */
.foot{background:var(--joint);color:var(--ink);margin-top:40px;border-top:1px solid var(--joint2)}.foot-in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0 10px;flex-wrap:wrap}.foot .brand small{color:var(--mauve)}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 18px}.foot-links a{color:var(--ink);text-decoration:none;font:600 14px var(--head)}.foot-links a:hover{text-decoration:underline;text-decoration-color:var(--pomme);text-underline-offset:4px}
.foot-fine{border-top:1px solid var(--joint2);font-size:13px;color:var(--mauve);padding:10px 0 14px}.foot-fine strong{color:var(--ink)}
/* ---- pages courantes ---- */
.prose-page{max-width:820px}.prose{font:400 18px/1.8 var(--body);min-width:0}.prose h2{font-family:var(--head);margin-top:1.8em;font-size:clamp(24px,2.5vw,32px)}.prose h3{font-family:var(--head);margin-top:1.4em}.prose a{font-weight:600}.prose ul,.prose ol{padding-left:26px}.prose li{margin:.35em 0}
.prose table,.naf{width:100%;border-collapse:collapse;font:15px/1.5 var(--body);display:block;overflow-x:auto;margin:1em 0}.naf th,.naf td,.prose td,.prose th{border-bottom:1px solid var(--joint2);padding:10px 12px;text-align:left;vertical-align:top}.naf th,.prose th{background:var(--joint);color:var(--ink);font-family:var(--head)}
.honeypot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
/* ---- formulaires ---- */
.f{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}.f>span{font:700 14px var(--head);color:var(--ink)}.in,.in2{width:100%;font:500 17px var(--body);padding:13px 16px;border:1.5px solid var(--joint2);border-radius:14px;background:#fff;color:var(--ink)}.in:focus,.in2:focus{border-color:var(--pomme);outline:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--mauve);margin:6px 0 18px}.consent input{margin-top:4px;width:20px;height:20px;accent-color:var(--pomme)}
.t-card{background:#fff;border:1px solid var(--joint2);border-radius:28px;padding:clamp(20px,3vw,34px);max-width:720px}.err{background:var(--err);border-left:5px solid #b3261e;padding:10px 14px;color:#7a1a14;font-weight:600;border-radius:0 12px 12px 0}.ok{background:#e6f2e7;border-left:5px solid var(--pomme);padding:10px 14px;color:#17421a;font-weight:600;border-radius:0 12px 12px 0}
.ref-g{margin:0;color:var(--mauve)}.ref-n{font:700 34px var(--head);letter-spacing:.02em}
/* ---- tunnel : plein écran sans défilement ---- */
body.tunnel{height:100svh;overflow:hidden;display:flex;flex-direction:column}body.tunnel .top{position:relative;flex:none}
.body-t{flex:1;min-height:0;display:flex}.t-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);width:100%;min-height:0}
.t-left{background:var(--ink);color:#fff;padding:clamp(22px,4vh,52px) clamp(24px,4vw,64px);display:flex;flex-direction:column;gap:clamp(8px,2vh,20px);min-height:0;overflow:hidden;justify-content:center}
.t-left h1{color:#fff;font-size:clamp(30px,min(3.5vw,5.4vh),50px)}.t-left p{color:#e6d6df;font-size:clamp(15px,2vh,18px)}.reas{list-style:none;margin:0;padding:0;display:grid;gap:10px}.reas li{display:flex;gap:12px;align-items:center;color:#fff;font:600 15px var(--head)}.reas svg{width:28px;height:28px;flex:none;fill:none;stroke:#9fd0a2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.t-scene{margin-top:auto;background:var(--page);border-radius:28px;padding:8px;max-width:440px}.t-scene .maison svg{max-height:30vh}.t-scene .lab{display:none}
.t-right{background:var(--page);padding:clamp(14px,3vh,40px) clamp(18px,4vw,64px);display:flex;min-height:0;overflow:hidden}
.t-right .t-card{width:100%;max-width:none;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:clamp(16px,3vh,32px) clamp(18px,3vw,40px)}
.prog svg{width:100%;height:36px;display:block}.prog-fond{fill:none;stroke:var(--joint2);stroke-width:9px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.prog-fait{fill:none;stroke:var(--goutte);stroke-width:9px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1100;stroke-dashoffset:825;transition:stroke-dashoffset .5s}.prog-pt{fill:#fff;stroke:var(--goutte);stroke-width:4;transition:cx .5s,cy .5s}
.prog ol{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);font:600 13px var(--head);color:var(--mauve)}.prog li.on{color:var(--ink);font-weight:700}
.etape{display:none;border:0;padding:0;margin:clamp(8px,2vh,22px) 0 0;min-width:0;flex:1;min-height:0;flex-direction:column;justify-content:center}.etape.on{display:flex;animation:ent .3s}@keyframes ent{from{opacity:0;transform:translateX(14px)}}@media (prefers-reduced-motion:reduce){.etape.on{animation:none}.prog-fait,.prog-pt{transition:none}}
.etape legend{float:left;width:100%;font:700 clamp(24px,min(2.8vw,4.4vh),36px)/1.15 var(--head);margin:0 0 clamp(10px,2.2vh,22px);padding:0}.etape legend+*{clear:both}
.tuiles{display:grid;gap:clamp(8px,1.6vh,14px)}.t6{grid-template-columns:repeat(3,minmax(0,1fr))}.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.tuile{position:relative;cursor:pointer;display:block;min-width:0}.tuile input{position:absolute;opacity:0;inset:0;cursor:pointer}
.tl{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;height:100%;min-height:clamp(88px,15vh,150px);padding:clamp(10px,2vh,20px);border:1.5px solid var(--joint2);border-radius:22px;background:#fff;transition:.15s}.tl-i{flex:none;width:48px;height:48px;border-radius:50%;background:var(--joint);display:grid;place-items:center;margin-bottom:4px}.tl svg{width:28px;height:28px;color:var(--ink)}.tl b{font:700 17px var(--head)}.tl small{color:var(--mauve);font-size:13.5px}
.tuile:hover .tl{border-color:var(--ink)}.tuile input:checked+.tl{background:var(--joint);border-color:var(--pomme);box-shadow:inset 0 0 0 1px var(--pomme)}.tuile input:checked+.tl .tl-i{background:var(--pomme)}.tuile input:checked+.tl svg{color:#fff}.tuile input:focus-visible+.tl{outline:3px solid var(--pomme);outline-offset:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.nav-e{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:clamp(8px,1.6vh,16px)}.retour{background:none;border:0;font:700 15px var(--head);color:var(--ink);cursor:pointer;text-decoration:underline}.suite{margin-left:auto;background:var(--pomme);color:#fff;border:0;border-radius:999px;padding:13px 28px;font:700 16px var(--head);cursor:pointer}.suite:hover{background:var(--pomme-d)}.suite[hidden]{display:none}
/* ---- outil ---- */
.outil{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:34px;align-items:start}.reglage{background:#fff;border:1px solid var(--joint2);border-radius:28px;padding:24px}.reglage input[type=range]{width:100%;accent-color:var(--pomme)}.reglage output{font-weight:700;color:var(--pomme-d)}
.resultat{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center}.verdict h2{font-size:26px}.cotes-2 dd{font-size:28px}.cotes-2 dt{font-size:13.5px}.cotes-2{margin-bottom:12px}
.anneau-box{background:#fff;border:1px solid var(--joint2);border-radius:28px;padding:18px}.anneau{display:block;width:100%;max-width:300px;margin:0 auto}.anneau .a-fond{fill:none;stroke:var(--joint);stroke-width:16}.anneau .seg{fill:none;stroke-width:16}.anneau .c1{stroke:#2b1e33}.anneau .c2{stroke:#66496f}.anneau .c3{stroke:#c9aebd}.anneau .c4{stroke:#2f7d32}.anneau .c5{stroke:#3b8ad6}
.a-n{font:700 22px var(--head);fill:var(--ink)}.a-u{font:500 8px var(--body);fill:var(--mauve)}
.legende-a{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.legende-a li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;font-size:15px}.legende-a i{width:14px;height:14px;border-radius:50%}.legende-a .c1 i{background:#2b1e33}.legende-a .c2 i{background:#66496f}.legende-a .c3 i{background:#c9aebd}.legende-a .c4 i{background:#2f7d32}.legende-a .c5 i{background:#3b8ad6}.legende-a b{font-variant-numeric:tabular-nums}
.inscr h2{font-size:25px}
/* ---- articles ---- */
.art-hero{background:var(--joint);border-bottom:1px solid var(--joint2)}.art-hero .wrap{padding-top:28px;padding-bottom:34px}.art-hero h1{font-size:clamp(28px,3.6vw,48px);max-width:20em}.art-hero .meta{color:var(--mauve);margin:0 0 10px}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start;padding:34px 0 70px}.art-wrap>*{min-width:0}
.art-fig{margin:0 0 1.6em}.art-fig img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:24px}.prose img{height:auto;border-radius:16px}.prose figure{margin:1.6em 0}.prose figcaption{font:13px var(--body);color:var(--mauve)}
.prose blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:4px solid var(--goutte);font-weight:500}
.aside{align-self:stretch;display:flex;flex-direction:column;gap:18px}.aside .stick-box{position:sticky;top:calc(var(--hh) + 14px)}.box{background:#fff;border:1px solid var(--joint2);border-radius:22px}.box h3{margin:0;padding:14px 20px 0;font:700 17px var(--head)}.box .in{padding:10px 20px 18px;border:0;border-radius:0;width:auto;background:transparent;font:inherit}
.toc{list-style:none;margin:0;padding:0}.toc li{border-bottom:1px solid var(--joint)}.toc li:last-child{border:0}.toc a{display:block;padding:7px 0;text-decoration:none;color:var(--ink);font:600 14px/1.3 var(--head)}.toc a:hover{color:var(--pomme-d)}.toc span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aside form{display:grid;gap:8px}.aside .in2,.inline-form .in2{padding:11px 14px;font-size:15px}
.wide-box{margin:2em 0;padding:22px 26px;background:#fff;border-radius:22px;border:1px solid var(--joint2)}.know{background:var(--ink);color:#fff;border:0}.know b{display:block;font:700 18px var(--head);color:#9fd0a2;margin-bottom:6px}.know p{margin:0;font:400 19px/1.55 var(--body)}
.retain{border-left:6px solid var(--goutte)}.retain b{display:block;font:700 18px var(--head);color:var(--ink);margin-bottom:6px}.retain p{margin:0;font:600 19px/1.5 var(--body)}
.route{margin:2em 0;padding:24px 26px;background:var(--joint);border-radius:22px}.route h3{margin:0 0 14px;font-size:18px}.route ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.route li{position:relative;padding-top:44px;font:600 14px/1.35 var(--head)}.route li::before{content:attr(data-n);position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font:700 15px/34px var(--head);text-align:center}.route li::after{content:"";position:absolute;top:16px;left:42px;right:-8px;border-top:3px dotted var(--goutte)}.route li:last-child::after{display:none}.route a{text-decoration:none;color:var(--ink)}
.faq{margin:2.4em 0}.faq details{border:1px solid var(--joint2);background:#fff;border-radius:18px;margin-bottom:8px}.faq summary{cursor:pointer;padding:15px 20px;font:700 17px/1.35 var(--head);list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font:700 24px/1 var(--head);color:var(--pomme-d)}.faq details[open] summary::after{content:"−"}.faq .a{padding:0 20px 18px;font:16.5px/1.7 var(--body)}
.inline-form{background:var(--joint);padding:28px 30px;margin:2.4em 0;border-radius:26px}.inline-form h3{font-size:26px}.inline-form p{color:var(--mauve);margin:0 0 16px;font:400 17px var(--body)}.inline-form form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px}
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--joint2);border-radius:26px;text-decoration:none;color:var(--ink);transition:.18s;overflow:hidden}.cat:hover{border-color:var(--pomme)}
.cat-top{background:var(--ink);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;min-height:120px;background-size:cover;background-position:center}.cat-top svg{width:40px;height:40px;stroke:#fff;fill:none;stroke-width:1.8}.cat-top b{font:600 13px var(--head);background:rgba(43,30,51,.9);padding:5px 12px;border-radius:99px}
.cat h3{margin:16px 18px 6px;font-size:21px}.cat p{margin:0 18px 18px;color:var(--mauve);font-size:15.5px}
.prose .srcbox{margin:2.2em 0;background:#fff;border:1px solid var(--joint2);border-radius:22px;padding:6px 24px 20px}.prose .srcbox h2{margin:.9em 0 .5em;padding:0;border:0;font-size:clamp(20px,2vw,25px)}.prose .srcbox>p{font:15px/1.6 var(--body);color:var(--mauve);margin:0 0 12px}
.prose .src-list{list-style:none;margin:0;padding:0;counter-reset:src;font-family:var(--body)}.prose .src-list li{counter-increment:src;display:grid;grid-template-columns:30px 1fr;column-gap:12px;margin:0;padding:11px 0;border-top:1px solid var(--joint)}.prose .src-list li:first-child{border-top:0}.prose .src-list li::before{content:counter(src);grid-row:1/3;align-self:start;margin-top:2px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:700 12px/24px var(--head);text-align:center}.prose .src-list .src-t{grid-column:2;font:700 15.5px/1.4 var(--head);overflow-wrap:anywhere}.prose .src-list .src-m{grid-column:2;font:500 13px/1.4 var(--body);color:var(--mauve);margin-top:2px}
.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--joint2);border-radius:24px;overflow:hidden}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.score-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.score-head{display:flex;justify-content:space-between;padding:12px 18px 0;font:600 13px var(--head);color:var(--pomme-d)}.score-body{padding:6px 18px 10px;flex:1}.score-body h3{font-size:19px;margin:6px 0}.score-body h3 a{color:var(--ink);text-decoration:none}.score-body .ex{color:var(--mauve);font-size:15px;margin:0}.score-foot{display:flex;justify-content:space-between;padding:10px 18px 14px;font:600 13px var(--head);color:var(--mauve);border-top:1px solid var(--joint)}
.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;flex-wrap:wrap}.paper{background:var(--joint)}
.ticker{overflow:hidden;background:var(--ink);color:#fff}.ticker-track{display:flex;gap:44px;white-space:nowrap;padding:11px 0;animation:defile 60s linear infinite;width:max-content}.ticker:hover .ticker-track{animation-play-state:paused}.ticker a{color:#fff;text-decoration:none;font:600 15px var(--head)}@keyframes defile{to{transform:translateX(-50%)}}
.une{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:#fff;border:1px solid var(--joint2);border-radius:30px;overflow:hidden}.une-img img{display:block;width:100%;height:100%;object-fit:cover;min-height:280px}.une-txt{padding:30px}.une-txt h2 a{color:var(--ink);text-decoration:none}
.byline{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin:6px 0}.eq-ph{border-radius:50%;object-fit:cover;aspect-ratio:1/1;flex:none;width:48px;height:48px;background:var(--joint)}.eq-ph.lg{width:96px;height:96px}.eq-ph.xl{width:120px;height:120px}.eq-init{display:grid;place-items:center;font:700 22px var(--head)}.byline small{display:block;color:var(--mauve)}
.authorbox{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--joint2);border-radius:22px;padding:20px;margin-top:2.4em;font:16px/1.6 var(--body)}.authorbox h3{margin:0 0 4px}.authorbox .role{color:var(--mauve);margin:0 0 8px}
.eq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eq-card{display:block;background:#fff;border:1px solid var(--joint2);border-radius:26px;padding:22px;text-decoration:none;color:var(--ink)}.eq-card:hover{border-color:var(--pomme)}.eq-card .role,.eq-n{color:var(--mauve)}.eq-head{display:flex;gap:24px;align-items:center}.eq-puces{list-style:none;display:flex;gap:10px;padding:0;flex-wrap:wrap}.eq-puces li{background:#fff;border:1px solid var(--joint2);padding:4px 12px;border-radius:99px;font:600 14px var(--head)}.eq-note{margin-top:30px;color:var(--mauve)}.pager{display:flex;gap:8px;margin-top:24px}
.reg-svg{display:block;width:100%;height:auto;max-height:520px}.reg-svg path{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1.5px}.reg-svg a:hover path{fill:var(--pomme)}.reg-svg text{font-family:var(--head);font-weight:700;pointer-events:none}.reg-svg .cd{fill:var(--ink)}.reg-svg .cl{fill:#fff}
/* ---- responsive ---- */
@media (max-width:1100px){.top nav{display:none}.burger{display:block}.hero-in,.fr-grid,.fiche,.outil,.resultat,.dept-grid,.ot,.art-wrap,.une,.ou-sont{grid-template-columns:1fr}.fiche-side{position:static}.piece,.piece.p1,.piece.p4{grid-column:span 3}.cards{grid-template-columns:repeat(2,1fr)}.eq-grid{grid-template-columns:repeat(2,1fr)}.hero-fig{display:none}.hero-in{min-height:0;padding:34px 0}}
@media (max-width:780px){:root{--hh:64px}body{font-size:16.5px}.lignes .ligne{grid-template-columns:44px minmax(0,1fr)}.l-meta{grid-column:2;align-items:flex-start}.villes-cartes,.plan-regions,.trois,.cards,.eq-grid{grid-template-columns:1fr}.pieces{display:flex;flex-direction:column}.cherche{grid-template-columns:1fr;border-radius:26px}.cherche label{border-right:0;border-bottom:1px solid var(--joint2)}.cherche button{padding:15px;margin-top:6px}.brand small{display:none}.brand span{font-size:21px}.brand .logo{width:46px;height:37px}.idl>div{grid-template-columns:1fr;gap:2px}.inline-form form{grid-template-columns:1fr}.cotes>div{padding-right:18px;margin-right:18px}.ot{gap:20px}.foot-in{flex-direction:column;align-items:flex-start}.dd-panel{min-width:0}.t-grid{grid-template-columns:1fr}.t-left{display:none}.t-right{padding:10px}.t6{grid-template-columns:repeat(2,minmax(0,1fr))}.t3{grid-template-columns:minmax(0,1fr)}.tl b{font-size:15px}.tl small{display:none}.tl{min-height:64px;flex-direction:row;align-items:center;gap:12px}.tl-i{flex:none;width:40px;height:40px;margin:0}.tl svg{width:24px;height:24px;flex:none}.etape legend{font-size:23px}.eq-head{flex-direction:column;align-items:flex-start}.ou-sont h2{font-size:24px}}
@media (max-width:780px){.cotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cotes>div{padding:14px 8px 14px 0;margin:0;border-right:0}.cotes dd{font-size:28px}.cotes dt{font-size:12.5px}}
@media (max-height:760px) and (min-width:781px){.t-scene{display:none}}

/* ===== 28/10/2026 — retours BE-0080 à BE-0085 : plus de mur de texte, sommaire collant, nudge, circuit ===== */
/* pages de texte : repères numérotés sur le plan */
.pg{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}
.pg-nav{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:16px}
.pg-nav-t{margin:0;font:700 13px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--mauve)}
.pg-nav ol{list-style:none;margin:0;padding:0;border-left:2px dashed var(--joint2)}
.pg-nav li{margin:0}.pg-nav ol a{display:flex;gap:10px;align-items:baseline;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--ink);font:600 14.5px/1.3 var(--head)}
.pg-nav ol a b{font:700 12px var(--head);color:#2a6db0;min-width:20px}.pg-nav ol a:hover,.pg-nav ol a.on{border-left-color:var(--pomme);color:var(--pomme-d)}
.pg-help{display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:var(--ink);color:#fff;text-decoration:none}.pg-help b{font:700 16px var(--head)}.pg-help span{font-weight:600;color:#e6d6df}.pg-help:hover span{color:#fff}
.pg-main{display:grid;gap:34px;min-width:0}
.pg-sec{scroll-margin-top:calc(var(--hh) + 20px)}
.pg-h{display:flex;gap:16px;align-items:center;margin-bottom:14px}.pg-h h2{margin:0;font-size:clamp(23px,2.4vw,32px)}
.pg-ico{flex:none;width:54px;height:54px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center}.pg-ico svg{width:30px;height:30px}
.pg-rep{margin:0 0 2px;font:700 12.5px var(--head);letter-spacing:.07em;text-transform:uppercase;color:#2a6db0}
.pg-card{background:#fff;border:1px solid var(--joint2);border-radius:24px;padding:clamp(20px,3vw,34px);min-width:0}
.pg-card>*:last-child{margin-bottom:0}.pg-card p{max-width:68ch}.pg-card ul{padding-left:22px}
.pg-card--open{border-top:5px solid var(--pomme)}
.pg-lead{font:700 clamp(19px,2vw,23px)/1.4 var(--head);color:var(--ink);padding:0 0 0 18px;border-left:4px solid var(--goutte);margin-bottom:1em}
.pg-note{margin-top:18px;padding:14px 18px;background:var(--joint);border-radius:14px;font-size:15.5px}
.pg-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.pg-trio>div{background:var(--joint);border-radius:18px;padding:18px 20px}.pg-trio h3{margin:10px 0 6px;font-size:18px}.pg-trio p{margin:0;font-size:15.5px;overflow-wrap:anywhere}
.pg-t-i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--pomme-d);border:1px solid var(--joint2)}.pg-t-i svg{width:24px;height:24px}
.pg-trio--eq>div{background:#fff;border:1px solid var(--joint2)}
/* entonnoir des filtres */
.funnel{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.funnel li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 92px;gap:14px;align-items:center;font-size:15px;line-height:1.4}
.fl-b{display:block;height:14px;border-radius:99px;background:var(--joint);overflow:hidden}.fl-b i{display:block;height:100%;border-radius:99px;background:var(--goutte)}
.funnel b{text-align:right;font:700 16px var(--head);font-variant-numeric:tabular-nums}
.funnel .tot .fl-b i{background:var(--ink)}.funnel .tot{font-weight:600}
.funnel .fin{margin-top:8px;padding:14px 16px;border-radius:16px;background:var(--pomme-d);color:#fff}.funnel .fin .fl-b{background:rgba(255,255,255,.25)}.funnel .fin .fl-b i{background:#fff}.funnel .fin b{font-size:24px}
/* pièces */
.pg-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pg-piece{background:var(--joint);border-radius:20px;padding:20px}.pg-piece-i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--pomme-d)}.pg-piece-i svg{width:32px;height:32px}
.pg-piece h3{margin:12px 0 6px}.pg-piece p{margin:0 0 6px;font-size:15.5px}.pg-piece .codes{display:inline-block;font:700 13px/1.6 var(--head);background:var(--ink);color:#fff;padding:3px 12px;border-radius:99px}
/* chiffres */
.pg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pg-stats>div{background:var(--ink);color:#fff;border-radius:20px;padding:22px 22px 20px}.pg-stats b{display:block;font:700 clamp(36px,4.4vw,54px)/1 var(--head);color:#fff;font-variant-numeric:tabular-nums}.pg-stats span{display:block;margin-top:8px;font-size:15px;color:#e6d6df}
/* limites */
.pg-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pg-limits>div{background:var(--joint);border-radius:18px;padding:18px 20px 16px 22px;border-left:5px solid var(--goutte)}.pg-limits b{display:block;font:700 17px var(--head);margin-bottom:6px}.pg-limits p{margin:0;font-size:15.5px}
/* liens */
.pg-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pg-links a{display:grid;gap:4px;padding:20px;border-radius:20px;background:var(--joint);text-decoration:none;color:var(--ink);transition:.15s}.pg-links a:hover{background:var(--joint2)}
.pg-links span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pomme-d);color:#fff;margin-bottom:6px}.pg-links span svg{width:26px;height:26px}.pg-links b{font:700 18px var(--head)}.pg-links small{font-size:15px;color:var(--mauve)}
/* équipe */
.eq-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.eq-tags span{font:600 12.5px var(--head);padding:3px 10px;border-radius:99px;background:var(--joint);color:var(--ink)}
.eq-card h2 a{color:inherit;text-decoration:none}.eq-card .eq-n{display:block;margin-top:auto;text-decoration:none;color:var(--pomme-d);font-weight:700}.eq-card .eq-n b{color:var(--ink)}
/* barre latérale d'article : collante jusqu'en bas + nudge */
.aside{align-self:stretch}.aside .stick-box{position:sticky;top:calc(var(--hh) + 14px);max-height:calc(100vh - var(--hh) - 28px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.nudge .nudge-t{margin:0 0 8px;font:600 15px var(--head)}.nudge .nudge-t b{font:700 30px/1 var(--head);color:var(--pomme-d);font-variant-numeric:tabular-nums}
.nudge-bar{height:10px;border-radius:99px;background:var(--joint);overflow:hidden}.nudge-bar i{display:block;height:100%;width:0;background:var(--pomme);border-radius:99px;transition:width .2s}
.nudge .fine{margin:8px 0 0}
.toc a.on{color:var(--pomme-d);box-shadow:inset 3px 0 0 var(--pomme);padding-left:10px}
.read-bar{position:fixed;left:0;top:0;right:0;height:4px;z-index:60;pointer-events:none}.read-bar i{display:block;height:100%;width:0;background:var(--pomme)}
.read-pill{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:55;display:none;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:9px 16px;border-radius:99px;font:600 14px var(--head);box-shadow:0 6px 20px rgba(43,30,51,.3)}
.art-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}.art-after .tags{display:flex;gap:8px;flex-wrap:wrap}
.art-after .in2{width:100%;margin-bottom:10px}
/* page liste des articles : le circuit de l'eau */
.circuit{list-style:none;margin:0;padding:0 0 0 8px;position:relative;display:grid;gap:22px}
.circuit::before{content:"";position:absolute;left:34px;top:30px;bottom:30px;border-left:4px dotted var(--goutte);opacity:.6}
.cir{position:relative;display:grid;grid-template-columns:68px minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.cir-n{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;font:700 17px var(--head);border:4px solid var(--page);margin-left:2px}
.cir-main{display:flex;gap:16px;background:#fff;border:1px solid var(--joint2);border-radius:22px;padding:20px 22px}
.cir-ico{flex:none;width:52px;height:52px;border-radius:14px;background:var(--joint);color:var(--ink);display:grid;place-items:center}.cir-ico svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2}
.cir-main h3{margin:0 0 6px;font-size:22px}.cir-main h3 a{color:var(--ink);text-decoration:none}.cir-main h3 a:hover{color:var(--pomme-d)}.cir-main p{margin:0 0 8px;font-size:15.5px;color:var(--mauve)}
.cir-list{list-style:none;margin:0;padding:6px 20px;background:var(--joint);border-radius:22px;align-self:stretch}
.cir-list li{border-bottom:1px solid var(--joint2)}.cir-list li:last-child{border:0}.cir-list a{display:grid;gap:2px;padding:11px 0;text-decoration:none;color:var(--ink)}.cir-list a:hover span{color:var(--pomme-d);text-decoration:underline}
.cir-list time{font:600 12.5px var(--head);color:var(--mauve)}.cir-list span{font:600 15.5px/1.35 var(--head)}
/* derniers articles : rangées */
.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;background:#fff;border:1px solid var(--joint2);border-radius:20px;padding:12px;align-items:stretch}
.row-img{display:block;border-radius:14px;overflow:hidden;min-height:110px;background:var(--joint)}.row-img img{width:100%;height:100%;object-fit:cover;display:block}
.row-ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--ink),#4a3a54);color:#fff}.row-ph svg{width:46px;height:46px;stroke:#fff;fill:none;stroke-width:1.8}
.row-t{min-width:0;padding:2px 6px 2px 0}.row-m{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px;font:600 12.5px var(--head);color:var(--mauve)}.row-m b{color:var(--pomme-d)}
.row h3{margin:0 0 4px;font-size:18px}.row h3 a{color:var(--ink);text-decoration:none}.row h3 a:hover{color:var(--pomme-d)}.row .ex{margin:0;font-size:14.5px;color:var(--mauve);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.score-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:16/9;background:linear-gradient(135deg,var(--ink),#4a3a54);color:#fff;text-decoration:none}.score-ph svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:1.8}.score-ph span{font:600 14px var(--head)}
@media (max-width:980px){.pg{grid-template-columns:1fr;gap:24px}.pg-nav{position:static}.pg-nav ol{display:flex;gap:6px;flex-wrap:wrap;border:0}.pg-nav ol a{border:1px solid var(--joint2);border-radius:99px;padding:6px 12px;margin:0;background:#fff}.pg-nav ol a b{min-width:0}.pg-help{display:none}
 .cir{grid-template-columns:56px minmax(0,1fr)}.cir-list{grid-column:2}.circuit::before{left:30px}.cir-n{width:46px;height:46px}
 .rows{grid-template-columns:1fr}.art-after{grid-template-columns:1fr}.read-pill{display:flex}}
@media (max-width:640px){.pg-trio,.pg-stats,.pg-pieces,.pg-limits,.pg-links{grid-template-columns:1fr}.funnel li{grid-template-columns:1fr 86px;gap:4px 12px}.funnel .fl-b{grid-column:1/3;order:3}.funnel li .fl-t{grid-column:1}
 .row{grid-template-columns:104px minmax(0,1fr);gap:12px}.cir-main{flex-direction:column;gap:10px}.pg-h{align-items:flex-start}.pg-ico{width:44px;height:44px}}

.pg-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pg-duo .pg-card h3{margin:12px 0 8px}.pg-duo .pg-card p{margin-bottom:.8em}
.pg-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pg-checks li{position:relative;padding-left:30px;font-size:16px;line-height:1.5}.pg-checks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--pomme-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.pg-sub{margin:30px 0 14px}.pg-trio--4{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px}.pg-trio--4 b{font:700 17px var(--head);display:block;margin-bottom:6px}
.pg-trio--4>div{border-top:4px solid var(--goutte)}
.notice-side{margin-top:16px;background:#fff;border:1px solid var(--joint2);border-radius:22px;padding:18px 22px}.notice-side h3{margin:0 0 6px}.notice-side p{margin:0;font-size:15.5px}
.fiche-side .fine{margin:12px 6px 0}
@media (max-width:980px){.pg-duo{grid-template-columns:1fr}.pg-trio--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pg-trio--4{grid-template-columns:1fr}}

/* 28/10/2026 — correctifs de recette : cartes contenues dans leur colonne. */
.aside .stick-box{grid-template-columns:minmax(0,1fr)}
.aside .stick-box>*{min-width:0;max-width:100%}
.aside .toc span{white-space:normal;overflow-wrap:anywhere}
@media (max-width:1100px){.aside .stick-box{max-height:none;overflow:visible}}

/* Le titre visé par le sommaire reste sous l’en-tête fixe. */
.art-wrap .prose [id]{scroll-margin-top:calc(var(--hh) + 14px)}