/* css/ressources.css : répertoire des ressources en région. Tokens de styles.css seulement. */
.rep-filtres { padding: 24px; background: var(--birch-2); border-radius: 3px; }
.rep-label, .rep-filtres label { display: block; font-weight: 700; margin: 0 0 8px; }
.rep-besoins { display: flex; flex-wrap: wrap; gap: 8px; }
.rep-besoins button {
  font: inherit; font-size: .95rem; font-weight: 600; color: var(--ink); cursor: pointer;
  background: var(--birch); border: 1.5px solid var(--rule); border-radius: 999px; padding: 6px 14px;
}
.rep-besoins button:hover { border-color: var(--ink); }
.rep-besoins button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--birch); }
.rep-champs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px 20px; margin-top: 20px; }
.rep-champs select, .rep-champs input {
  width: 100%; font: inherit; padding: 10px 12px; border: 2px solid var(--ink-soft); border-radius: 3px; background: #fff; color: var(--ink);
}
.rep-compte { margin: 28px 0 12px; font-weight: 700; }
.rep-liste {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 0 32px;
  border-top: 2px solid var(--ink);
}
.rep-item { padding: 18px 0 18px 16px; border-bottom: 1px solid var(--rule); border-left: 4px solid var(--c, var(--rule)); margin-top: -1px; }
.rep-item h3 { font-size: 1.15rem; }
.rep-item h3 a { text-decoration: none; }
.rep-item h3 a:hover { text-decoration: underline; }
.rep-item p { margin: 4px 0 0; color: var(--ink-soft); }
.rep-item .rep-meta { font-size: .88rem; font-weight: 600; }
.rep-item .rep-tel a { font-weight: 700; color: var(--ink); }
.rep-callout { margin-top: 48px; }
@media (max-width: 640px) {
  .rep-filtres { padding: 20px 16px; }
  .rep-champs { grid-template-columns: 1fr; }
}