/* Pages de liste Drupal (vvv_lists) : formulaire de filtres en GET sans JavaScript, pagination, grille de cartes.
   Réutilise les composants filter-panel, directory, card, bookshelf de la maquette ; ne contient que ce qui leur manque. */
@layer pages{
.list-form{display:grid;gap:26px}
.list-form select{font:300 var(--text-l) var(--font-body);color:var(--c-ink);background:var(--c-white);border:1px solid var(--c-graphite);border-radius:0;padding:9px 14px;min-height:44px;min-width:min(260px,100%);max-width:100%}
.list-form select:focus-visible{outline:2px solid var(--c-brand-strong);outline-offset:3px}
.list-form .filter-panel__set{min-width:0}
.list-form .filter-panel__clear{border:0;background:none;cursor:pointer}
.list-form .filter-panel__status .button{padding:16px 24px;min-height:44px}
.list-form .filter-panel__reset{display:inline-flex;align-items:center}
.bookshelf--grid .card{--shelf-card-w:auto}
@media (max-width:600px){.bookshelf--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:var(--space-6) var(--space-4)}
.bookshelf--grid>li{flex:none}
.bookshelf--grid .card{width:auto}}
.list-grid{--grid-align:start;--grid-gap-y:var(--space-6)}
.list-grid>li{min-width:0}
.list-pager{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--c-line)}
.list-pager__count{font-size:var(--text-s);color:var(--c-ink-soft)}
.list-pager ul{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.list-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--c-graphite);font:600 var(--text-xs) var(--font-body);text-transform:uppercase;letter-spacing:.04em}
.list-pager a:hover{background:var(--c-sand);text-decoration:none}
.list-pager a[aria-current="page"]{background:var(--c-graphite);color:var(--c-white)}
}
@layer pages{
.list--cols{column-count:3;column-gap:var(--gutter)}
.list--cols li{break-inside:avoid}
.list-letters ul{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-5)}
.list-letters a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-weight:600;text-transform:uppercase}
.list-letter{font-weight:300;font-size:28px;line-height:1.2;margin:var(--space-5) 0 var(--space-2);padding-top:var(--space-3);border-top:1px solid currentColor}
.acc__body .button{margin-top:var(--space-6)}
@media (max-width:1100px){.list--cols{column-count:2}}
@media (max-width:600px){.list--cols{column-count:1}}
}
@layer pages{
.directory__row{display:flex;align-items:center;justify-content:space-between}
.directory__row .card__title{flex:1 1 auto}
}
@layer pages{
.list-grid--dense{--grid-cols-s:2;--grid-cols-xs:2;--grid-gap-x:var(--space-4)}
}