/* INSPIRATION 0710 (Romain 06/10, capture 18): « Les palmarès » of /inspiration/, every palmarès in one grid with filters,
   sort and pages (inc/inspiration-0710.php, assets/js/inspiration-0710.js). Sharp 4 px corners, the section's serif titles. */
.in07 { display: grid; gap: 1.4rem; }
.in07-filtres { display: grid; gap: 0.9rem; padding: 1.1rem 1.2rem; background: var(--blanc); border: 1px solid var(--trait); border-radius: 4px; }
.in07-filtres[hidden] { display: none; }
.in07-groupes { display: grid; gap: 0.75rem; }
.in07-groupe { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 0.4rem 1rem; align-items: start; }
.in07-groupe__nom { margin: 0; font: 700 0.7rem/2.6 var(--sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--feutre); }
.in07-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.in07-chip { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.25rem; padding: 0.3rem 0.8rem; border: 1px solid var(--trait); border-radius: 999px; background: var(--blanc); color: var(--anthracite); font: 500 0.88rem/1.2 var(--sans); cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.in07-chip span { color: var(--feutre); font-size: 0.78rem; font-variant-numeric: tabular-nums; }
.in07-chip i { width: 0.8rem; height: 0.8rem; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(37, 39, 43, 0.18); }
.in07-chip:hover { border-color: var(--anthracite); }
.in07-chip[aria-pressed="true"] { background: var(--anthracite); border-color: var(--anthracite); color: var(--blanc); }
.in07-chip[aria-pressed="true"] span { color: inherit; opacity: 0.75; }
.in07-chip:disabled { opacity: 0.38; cursor: default; border-color: var(--trait); }
.in07-chip:focus-visible, .in07-page:focus-visible, .in07-carte:focus-visible, .in07-effacer:focus-visible, .in07-ouvrir:focus-visible, .in07-tri select:focus-visible { outline: 2px solid var(--bleu); outline-offset: 2px; }
.in07-ouvrir { display: none; }
.in07-barre { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.2rem; padding-top: 0.8rem; border-top: 1px solid var(--trait); }
.in07-barre .in07-compte { margin: 0 auto 0 0; font: 400 0.95rem var(--sans); }
.in07-compte b { font: 400 1.35rem/1 var(--serif); margin-right: 0.15rem; }
.in07-tri { display: inline-flex; align-items: center; gap: 0.5rem; font: 500 0.85rem var(--sans); color: var(--feutre); }
.in07-barre .in07-tri select { width: auto; min-height: 2.25rem; padding: 0.3rem 0.6rem; border: 1px solid var(--trait); border-radius: 4px; background: var(--blanc); color: var(--anthracite); font: 500 0.88rem var(--sans); }
.in07-effacer { padding: 0.3rem 0; border: 0; background: none; color: var(--anthracite); font: 600 0.85rem var(--sans); text-decoration: underline; text-decoration-color: var(--moutarde); text-underline-offset: 4px; cursor: pointer; }
.in07-effacer[hidden] { display: none; }
.in07-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; margin: 0; padding: 0; list-style: none; }
.in07-li[hidden] { display: none; }
.in07-carte { display: grid; grid-template-rows: auto 1fr; height: 100%; overflow: hidden; background: var(--blanc); border: 1px solid var(--trait); border-radius: 4px; color: var(--anthracite); text-decoration: none; transition: border-color 0.2s; }
.in07-carte:hover { border-color: var(--anthracite); }
.in07-carte__img { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--platre-2); }
.in07-carte__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; transition: transform 0.8s var(--im-ease, ease); }
.in07-carte:hover .in07-carte__img img { transform: scale(1.04); }
.in07-carte__chiffre { position: absolute; inset: 0; display: grid; place-items: center; background: var(--moutarde-voile); color: var(--anthracite); font: italic 300 4.2rem/1 var(--serif); }
.in07-carte__txt { display: grid; align-content: start; gap: 0.5rem; padding: 1rem 1.1rem 1.2rem; }
.in07-carte__sur { font: 600 0.66rem var(--sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--bronze, #8c680c); }
.in07-carte__titre { margin: 0; font: 400 clamp(1.25rem, 1.9vw, 1.6rem)/1.1 var(--serif); letter-spacing: -0.015em; }
.in07-carte__meta { font-size: 0.86rem; line-height: 1.4; color: var(--feutre); }
.in07-carte__match { font: 600 0.82rem/1.35 var(--sans); color: var(--foret); }
.in07-carte__match[hidden] { display: none; }
.in07-carte__lien { margin-top: 0.2rem; font: 600 0.88rem var(--sans); text-decoration: underline; text-decoration-color: var(--moutarde); text-underline-offset: 4px; }
.in07-vide { margin: 0; padding: 1.4rem; background: var(--blanc); border: 1px dashed var(--trait); border-radius: 4px; text-align: center; }
.in07-vide[hidden] { display: none; }
.in07-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; }
.in07-pages[hidden] { display: none; }
.in07-page { min-width: 2.5rem; min-height: 2.5rem; border: 1px solid var(--trait); border-radius: 4px; background: var(--blanc); color: var(--anthracite); font: 600 0.9rem var(--sans); cursor: pointer; }
.in07-page[aria-current="page"] { background: var(--anthracite); border-color: var(--anthracite); color: var(--blanc); }
@media (max-width: 1000px) { .in07-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .in07-filtres { padding: 0.9rem; }
  .in07-ouvrir { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 2.6rem; padding: 0.4rem 0.2rem; border: 0; background: none; color: var(--anthracite); font: 600 0.95rem var(--sans); cursor: pointer; }
  .in07-ouvrir::after { content: "+"; font: 400 1.4rem/1 var(--sans); }
  .in07-ouvrir[aria-expanded="true"]::after { content: "\2212"; }
  .in07-ouvrir[aria-expanded="false"] + .in07-groupes { display: none; }
  .in07-groupe { grid-template-columns: 1fr; gap: 0.3rem; }
  .in07-groupe__nom { line-height: 1.4; }
  .in07-grille { grid-template-columns: 1fr; gap: 0.9rem; }
  .in07-carte { grid-template-columns: 38% minmax(0, 1fr); grid-template-rows: none; }
  .in07-carte__img { aspect-ratio: auto; min-height: 100%; }
  .in07-carte__txt { padding: 0.8rem 0.9rem 0.9rem; gap: 0.35rem; }
  .in07-carte__titre { font-size: 1.15rem; }
  .in07-carte__chiffre { font-size: 3rem; }
}
@media (prefers-reduced-motion: reduce) { .in07-carte__img img, .in07-chip, .in07-carte { transition: none; } .in07-carte:hover .in07-carte__img img { transform: none; } }