/* ===== README.md Linux (linux-readme.css) : vue riche façon GitHub, aux couleurs d'Adwaita =====
   Animations : aucune en boucle ; l'apparition de la feuille vient de la visionneuse ; tout est coupé par « Animations » désactivé. */
.rm { display: grid; gap: 14px; color: var(--win-fg); font-size: 15px; line-height: 1.6; }
.rm-tabs { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: color-mix(in srgb, var(--win-fg) 8%, transparent); justify-self: start; }
.rm-tab { padding: 5px 16px; border: 0; border-radius: 8px; background: none; color: var(--win-muted); font: 700 13px var(--font); cursor: pointer; transition: background .15s, color .15s; }
.rm-tab:hover { color: var(--win-fg); }
.rm-tab.on { background: var(--win-card, #fff); color: var(--win-fg); box-shadow: 0 1px 3px #0003; }
.rm-tab:focus-visible { outline: 2px solid var(--accent, #e95420); outline-offset: 1px; }
.rm-pane { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
@media (min-width: 760px) { .rm-pane { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; } .rm-toc { position: sticky; top: 0; } .rm-toc ol { display: grid; gap: 2px; } .rm-toc a { display: block; border-radius: 8px; } }
.rm-id { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14px; }
.rm-av { flex: none; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #f7a35c, #c0359d); color: #fff; font: 800 13px var(--font); }
.rm-pane[hidden], .rm-src[hidden] { display: none; }
.rm-toc { padding: 12px 16px; border: 1px solid var(--win-line); border-radius: 12px; background: var(--win-card); }
.rm-toc-t { display: block; margin-bottom: 6px; font: 800 12px var(--font); letter-spacing: .08em; font-variant: all-small-caps; text-transform: lowercase; color: var(--win-muted); }
.rm-toc ol { display: flex; flex-wrap: wrap; gap: 4px 6px; margin: 0; padding: 0; list-style: none; }
.rm-toc a { display: inline-block; padding: 3px 11px; border-radius: 99px; background: color-mix(in srgb, var(--accent, #e95420) 10%, transparent); color: var(--accent, #e95420); font-size: 13px; font-weight: 700; text-decoration: none; transition: background .15s; }
.rm-toc a:hover { background: color-mix(in srgb, var(--accent, #e95420) 20%, transparent); }
.rm-doc > * { max-width: 760px; }
.rm-h1 { margin: 0 0 8px; font-size: 30px; line-height: 1.2; }
.rm-h { margin: 28px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--win-line); font-size: 20px; scroll-margin-top: 12px; }
.rm-doc p { margin: 0 0 12px; }
.rm-doc code { padding: 1px 6px; border-radius: 6px; background: color-mix(in srgb, var(--win-fg) 9%, transparent); font: 13px 'IBM Plex Mono', ui-monospace, monospace; }
.rm-code { margin: 0 0 14px; padding: 14px 16px; border-radius: 12px; background: #1d1626; color: #e8e0f0; font: 13px/1.6 'IBM Plex Mono', ui-monospace, monospace; overflow-x: auto; }
.rm-code code { padding: 0; background: none; color: inherit; font: inherit; }
.rm-list { margin: 0 0 12px; padding-inline-start: 22px; display: grid; gap: 4px; }
.rm-list li::marker { color: var(--accent, #e95420); }
.rm-tasks { list-style: none; padding-inline-start: 0; }
.rm-tasks label { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; }
.rm-tasks input { margin-top: 5px; accent-color: var(--accent, #e95420); }
.rm-link { color: var(--accent, #e95420); font-weight: 600; text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--accent, #e95420) 35%, transparent); }
.rm-link:hover { border-bottom-color: currentColor; }
.rm-link:focus-visible { outline: 2px solid var(--accent, #e95420); outline-offset: 2px; border-radius: 3px; }
.rm-badge { margin: 4px 0 12px; }
.rm-doc blockquote { margin: 0 0 12px; padding: 6px 14px; border-inline-start: 4px solid var(--accent, #e95420); color: var(--win-muted); }
.rm-table-wrap { max-width: 100%; overflow-x: auto; margin-bottom: 14px; border: 1px solid var(--win-line); border-radius: 12px; }
.rm-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.rm-table th, .rm-table td { padding: 8px 14px; text-align: start; border-bottom: 1px solid var(--win-line); }
.rm-table th { background: color-mix(in srgb, var(--win-fg) 5%, transparent); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--win-muted); }
.rm-table tbody tr:last-child td { border-bottom: 0; }
.rm-table tbody tr:hover td { background: color-mix(in srgb, var(--accent, #e95420) 6%, transparent); }
.rm-table td:first-child { font-family: 'IBM Plex Mono', ui-monospace, monospace; color: var(--win-muted); width: 1%; white-space: nowrap; }
.rm-src { margin: 0; padding: 16px; border-radius: 12px; background: #1d1626; color: #e8e0f0; font: 13px/1.65 'IBM Plex Mono', ui-monospace, monospace; white-space: pre-wrap; overflow-wrap: anywhere; direction: ltr; text-align: left; }
html.lang-rtl .rm-doc, html.lang-rtl .rm-toc { direction: rtl; }
@media (max-width: 640px) { .rm-h1 { font-size: 24px; } .rm-table th:nth-child(3), .rm-table td:nth-child(3) { display: none; } }
body.no-anim .rm *, body.no-anim .rm *::before { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .rm * { transition: none !important; } }