/* ===================================================================
   STUCK — CSS des pages simples (À propos / Contact / Mentions légales).
   Chargé conditionnellement sur ces gabarits. Le reste vient de stuck.css.
   =================================================================== */

/* À propos — liens vers les pôles */
.plinks{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--ink);margin-top:.5rem}
.plink{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;padding:1.6rem .4rem;border-bottom:1px solid var(--line);transition:background .25s var(--ease),padding-inline .25s var(--ease)}
@media(hover:hover){.plink:hover{background:var(--tint);padding-inline:1.1rem}}
.plink h3{font-weight:700;font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.02em}
.plink p{color:#44454b;flex:1;min-width:14rem;font-size:.98rem}
.plink .go{font-size:1.3rem;color:var(--ink);transition:transform .3s var(--ease)}
@media(hover:hover){.plink:hover .go{transform:translate(5px,-5px);color:var(--yellow-d)}}

/* Contact — bloc NAP */
.nap{list-style:none;display:grid;gap:1.1rem;margin-top:.5rem}
.nap li{display:grid;grid-template-columns:1.4rem 1fr;gap:.9rem;align-items:start;font-size:1.05rem;color:#33343a}
.nap .ic{font-style:normal;color:var(--yellow-d);font-size:1.1rem;line-height:1.5}
.nap a{border-bottom:1px solid var(--line)}
.nap a:hover{border-color:var(--ink)}
.nap u{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-decoration:none;margin-bottom:2px}
.nap .links{display:flex;gap:1.2rem;flex-wrap:wrap}

/* Mentions légales — prose juridique */
.legal{max-width:80ch}
.legal h2{font-weight:700;font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.02em;margin:2.6rem 0 .8rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:1rem}
.legal p,.legal li{color:#33343a;line-height:1.7;font-size:1rem}
.legal p{margin:.6rem 0}
.legal ul{margin:.6rem 0 .6rem 1.1rem;display:grid;gap:.3rem}
.legal a{border-bottom:1px solid var(--line)}
.legal a:hover{border-color:var(--ink)}
.legal .todo{background:var(--yellow);color:var(--ink);font-family:var(--mono);font-size:.72rem;padding:1px 6px;border-radius:3px}