:root{--encre:#0f1720;--papier:#e7eaee;--surface:#fff;--bleu:#1d4e79;--laiton:#b8862b;--gris:#6b7785;--trait:#cfd6de;--surlignage:#ffe6a3}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--papier);color:var(--encre);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}.enveloppe{max-width:720px;margin:0 auto}.etiquette{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}.entete{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--papier);border-bottom:1px solid var(--trait);padding:16px 16px 12px}.marque{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--bleu);font-size:14px}.champ-recherche{width:100%;margin-top:12px;padding:12px;font-size:18px;background:var(--surface);border:2px solid var(--encre);border-radius:0}.champ-recherche:focus{outline:3px solid var(--laiton);outline-offset:1px}.expansion{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--gris)}.expansion .corrige{color:var(--laiton)}.filtres{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.filtre{font-family:ui-monospace,monospace;font-size:11px;padding:5px 8px;border:1px solid var(--trait);background:transparent;color:var(--gris);cursor:pointer}.filtre[aria-pressed=true]{background:var(--encre);color:#fff;border-color:var(--encre)}.carte{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--trait);border-left:3px solid var(--bleu);padding:14px;margin-bottom:8px;color:inherit;text-decoration:none;cursor:pointer;font:inherit}.carte:focus-visible{outline:3px solid var(--laiton)}.carte h2{margin:0;font-size:17px;line-height:1.2}.carte .adresse{margin-top:2px;font-size:14px;color:var(--gris)}.extrait{margin-top:12px;padding-left:12px;border-left:2px solid var(--laiton)}.extrait .objet{font-size:14px;font-weight:600}.extrait .texte{font-size:14px;color:var(--gris);line-height:1.35}mark{background:var(--surlignage);color:var(--encre);padding:0 2px}.principal{padding:16px}.bouton{display:inline-block;padding:11px 14px;font-size:15px;font-weight:600;background:var(--bleu);color:#fff;border:none;text-decoration:none;cursor:pointer}.bouton.secondaire{background:transparent;color:var(--bleu);border:1px solid var(--bleu)}.bouton.sombre{background:var(--encre)}.bouton:disabled{opacity:.5;cursor:default}.panneau{background:var(--surface);border:1px solid var(--trait);padding:14px}.panneau.pointille{border-style:dashed}label{display:block;margin-top:10px}input,select,textarea{width:100%;padding:10px;font-size:16px;font-family:inherit;border:1px solid var(--trait);background:var(--surface);border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--laiton)}.vide{padding:28px 16px;text-align:center;border:1px dashed var(--trait);background:var(--surface)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{font-size:10px;padding:2px 6px;background:var(--papier);color:var(--gris)}.lien-retour,.tag{font-family:ui-monospace,monospace}.lien-retour{font-size:12px;color:var(--bleu);text-decoration:underline;display:inline-block;margin-bottom:14px}.erreur{color:#a3261f;font-size:14px;margin-top:8px}.note{font-size:13px;color:var(--gris)}@media (prefers-reduced-motion:no-preference){.carte{transition:border-left-color .15s ease}.carte:hover{border-left-color:var(--laiton)}}