:root{
  --blue:#0b57d0;
  --bg:#f0f4f9;
  --card:#fff;
  --ink:#1f1f1f;
  --muted:#6b7280;
  --line:#f3f4f6;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:48px 16px;
}
.wrap{max-width:768px;margin:0 auto;}

/* Bouton retour */
.back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:500;color:#4b5563;
  background:none;border:none;cursor:pointer;
  margin-bottom:32px;font-family:inherit;text-decoration:none;
  transition:color .15s;
}
.back:hover{color:var(--blue);}
.back svg{width:16px;height:16px;transition:transform .15s;}
.back:hover svg{transform:translateX(-3px);}

/* Carte */
.card{
  background:var(--card);
  border-radius:28px;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  padding:32px;
}
@media(min-width:640px){.card{padding:48px;}}

/* En-tête */
.head{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:32px;text-align:center;}
@media(min-width:640px){.head{text-align:left;}}
.brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;}
@media(min-width:640px){.brand{justify-content:flex-start;}}
.brand svg{width:32px;height:32px;color:var(--blue);}
.brand .name{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.brand .pro{color:var(--blue);}
h1{font-size:30px;font-weight:400;color:var(--ink);margin:0 0 8px;letter-spacing:-.02em;}
.updated{color:var(--muted);margin:0;font-size:14px;}

/* Contenu */
.content{display:flex;flex-direction:column;gap:40px;}
section.s{display:flex;flex-direction:column;gap:16px;}
@media(min-width:640px){section.s{flex-direction:row;gap:24px;}}
.s .ic{flex-shrink:0;margin-top:4px;}
.s .ic svg{width:24px;height:24px;color:#9ca3af;}
.s h2{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--ink);}
.s p{color:#4b5563;margin:0 0 12px;}
.s p:last-child{margin-bottom:0;}
.s ul{margin:0 0 16px;padding-left:20px;color:#4b5563;display:flex;flex-direction:column;gap:8px;list-style:disc;}
.s ul li::marker{color:#d1d5db;}
.s strong{color:var(--ink);font-weight:600;}
.s em{color:var(--ink);}

/* Carte contact */
.contact{
  background:var(--bg);border-radius:12px;padding:16px 20px;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;
  margin-top:16px;
}
@media(min-width:640px){.contact{flex-direction:row;}}
.contact .lbl{font-size:14px;font-weight:500;color:#374151;}
.contact a{color:var(--blue);font-weight:500;font-size:14px;text-decoration:none;}
.contact a:hover{text-decoration:underline;}

/* Pied de page */
.foot{margin-top:32px;text-align:center;color:var(--muted);font-size:14px;}
.foot p{margin:0;}

/* Icônes (style lucide) */
svg.icn{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}