:root{color-scheme:dark;--bg:#061322;--panel:#0c2035;--panel2:#112b41;--b:#294c60;--txt:#eaf7ff;--muted:#a9c6d9;--aqua:#49cbc9;--warn:#f2c66f}*{box-sizing:border-box}body{font:16px/1.63 system-ui,-apple-system,Segoe UI,Arial,sans-serif;margin:0;background:radial-gradient(ellipse 80% 40% at 85% 0%,#153355,#061322 70%);color:var(--txt)}a{color:#84e9f1}a:hover{text-decoration:underline}.top{background:#04101b;border-bottom:1px solid #1d3c50}.top>div{max-width:1060px;margin:auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:22px;font-weight:900;letter-spacing:.03em;color:#fff;text-decoration:none}.logo span{color:var(--aqua)}.container{max-width:1060px;padding:34px 22px 80px;margin:auto}.eyebrow{font-size:.75rem;color:var(--aqua);text-transform:uppercase;font-weight:850;letter-spacing:.16em}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:12px 0 18px}h2{font-size:1.4rem;margin:0 0 14px}h3{font-size:1.12rem;margin:0 0 7px}p{margin:9px 0 13px}.lead{max-width:780px;color:#b8d5e3;font-size:1.06rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.panel{background:linear-gradient(150deg,#102a40,#0a1c30);border:1px solid var(--b);border-radius:17px;padding:23px}.card{display:flex;flex-direction:column;gap:8px}.card a.btn{margin-top:auto}.tag{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6de0e0}.muted{color:var(--muted)}.notice{border-left:4px solid var(--aqua);padding:15px 18px;background:#11344a;margin:22px 0;border-radius:7px}.warn{border-left-color:var(--warn);background:#392b19}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--aqua);color:#032530!important;text-decoration:none;border:0;border-radius:9px;padding:12px 17px;font-weight:800;cursor:pointer;font:inherit}.btn.secondary{background:#183c52;color:#def5fc!important;border:1px solid #335e70}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fact{background:#0d2335;padding:14px;border:1px solid var(--b);border-radius:9px}.fact small{display:block;color:var(--muted)}.fact strong{font-size:1.03rem}.steps{counter-reset:step;display:grid;gap:14px;list-style:none;padding:0}.steps>li{counter-increment:step;position:relative;display:block;min-height:60px;text-align:left;overflow-wrap:break-word;background:#0d2538;border:1px solid var(--b);padding:15px 15px 15px 59px;border-radius:11px}.steps>li:before{content:counter(step);position:absolute;left:15px;top:15px;display:grid;place-items:center;background:#43c7c3;color:#072331;border-radius:50%;font-weight:900;width:29px;height:29px}form.search{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}input{flex:1;min-width:200px;border:1px solid #457082;background:#081a2a;color:#fff;padding:12px 14px;font:inherit;border-radius:8px}.small{font-size:.85rem}.sources a{overflow-wrap:anywhere}.printhead{display:none}.footer{border-top:1px solid #2b4355;color:#9bb8c8;margin-top:36px;padding-top:22px;font-size:.8rem}code{background:#0d3143;padding:.1em .35em;border-radius:5px;color:#a1e7ef}@media(max-width:790px){.grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}}@media print{@page{size:A4;margin:15mm}body{background:white;color:#15283a;font:11pt/1.42 Arial,sans-serif}.top,.no-print,.footer{display:none}.container{max-width:none;padding:0}.panel,.steps>li,.fact{background:white;color:#142b3b;border-color:#d0dfe5;break-inside:avoid}.notice{background:#f0f6fa;color:#14364a}.warn{background:#fff8e9}.muted,.lead{color:#395163}h1{font-size:24pt}.eyebrow,.tag{color:#006b72}.printhead{display:block;font-weight:bold;color:#006a78;border-bottom:1px solid #bdd3d8;padding-bottom:8px;margin-bottom:20px}a{color:#055c67}}

/* TJDEV V15.6 : correction robuste du texte dans les etapes.
   Le span regroupe les morceaux HTML au sein d'un unique element de mise en page. */
.steps > li .step-content { display:block; min-width:0; width:100%; text-align:left; white-space:normal; overflow-wrap:break-word; line-height:1.6; }
.steps > li .step-content strong, .steps > li .step-content em, .steps > li .step-content code { display:inline; white-space:normal; }
@media print { .steps > li .step-content { color:#142b3b; } }