.collectivites-page .service-hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:48px;align-items:start}
.collectivites-page .service-hero h1{font-size:clamp(2.65rem,4.1vw,4.15rem)}
.collectivites-scope{max-width:740px;color:var(--muted);line-height:1.85;margin-top:16px}
.collectivites-origin{font-size:.78rem;line-height:1.8;color:var(--muted);margin-top:25px}
.collectivites-example{margin:10px 0 0;padding:30px;border-radius:20px;color:#fff;background:#101a2e;box-shadow:0 18px 38px #14234014;min-width:0}
.collectivites-example-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#c2d0ed}
.collectivites-example .eyebrow{color:#c2d0ed;font-size:.67rem;letter-spacing:.07em}
.collectivites-label{border:1px solid #62738f;border-radius:5px;padding:4px 6px;font-size:.62rem;letter-spacing:.08em;font-weight:800}
.collectivites-example h2{font-size:clamp(1.65rem,2.2vw,2.15rem);line-height:1.25;letter-spacing:-.04em;margin-top:24px}
.collectivites-example ol{padding:0;margin:24px 0 0;list-style:none}
.collectivites-example li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:20px 0;border-top:1px solid #46556d}
.collectivites-example li>span{color:#adc4f5;font-size:.8rem;letter-spacing:.05em;font-weight:800;padding-top:2px}
.collectivites-example li strong{font-size:.97rem;line-height:1.4;display:block}
.collectivites-example li p{color:#cad3e1;font-size:.84rem;line-height:1.8;margin-top:7px}
.collectivites-example figcaption{font-size:.71rem;line-height:1.8;color:#bac7dc;border-top:1px solid #46556d;padding-top:16px;margin-top:2px}
.collectivites-water{border-top:1px solid var(--line)}
.collectivites-water .service-card{background:#edf3f6;border-color:#cfdde3}
.collectivites-resource{margin-top:24px;padding:28px}
.collectivites-resource h3{font-size:1.65rem;line-height:1.3;max-width:650px}
.collectivites-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:24px 0}
.collectivites-resource-grid>div{border-top:1px solid #b8cad2;padding-top:18px;min-width:0}
.collectivites-resource-grid dt{font-weight:800;font-size:.96rem;line-height:1.5;margin-bottom:9px}
.collectivites-resource-grid dd{margin:0;color:var(--muted);font-size:.89rem;line-height:1.85}
.collectivites-resource>p{border-top:1px solid #c4d3da;padding-top:19px;max-width:920px}
.collectivites-page .service-card p+p{margin-top:14px}
.collectivites-page .service-number{color:#405779;font-size:.68rem;letter-spacing:.075em}
.collectivites-page .service-intro{max-width:860px}
.collectivites-page .service-panel{padding:34px}
.collectivites-page .service-definition dt{color:var(--ink)}
.collectivites-page .service-contact{margin-top:18px}
.collectivites-page .service-grid-two{gap:20px}
@media(max-width:1100px){.collectivites-page .service-hero{gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.collectivites-example{padding:26px}}
@media(max-width:900px){.collectivites-page .service-hero{grid-template-columns:1fr;gap:28px}.collectivites-example{max-width:680px;width:100%}.collectivites-page .service-hero h1{max-width:760px}.collectivites-page .service-grid-two{grid-template-columns:1fr}.collectivites-resource-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.collectivites-page .service-hero h1{font-size:2.65rem}.collectivites-page .service-panel{padding:25px}.collectivites-example{padding:25px;margin-top:0}.collectivites-example h2{font-size:1.85rem}.collectivites-example-top{flex-wrap:wrap;gap:10px}.collectivites-example li{gap:10px}.collectivites-example li p{font-size:.87rem}.collectivites-origin{margin-top:22px}.collectivites-page .service-definition>div{padding:17px 0}}
