:root{--bg:#07111f;--panel:#0f1b2d;--panel2:#14243a;--text:#e9f1ff;--muted:#a9b8d0;--blue:#38bdf8;--green:#22c55e;--orange:#f59e0b;--red:#ef4444;--border:#263a5c;--code:#07101d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#06101f,#0b1324 55%,#101b2f);color:var(--text);line-height:1.55}header{padding:28px 22px;text-align:center;background:linear-gradient(90deg,#06101f,#12365d,#06101f);border-bottom:1px solid var(--border)}header h1{margin:0;font-size:2rem}header p{margin:8px 0 0;color:var(--muted)}main{max-width:1250px;margin:auto;padding:22px}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}nav a,.btn{display:inline-block;background:#102a48;border:1px solid var(--border);color:#dff6ff;padding:8px 12px;border-radius:999px;text-decoration:none}nav a:hover,.btn:hover{background:#17436e}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:14px;padding:17px;margin:14px 0;box-shadow:0 10px 28px rgba(0,0,0,.25)}.card h2,.card h3{margin-top:0;color:#fff}a{color:var(--blue)}table{width:100%;border-collapse:collapse;background:#0d192b;border-radius:12px;overflow:hidden;margin:14px 0}th,td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#10365b;color:white;text-align:left}tr:hover td{background:#13233a}code,pre{background:var(--code);border:1px solid #233654;border-radius:8px;color:#d9f99d}code{padding:2px 6px}pre{padding:13px;overflow:auto;white-space:pre-wrap}.warn{color:var(--orange);font-weight:bold}.bad{color:var(--red);font-weight:bold}.ok{color:var(--green);font-weight:bold}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#123a5b;color:#7dd3fc;font-size:.85rem}.search{max-width:680px;margin:20px auto 0}.search input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#081527;color:var(--text);font-size:1rem}.footer{text-align:center;color:var(--muted);padding:22px;border-top:1px solid var(--border)}.note{border-left:4px solid var(--blue);padding:10px 12px;background:#0b2036;border-radius:8px;margin:14px 0}.danger{border-left:4px solid var(--red);padding:10px 12px;background:#311220;border-radius:8px;margin:14px 0}.okbox{border-left:4px solid var(--green);padding:10px 12px;background:#102716;border-radius:8px;margin:14px 0}.cmd{display:grid;grid-template-columns:220px 1fr;gap:10px;align-items:start}.cmd pre{margin:0}.small{color:var(--muted);font-size:.95rem}@media(max-width:700px){.cmd{grid-template-columns:1fr}}@media print{body{background:white;color:black}.card,table{box-shadow:none}header,.footer{background:white;color:black}a{color:black}}

/* v3 ergonomie */
ul,ol{padding-left:1.35rem}.card li{margin:.35rem 0}.copy{float:right;margin:4px 0 6px 8px;padding:5px 9px;border:1px solid var(--border);border-radius:7px;background:#102a48;color:var(--text);cursor:pointer}.copy:hover{background:#17436e}pre{clear:both}.card>pre+pre{margin-top:10px}kbd{background:#111827;border:1px solid #4b5563;border-bottom-width:2px;border-radius:5px;padding:1px 5px}.toc{columns:2;column-gap:2rem}@media(max-width:700px){.toc{columns:1}}