@layer components{.listing-card{border:1px solid var(--color-border);border-radius:12px;transition:transform .15s,box-shadow .15s;container-type:inline-size}.listing-card:has(.listing-card-link:hover){box-shadow:0 4px 12px oklch(from var(--color-quiet) l c h / .15);transform:translateY(-2px)}.listing-card-link{color:inherit;border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;display:flex}.listing-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.listing-card-thumb{aspect-ratio:1;object-fit:cover;border-radius:8px;align-self:center;width:min(80cqi,50vw);margin-top:12px;margin-bottom:16px;display:block}.listing-card-thumb--placeholder{color:var(--color-quiet);background:0 0;justify-content:center;align-items:center;display:flex}.listing-card-thumb--placeholder svg{stroke-width:.8px;width:40%;height:40%}.listing-card-link h3{color:var(--color-foreground);text-transform:capitalize;margin:0 0 6px;font-size:18px;font-weight:600}.listing-card-status{text-transform:capitalize;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.listing-card-status.listing-card-status--available{color:var(--color-secondary)}.listing-card-status.listing-card-status--unavailable{color:var(--color-quiet)}.listing-card-status.listing-card-status--private{color:var(--color-accent)}.listing-card-variety{color:var(--color-secondary);text-transform:capitalize;margin:0 0 16px;font-size:16px;font-weight:500}.listing-card-quantity,.listing-card-harvest,.listing-card-location{color:var(--color-quiet);margin:0 0 8px;font-size:14px}.listing-card-quantity{text-transform:capitalize}.listing-card-location{font-weight:500}.listing-card-notes{color:oklch(from var(--color-quiet) calc(l + .1) calc(c * .8) h);border-top:1px solid oklch(from var(--color-quiet) l calc(c * .2) h);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:12px 0 0;padding-top:12px;font-size:14px;font-style:italic;display:-webkit-box;overflow:hidden}}