*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0f0e0c;--ink2:#4a4843;--ink3:#9a9790;
  --bg:#fafaf8;--surface:#ffffff;--bg2:#f4f3f0;
  --accent:#2155c4;--accent-light:#eef2fc;--accent-dark:#173b99;
  --border:rgba(15,14,12,.10);--border-strong:rgba(15,14,12,.18);
  --radius:10px;
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
nav{position:sticky;top:0;z-index:200;background:rgba(250,250,248,.94);backdrop-filter:blur(14px);border-bottom:.5px solid var(--border);padding:0 2rem;height:62px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Playfair Display',serif;font-size:21px;color:var(--ink);text-decoration:none}
.logo span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:14px;color:var(--ink2);text-decoration:none}
.btn-nav{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:9px 22px;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:'Inter',sans-serif;text-decoration:none;display:inline-block}
@media(max-width:860px){.nav-links{display:none}}
@media(max-width:700px){select{font-size:16px}}
.wrap{max-width:680px;margin:0 auto;padding:60px 1.5rem 100px}
.crumb{font-size:13px;color:var(--ink3);margin-bottom:1.5rem}
.crumb a{color:var(--accent);text-decoration:none}
h1{font-family:'Playfair Display',serif;font-size:clamp(28px,5vw,42px);line-height:1.2;margin-bottom:1rem}
.sub{font-size:16px;color:var(--ink2);margin-bottom:2.5rem;line-height:1.65}
.form-group{margin-bottom:1.3rem}
.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
select{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:8px;font-size:14.5px;font-family:'Inter',sans-serif;background:#fff}
.btn-gen{width:100%;padding:14px;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;font-family:'Inter',sans-serif;font-size:15px;font-weight:500;cursor:pointer;margin-top:.5rem;transition:background .2s}
.btn-gen:hover{background:var(--accent-dark)}
.btn-gen:disabled{opacity:.6;cursor:default}
.card{background:var(--surface);border-radius:18px;padding:2rem;box-shadow:0 4px 24px rgba(15,14,12,.05)}
footer{background:#171614;color:#b8b4ac;padding:40px 2rem;margin-top:60px;text-align:center;font-size:12.5px}

/* ── Accessibilité : lien d'évitement (skip-link) ── */
.skip-link{
  position:absolute;top:-48px;left:12px;z-index:10000;
  background:var(--accent, #2155c4);color:#fff;
  padding:12px 20px;border-radius:8px;font-family:'Inter',sans-serif;
  font-size:14px;font-weight:600;text-decoration:none;
  transition:top .15s ease;
}
.skip-link:focus{top:12px}