.kb{gap:var(--s-3);overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--s-2);grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.kb:focus-visible{outline:2px solid var(--action-ink);outline-offset:4px;border-radius:var(--r-lg)}.kb-col{border-radius:var(--r-lg);background:var(--surface-sunken);scroll-snap-align:start;flex-direction:column;min-width:0;max-height:max(460px,100dvh - 250px);display:flex}.kb-col__tete{align-items:center;gap:var(--s-2);padding:var(--s-2-5) var(--s-3) var(--s-2);border-top:3px solid var(--border-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;display:flex}.kb-col[data-ton=crit] .kb-col__tete{border-top-color:var(--crit-vivid)}.kb-col[data-ton=warn] .kb-col__tete{border-top-color:var(--warn-vivid)}.kb-col[data-ton=info] .kb-col__tete{border-top-color:var(--info-vivid)}.kb-col[data-ton=maint] .kb-col__tete{border-top-color:var(--maint-vivid)}.kb-col[data-ton=ok] .kb-col__tete{border-top-color:var(--ok-vivid)}.kb-col[data-ton=off] .kb-col__tete{border-top-color:var(--off-vivid)}.kb-col__tete h2{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.kb-col__n{padding:0 var(--s-2);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.kb-col__aide{padding:0 var(--s-3) var(--s-2);font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--ink-3);margin:0}.kb-col__liste{padding:0 var(--s-2) var(--s-2);gap:var(--s-2);flex-direction:column;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.kb-vide{padding:var(--s-3);border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--ink-3);font-size:var(--text-xs);text-align:center}.kb-carte{padding:var(--s-2-5) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0;color:inherit;font-size:var(--text-sm);line-height:var(--lh-sm);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;gap:3px;display:flex}.kb-carte:hover{border-color:var(--border-strong);box-shadow:var(--shadow-raised);text-decoration:none}.kb-carte[data-ton=crit]{border-left:3px solid var(--crit-vivid)}.kb-carte[data-ton=warn]{border-left:3px solid var(--warn-vivid)}.kb-carte__h{align-items:center;gap:var(--s-1-5);color:var(--ink-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:flex}.kb-carte__h>:last-child:not(:first-child){white-space:nowrap;flex:none;margin-left:auto}.kb-carte__h>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kb-carte__t{font-weight:var(--weight-semibold);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kb-carte__m{color:var(--ink-2);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kb-carte__p{color:var(--ink-3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kb-carte__pied{align-items:center;gap:var(--s-1-5);flex-wrap:wrap;margin-top:3px;display:flex}.kb-carte__qui{max-width:100%;color:var(--ink-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.kb-etoiles{color:var(--warn-vivid);letter-spacing:1px}.kb-bascule{display:inline-flex}@media (width<=760px){.kb{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--s-4));padding-inline:var(--s-4);scroll-padding-inline:var(--s-4);grid-auto-columns:86%}.kb-col{max-height:none}.kb-col__liste{overflow:visible}}@media (prefers-reduced-motion:reduce){.kb-carte{transition:none}}.page:has(>.kb){max-width:min(100%,1880px)}.kb-reste svg{vertical-align:-1px;color:var(--warn);display:inline}.filtres,.filtres__corps{display:contents}.filtres__bouton{display:none}.filtres__n{border-radius:var(--r-full);background:var(--action);min-width:20px;height:20px;color:var(--on-action);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;display:inline-grid}@media (width<=760px){.filtres__bouton{flex:none;display:inline-flex}.filtres__corps{display:none}.filtres[data-ouvert] .filtres__corps{gap:var(--s-2);flex-basis:100%;order:10;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filtres[data-ouvert] .filtres__corps>*{display:contents}.filtres[data-ouvert] .filtres__corps select{width:100%}}
