/* Guide de publication Amazon KDP : même identité que l'accueil. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#1f3a2f;--text:#3f4f46;--muted:#5d6b62;--green:#284d3d;--gold:#b29b63;--paper:#f7f7f2;--line:#e3e6de;--soft:#e9f0e2;--card:#fff;--warn:#fff4d6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#eef2ec;--text:#d3dbd5;--muted:#a9b6ad;--green:#8fc9a3;--gold:#d6bd85;--paper:#121815;--line:#2e3a33;--soft:#1f2c24;--card:#19211c;--warn:#3a3218}}
:root[data-theme="dark"]{--ink:#eef2ec;--text:#d3dbd5;--muted:#a9b6ad;--green:#8fc9a3;--gold:#d6bd85;--paper:#121815;--line:#2e3a33;--soft:#1f2c24;--card:#19211c;--warn:#3a3218}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.7 'DM Sans',system-ui,sans-serif}
a{color:var(--green)}
.g-top{border-bottom:1px solid var(--line);background:var(--paper)}
.g-top div{max-width:980px;margin:0 auto;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.g-brand{display:flex;align-items:center;gap:10px;font-family:'Libre Caslon Display',Georgia,serif;font-size:22px;color:var(--ink);text-decoration:none}
.g-brand img{width:30px;height:30px}
.g-back{font-size:15px}
main{max-width:980px;margin:0 auto;padding:48px 16px 80px}
.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;color:#6f8a5c}
h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1.12;color:var(--ink);margin:12px 0 16px}
.lead{font-size:19px;color:var(--muted);max-width:720px;margin:0 0 10px}
.meta{font-size:14px;color:var(--muted);margin:0 0 34px}
.toc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin:0 0 48px}
.toc strong{color:var(--ink)}
.toc ol{margin:10px 0 0;padding-left:22px;columns:2;column-gap:40px}
.toc li{break-inside:avoid;margin:4px 0}
.note{background:var(--warn);border-radius:12px;padding:14px 18px;font-size:16px;margin:18px 0}
.tip{background:var(--soft);border-radius:12px;padding:14px 18px;font-size:16px;margin:18px 0}
.step{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;padding:44px 0;border-top:1px solid var(--line)}
.step h2{display:flex;align-items:center;gap:14px;font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;color:var(--ink);margin:0 0 14px}
.step h2 b{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:var(--paper);font:700 19px 'DM Sans',sans-serif}
.step ol,.step ul{padding-left:22px;margin:10px 0}
.step li{margin:6px 0}
.k{font-weight:600;color:var(--ink);background:var(--soft);border-radius:6px;padding:1px 7px;white-space:nowrap}
/* Illustrations schématiques (pas des captures d'Amazon) */
.shot{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 50px -36px #1f3a2f66;overflow:hidden;font-size:14px;position:sticky;top:20px}
.shot .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper)}
.shot .bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.shot .bar span{margin-left:10px;font-size:12px;color:var(--muted)}
.shot .body{padding:18px}
.shot h4{margin:0 0 12px;font-size:15px;color:var(--ink)}
.f{margin:0 0 10px}
.f small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.f div{border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--ink);background:var(--paper)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.btn{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:600;color:var(--ink);background:var(--paper)}
.btn.main{background:var(--green);border-color:var(--green);color:var(--paper)}
.hl{outline:3px solid var(--gold);outline-offset:3px;position:relative}
.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.tabs span{font-size:12px;border-radius:999px;padding:4px 10px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.tabs .on{background:var(--soft);color:var(--ink);font-weight:700}
.radio{display:flex;gap:8px;align-items:center;margin:6px 0}
.radio i{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted)}
.radio.on i{border-color:var(--green);background:radial-gradient(var(--green) 45%,transparent 50%)}
.shots{display:grid;gap:18px}
.shot.real{position:static}
.shot.real a{display:block}
.shot.real img{display:block;width:100%;height:auto}
.cap{font-size:12.5px;color:var(--muted);padding:10px 18px;border-top:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:15.5px;margin:16px 0;background:var(--card);border-radius:12px;overflow:hidden}
th,td{border-bottom:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
th{color:var(--ink);background:var(--soft)}
.cta{margin-top:56px;text-align:center;background:var(--green);color:#f3ead2;border-radius:20px;padding:44px 20px}
.cta h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:34px;margin:0 0 10px;color:#fff}
.cta a{display:inline-block;margin-top:16px;background:#f3ead2;color:#284d3d;border-radius:999px;padding:13px 26px;font-weight:700;text-decoration:none}
.foot{max-width:980px;margin:0 auto;padding:0 16px 40px;font-size:14px;color:var(--muted)}
@media (max-width:820px){.step{grid-template-columns:1fr;gap:20px}.shot{position:static}.toc ol{columns:1}table{font-size:14.5px}th,td{padding:9px 10px}}

/* Étapes avec vraies captures : une colonne, captures en grand sous le texte */
.step:has(.shots){grid-template-columns:1fr;gap:22px}
.shots{max-width:900px}
.shot.real.narrow{max-width:460px}
/* Étape 1 : deux captures côte à côte, la troisième en pleine largeur */
.shots.duo{grid-template-columns:1.45fr 1fr;align-items:start}
.shots.duo>figure:nth-child(3){grid-column:1/-1}
@media (max-width:820px){.shots.duo{grid-template-columns:1fr}}