.i.gold{color:var(--gold)}
.caption{font:400 20px/1.3 var(--hand);color:var(--kraft-dark)}
.price{font:600 22px/1.2 var(--hand);color:var(--ink)}
.btn-dashed{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1.5px dashed var(--accent);border-radius:8px;background:transparent;color:var(--accent);font:400 24px/1.3 var(--hand);cursor:pointer}
.full{display:flex;width:100%}
h1.headline{font-style:italic;margin:24px 0 4px}
.filters{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.filters li{display:inline-flex;align-items:center}
.filters li:not(:last-child)::after{content:"·";margin-left:10px;color:var(--kraft-dark);font:400 16px/1 var(--serif)}
.filters a{display:inline-flex;align-items:center;min-height:44px;font:400 16px/1 var(--serif);color:var(--ink-muted);text-decoration:none;border-bottom:2px solid transparent}
.filters a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.cap2{margin:0 0 24px}
.closed-note{margin:0 0 12px;color:var(--ink-soft)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.polaroid{background:var(--card);border:1px solid var(--sand);border-radius:14px;padding:10px 10px 14px;box-shadow:var(--sh-card)}
.photo{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden}
.tilt-l{transform:rotate(-1.5deg)}
.card-link{display:block;color:inherit;text-decoration:none}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;padding:10px 2px 0}
.add{margin:8px 2px 0}
.delay{display:block;margin:2px 2px 0}
.ask{margin:8px 2px 0}
.badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;height:24px;padding:2px 10px;border:1px solid currentColor;border-radius:999px;background:var(--card);font:400 14px/1.6 var(--serif);color:var(--ink-muted)}
.badge.teal{color:var(--teal)}
.badge.dashed{border-style:dashed}
.badge-adoptee{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;background:var(--wine);color:var(--on-ink);font:400 20px/1.3 var(--hand);border-radius:999px;padding:2px 12px;transform:rotate(4deg);box-shadow:var(--sh-hair)}
.badge-adoptee .i{font-size:.8em;color:var(--gold)}
.empty{margin:24px 0 8px}
.ph-soleil{background:linear-gradient(170deg,#CFE0E8 0%,#E8B77A 42%,#D98A3C 68%,#8A5A2A 100%)}
.ph-vague{background:linear-gradient(165deg,#F3F7F6 0%,#A9DDE2 35%,#3FA8B8 65%,#156672 100%)}
.ph-phare{background:linear-gradient(160deg,#F2E3C8 0%,#E0A33E 38%,#9B2F1F 72%,#3D3521 100%)}
.ph-ecume{background:linear-gradient(160deg,#FFFDF6 0%,#D8EEF0 40%,#8FCBD3 70%,#5C5138 100%)}
.ph-prairie{background:linear-gradient(160deg,#D7E6E9 0%,#B9CF8E 45%,#6E8F4B 100%)}
/* --- desktop (DESIGN.md : rupture 768 px, conteneur 1180 px) --- */
@media (min-width:768px){
  h1.headline{font-size:29px;margin:40px 0 8px}
  .filters{margin-bottom:24px}
  .cap2{margin-bottom:28px}
  .grid{gap:30px}
}