/* Widget intégrable : mise en page autonome, polices système, aucun JavaScript. */
:root { color-scheme: light; --ink: #1b1b1b; --muted: #5c5c5c; --line: #e2dfd6; --accent: #8a4b1f; --radius: 6px; }
* { box-sizing: border-box; }
body { margin: 0; padding: 12px; font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: #fff; }
.liste { list-style: none; margin: 0; padding: 0; }
.liste li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.liste a { font-weight: 600; color: var(--ink); text-decoration-color: var(--accent); text-underline-offset: 3px; }
.liste a:hover, .pied a:hover { color: var(--accent); }
.liste a:focus-visible, .pied a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: var(--radius); }
.meta { grid-column: 1; color: var(--muted); font-size: 0.9rem; }
.niveau { grid-column: 2; grid-row: 1; align-self: start; font-size: 0.78rem; padding: 1px 8px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--muted); white-space: nowrap; }
.niveau-verifie { border-color: var(--accent); color: var(--accent); }
.vide { color: var(--muted); }
.pied { margin: 12px 0 0; font-size: 0.82rem; color: var(--muted); }
.pied a { color: inherit; }