/* Finder results only. Retain the existing full-width primary card. */
.finder #best-match-heading{font-weight:700;letter-spacing:.1em}
.finder #finder-primary-photo{margin:1.25rem 0;max-width:320px;width:100%}
.finder #finder-primary-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.finder-secondary-results{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;min-width:0}
.finder-secondary-results:has(>article:only-child){grid-template-columns:minmax(0,1fr)}
.finder-secondary-card{display:flex;flex-direction:column;min-width:0;padding:1.25rem;background:var(--paper,#f6f4ef);color:var(--ink,#111);border:1px solid currentColor}
.finder-secondary-card .kicker{color:inherit!important;font:700 .75rem/1.5 'Courier New',monospace;margin:0 0 .75rem;letter-spacing:.06em}
.finder-secondary-card h3{font:500 clamp(1.2rem,1.8vw,1.5rem)/1.15 'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0 0 1rem}
.finder-secondary-body{display:grid;grid-template-columns:minmax(72px,110px) minmax(0,1fr);gap:1rem;align-items:start;min-width:0}
.finder-secondary-body>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.finder-secondary-card[data-kind="pair"] .finder-secondary-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.finder-pairing-photo{margin:0;max-width:220px}
.finder-pairing-photo img{display:block;width:100%;height:auto;object-fit:contain}
.finder-pairing-photo figcaption{font:400 .65rem/1.5 'Courier New',monospace;margin-top:.6rem;overflow-wrap:normal}
.finder-secondary-details{min-width:0}
.finder-secondary-card p{overflow-wrap:anywhere}
.finder-secondary-symbols{display:flex;gap:.3rem;align-items:center}
.finder-secondary-symbols svg{width:20px;height:20px;flex:none}
.finder-secondary-structure{font-size:.8rem;line-height:1.5;margin:.6rem 0}
.finder-secondary-presence{font:400 .7rem/1.5 'Courier New',monospace;margin:0}
.finder-secondary-reason{font-size:.9rem;line-height:1.55;margin:1rem 0}
.finder-pair-note{font-size:.75rem;line-height:1.5;margin:0 0 1rem}
.finder .finder-secondary-card .text-link{display:flex;align-items:center;min-height:44px;margin-top:auto;padding-top:.75rem;border-top:1px solid currentColor;font-size:.75rem;color:inherit}
.finder-secondary-card a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:900px){.finder-secondary-results{grid-column:1/-1}}
@media(max-width:650px){.finder-secondary-results{grid-template-columns:minmax(0,1fr)}.finder-secondary-card{padding:1rem}.finder-secondary-body{grid-template-columns:90px minmax(0,1fr)}.finder #finder-primary-photo{max-width:280px}}
@media(max-width:650px){.finder-secondary-card[data-kind="pair"] .finder-secondary-body{grid-template-columns:minmax(0,1fr)}.finder-pairing-photo{max-width:200px;width:100%}}

/* Compact BEST MATCH composition; matching and no-match states are untouched. */
.finder .result:has(#finder-primary-photo:not([hidden])){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;padding:1.5rem;min-height:0}
.finder .result:has(#finder-primary-photo:not([hidden]))>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-content:start;min-width:0}
.finder .result:has(#finder-primary-photo:not([hidden]))>div:first-child>.kicker{grid-column:1/-1;margin:0}
.finder .result #finder-primary-photo:not([hidden]){grid-column:1;grid-row:3;margin:.5rem 0 0;max-width:none;width:100%}
.finder .result:has(#finder-primary-photo:not([hidden])) .result-id{grid-column:2;grid-row:3;align-self:end;align-items:flex-start;gap:.75rem;margin:0 0 .25rem;flex-direction:column-reverse}
.finder .result:has(#finder-primary-photo:not([hidden])) .result-id strong{font-size:clamp(3.5rem,6vw,6rem);line-height:.9}
.finder .result:has(#finder-primary-photo:not([hidden])) #result-symbols{font-size:1.25rem;gap:.2em}
.finder .result:has(#finder-primary-photo:not([hidden])) .result-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:0 0 0 1.5rem}
.finder .result:has(#finder-primary-photo:not([hidden])) .result-copy>p{margin:0 0 .75rem}
.finder .result:has(#finder-primary-photo:not([hidden])) .result-copy h3{margin:0 0 .75rem}
.finder .result:has(#finder-primary-photo:not([hidden])) #result-link{margin-top:.5rem}
.finder .result:has(#finder-primary-photo:not([hidden]))+.finder-secondary-results{margin-top:-1rem}
@media(max-width:900px){
 .finder .result:has(#finder-primary-photo:not([hidden])){padding:1.25rem;gap:1.25rem}
 .finder .result:has(#finder-primary-photo:not([hidden])) .result-copy{padding-left:1.25rem}
 .finder .result:has(#finder-primary-photo:not([hidden])) .result-id strong{font-size:3.5rem}
}
@media(max-width:650px){
 .finder .result:has(#finder-primary-photo:not([hidden])){grid-template-columns:minmax(0,1fr);padding:1rem;gap:1rem}
 .finder .result:has(#finder-primary-photo:not([hidden]))>div:first-child{grid-template-columns:minmax(0,1fr)}
 .finder .result #finder-primary-photo:not([hidden]){grid-column:1;grid-row:3}
 .finder .result:has(#finder-primary-photo:not([hidden])) .result-id{grid-column:1;grid-row:4;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:0}
 .finder .result:has(#finder-primary-photo:not([hidden])) .result-copy{border-left:0;border-top:1px solid #aaa99e;padding:1rem 0 0}
 .finder .result:has(#finder-primary-photo:not([hidden])) #result-link{margin-top:.25rem}
}