/* Page claren.fr/decouvrir : les trois services pour une collectivité, lien de la confirmation du R1.
   Reprend le socle de /documents/documents.css (héros, film, bandes) ; ici, les cartes des services. */
.dc-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.dc-service{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cd-line);border-radius:var(--cd-r2);padding:28px 28px 26px}
.dc-num{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--cd-muted);margin:0}
.dc-service h3{font-size:28px;line-height:1.1;letter-spacing:-.03em;margin:10px 0 0}
.dc-service h3 span{display:block;font-size:17px;font-weight:600;letter-spacing:0;color:var(--cd-muted)}
.dc-service>p{font-size:16px;line-height:1.65;margin:14px 0 0}
.dc-bloc{margin-top:20px;padding-top:16px;border-top:1px solid var(--cd-line)}
.dc-bloc h4{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-blue-ink);margin:0}
.dc-bloc p{font-size:15px;line-height:1.65;margin:8px 0 0}
.dc-aide{background:var(--cd-soft,#ebf1ff);border-radius:14px;border-top:0;padding:16px 18px;margin-top:20px}
.dc-aide strong{font-size:20px;letter-spacing:-.02em}
.dc-service .text-link{margin-top:auto;padding-top:22px;font-weight:650}
.dc-sources{font-size:14px;line-height:1.7;color:var(--cd-muted);max-width:85ch;margin-top:26px}
.dc-premier{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 0;padding:0;list-style:none}
.dc-premier li{border-top:3px solid var(--cd-blue);padding-top:16px;font-size:17px;line-height:1.6}
.dc-premier b{display:block;font-size:20px;margin-bottom:4px}
@media(max-width:1000px){.dc-services,.dc-premier{grid-template-columns:1fr}}
@media(max-width:560px){.dc-service{padding:22px 18px}.dc-service h3{font-size:24px}}