/* Keep filters compact; give complete parent and offspring names room to wrap. */
#page[data-route="breeding"] .page-heading{margin-bottom:20px}
#page[data-route="breeding"] .page-intro{font-size:14px}
.breed-filters{container-type:inline-size;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px}
.breed-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.breed-picker{min-width:0;text-align:left}
.breed-picker label{display:block;font-size:12px;line-height:18px;font-weight:800;margin-bottom:8px}
.breed-picker select{display:block;width:100%;font-size:16px;min-height:44px;padding:10px 30px 10px 12px}
@container(max-width:719px){.breed-pickers{grid-template-columns:1fr;gap:12px}.breed-picker{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.breed-picker label{margin-bottom:0}}
#breed-outcome{padding:12px 16px;margin-bottom:16px;border-left:3px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-text);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.breed-results-toolbar{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-bottom:16px}
.breed-results-toolbar h2{font-size:17px}.breed-results-toolbar p{margin-top:4px;font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}
.breed-results-toolbar>.reset-btn{margin-left:auto;min-height:44px;font-size:12px;flex-shrink:0}
.breed-search{position:relative;display:flex;align-items:center;flex:0 1 280px}.breed-search svg{position:absolute;left:12px;width:17px;color:var(--color-text-muted);pointer-events:none}.breed-search input{width:100%;padding:10px 12px 10px 38px;font-size:16px;min-height:44px}
#target-pairs{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}
.breed-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}.breed-table th{font-size:12px;letter-spacing:.2px;font-weight:800;padding:12px 16px;background:var(--color-surface-soft);border-bottom:1px solid var(--color-border)}.breed-table td{padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.breed-table .breed-symbol{width:28px;text-align:center;padding:0;color:var(--color-text-muted);font-size:18px}.breed-table .breed-result-cell{background:color-mix(in srgb,var(--color-accent-soft) 48%,var(--color-surface))}.breed-table th.breed-result-cell{color:var(--color-accent);background:var(--color-accent-soft)}.breed-combination:hover td{background:var(--color-surface-soft)}.breed-combination:hover .breed-result-cell{background:var(--color-accent-soft)}
.breed-pal{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-width:0;padding:4px;border-radius:var(--radius-sm);min-height:56px}.breed-pal:hover strong{text-decoration:underline;text-underline-offset:3px}.breed-pal img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.breed-pal>span{min-width:0}.breed-pal strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.breed-pal small{display:block;font-size:12px;line-height:1.6;margin-top:3px;color:var(--color-text-muted)}.breed-sex{white-space:nowrap;color:var(--color-accent);font-size:15px}.breed-result-cell .breed-pal strong{color:var(--color-accent)}
.breed-list-footer{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--color-text-secondary)}.breed-list-footer .btn{min-height:44px;font-size:12px}.breed-empty{padding:32px 16px;text-align:center}.breed-empty>svg{width:28px;height:28px;color:var(--color-text-muted);margin-bottom:12px}.breed-empty h3{font-size:17px}.breed-empty p{font-size:14px;color:var(--color-text-secondary);max-width:52ch;margin:8px auto 20px}.breed-empty .btn{min-height:44px;font-size:14px}
.breed-notes{margin-top:20px;color:var(--color-text-secondary);font-size:12px}.breed-notes summary{cursor:pointer;min-height:44px;width:fit-content}.breed-notes p{max-width:90ch;margin:8px 0;line-height:1.8}.breed-notes .reset-btn{font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px}
@media(max-width:1200px){.breed-pal{gap:8px}.breed-element{display:none}.breed-table td{padding:8px}}
@media(max-width:700px){
 #page[data-route="breeding"] .page-heading{margin-bottom:16px}
 .breed-filters{padding:12px;margin-bottom:16px}.breed-pickers{gap:8px}.breed-picker label{margin-bottom:0}
 .breed-pal{flex-direction:column;align-items:flex-start;gap:2px;padding:4px}.breed-table th{padding:10px 8px}.breed-table td{padding:6px 4px}.breed-table .breed-symbol{width:18px;font-size:16px}
 .breed-search{flex-basis:100%}.breed-results-toolbar{gap:8px;margin-bottom:12px}.breed-results-toolbar h2{font-size:16px}.breed-results-toolbar p{max-width:28ch}
 .breed-list-footer{padding:12px;gap:8px}
}
@media(max-width:360px){.breed-table td{padding:6px 0}.breed-table th{padding:10px 4px}.breed-table .breed-symbol{width:14px}}
@media(max-height:500px) and (min-width:701px){
 #page[data-route="breeding"] .page-heading{margin-bottom:12px}
 .breed-filters{padding:12px;margin-bottom:12px}.breed-picker label{margin-bottom:4px}.breed-results-toolbar{margin-bottom:12px}
}