/* Pages Contact et Mentions légales : chargé après service.css, dont il reprend les couleurs et les polices. */
.p-hero .ill{width:min(360px,100%);height:auto;justify-self:center}
.p-hero-slim .wrap{grid-template-columns:1fr;padding-block:clamp(28px,5vw,56px)}
.p-ways{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p-ways li{background:var(--foam);border-radius:16px;padding:14px 16px;display:grid;gap:6px;min-width:0}
.p-ways a,.p-ways strong{font:700 17px/1.25 var(--f-body);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.p-ways a:hover{color:var(--sky-deep);text-decoration:underline}
.p-ways small{font-size:13px;color:var(--muted)}
@media (max-width:760px){.p-ways{grid-template-columns:1fr}.p-hero .ill{display:none}}

.p-legal{padding-block:clamp(36px,6vw,72px) clamp(56px,8vw,96px);max-width:860px}
.p-legal h2{font-size:clamp(22px,2.6vw,28px);margin:36px 0 12px;color:var(--sky-deep)}
.p-legal h2:first-child{margin-top:0}
.p-legal p,.p-legal li{max-width:72ch}
.p-legal ul{padding-left:20px}
.p-legal strong{color:var(--ink)}