.directory-results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:24px 2px 16px;display:flex}.directory-results-bar .directory-count{margin:0}.directory-results-bar .directory-layout-control{margin-left:auto}.directory-layout-control{background:var(--paper);grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.directory-layout-option{cursor:pointer;position:relative}.directory-layout-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.directory-layout-option span{border-radius:var(--radius-sm);min-height:36px;color:var(--sand-600);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-weight:800;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s;display:flex}.directory-layout-option span svg{color:var(--clay);flex:none}.directory-layout-option:hover span{background:var(--surface-muted);color:var(--bark)}.directory-layout-option input:checked+span{border-color:color-mix(in srgb, var(--gold) 30%, transparent);background:var(--warning-surface);color:var(--bark)}.directory-layout-option input:focus-visible+span{outline:3px solid var(--pumpkin);outline-offset:1px}.species-grid[data-layout=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.species-grid[data-layout=compact] .species-card{border-radius:var(--radius-md);justify-content:flex-start;min-height:0}.species-grid[data-layout=compact] .species-card:hover{transform:translateY(-3px)}.species-grid[data-layout=compact] .species-card-illustration{border-radius:var(--radius-md) var(--radius-md) 0 0;height:168px}.species-grid[data-layout=compact] .species-card-content{gap:4px;padding:12px 16px 16px}.species-grid[data-layout=compact] .species-card h3{font-size:var(--text-lg)}.species-grid[data-layout=compact] .species-card em{font-size:var(--text-xs)}.species-grid[data-layout=compact] :is(.species-card-genus,.species-card-description,.species-card-facts,.card-season,.card-link){display:none}.species-grid[data-layout=list]{grid-template-columns:minmax(0,1fr);gap:12px}.species-grid[data-layout=list] .species-card{border-radius:var(--radius-md);flex-direction:row;justify-content:flex-start;min-height:0}.species-grid[data-layout=list] .species-card:hover{transform:translate(3px)}.species-grid[data-layout=list] .species-card-illustration{border-radius:var(--radius-md) 0 0 var(--radius-md);flex:0 0 160px;height:auto;min-height:124px}.species-grid[data-layout=list] .species-card-illustration .culinary-rating{white-space:nowrap;top:8px;left:8px;right:auto}.species-grid[data-layout=list] .species-card-content{flex:auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"genus facts""heading facts""description season";align-content:center;gap:4px 28px;min-width:0;padding:16px 20px;display:grid}.species-grid[data-layout=list] .species-card-genus{grid-area:genus}.species-grid[data-layout=list] .species-card-heading{grid-area:heading}.species-grid[data-layout=list] .species-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:description;margin:2px 0 0;display:-webkit-box;overflow:hidden}.species-grid[data-layout=list] .species-card-facts{grid-area:facts;align-self:start;margin:0}.species-grid[data-layout=list] .card-season{grid-area:season;align-self:end;margin:0}.species-grid[data-layout=list] .species-card h3{font-size:var(--text-xl);margin-top:0}.species-grid[data-layout=list] .card-link{display:none}@media (max-width:1000px){.species-grid[data-layout=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.species-grid[data-layout=list] .species-card-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"genus""heading""description";padding:12px 16px}.species-grid[data-layout=list] :is(.species-card-facts,.card-season){display:none}}@media (max-width:580px){.directory-layout-control{grid-auto-columns:minmax(0,1fr);width:100%}.directory-layout-option span{justify-content:center}.species-grid[data-layout=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.species-grid[data-layout=compact] .species-card{min-height:0}.species-grid[data-layout=compact] .species-card-illustration{height:132px}.species-grid[data-layout=compact] .species-card h3{font-size:var(--text-base)}.species-grid[data-layout=list] .species-card-illustration{flex-basis:116px;min-height:112px}.species-grid[data-layout=list] .species-card-illustration .culinary-rating{inset:auto auto 6px 6px}.species-grid[data-layout=list] .culinary-rating-label,.species-grid[data-layout=list] .species-card-description{display:none}}