/* Same result markup and data in both views; only the card layout changes. */
#toolnary-app .search-toolbar .search-view-control{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;border:0}
#toolnary-app .search-view-control legend{float:left;width:auto;margin:0;padding:0;font:inherit;color:inherit}
#toolnary-app .search-view-options{display:flex;gap:6px}
#toolnary-app .search-toolbar .search-view-options>.search-view-option{position:relative;display:block;flex:none;margin:0;padding:0;cursor:pointer}
#toolnary-app .search-view-option input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
#toolnary-app .search-view-icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;border:1px solid #ccc;border-radius:3px;background:#fff;color:var(--muted)}
#toolnary-app .search-view-icon svg{display:block;margin:0}
#toolnary-app .search-view-option:hover .search-view-icon{border-color:var(--brand);color:var(--brand)}
#toolnary-app .search-view-option input:checked+.search-view-icon{border-color:var(--brand);background:var(--brand);color:#fff}
#toolnary-app .search-view-option input:focus-visible+.search-view-icon{outline:2px solid var(--brand);outline-offset:3px}
#toolnary-app .result-items--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
#toolnary-app .result-items--grid .result-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:5px;background:#fff}
#toolnary-app .result-items--grid .result-image{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;height:144px;margin:0}
#toolnary-app .result-items--grid .result-image img{display:block;width:100%;height:144px;object-fit:contain;margin:0}
#toolnary-app .result-items--grid .result-image .no-image{width:100%;height:100%;min-height:0;font-size:12px}
#toolnary-app .result-items--grid .result-content{display:block;min-width:0}
#toolnary-app .result-items--grid .result-meta{gap:3px 10px;line-height:1.5}
#toolnary-app .result-items--grid .result-content h3{margin:5px 0;font-size:21px;line-height:1.35;overflow-wrap:anywhere}
#toolnary-app .result-items--grid .result-content>p{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#toolnary-app .result-items--grid .result-specs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0;padding:10px;border-radius:3px;background:var(--soft)}
#toolnary-app .result-items--grid .result-specs>div{display:block;grid-column:auto}
#toolnary-app .result-items--grid .result-specs dt,#toolnary-app .result-items--grid .result-specs dd{margin:0;padding:0}
#toolnary-app .result-items--grid .result-specs dd{font-size:14px;line-height:1.5}
#toolnary-app .result-items--grid .result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;width:100%;margin-top:auto;padding-top:2px}
#toolnary-app .result-items--grid .result-actions .result-link,#toolnary-app .result-items--grid .result-actions .toolnary-compare-button{grid-area:auto;justify-self:stretch;width:100%;min-width:0;min-height:44px;padding:8px 4px}
@media(max-width:800px){
  #toolnary-app .search-display-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  #toolnary-app .search-toolbar .search-display-controls>label{min-width:0;align-items:stretch}
  #toolnary-app .search-toolbar .search-display-controls>label:first-child{grid-column:1/-1}
  #toolnary-app .search-toolbar .search-view-control{display:block;align-self:end}
  #toolnary-app .search-view-control legend{float:none;margin-bottom:3px;font-size:12px;line-height:1.4}
  #toolnary-app .result-items--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #toolnary-app .result-items--grid .result-row{gap:10px;padding:10px}
  #toolnary-app .result-items--grid .result-image,#toolnary-app .result-items--grid .result-image img{height:112px}
  #toolnary-app .result-items--grid .result-content h3{font-size:18px}
  #toolnary-app .result-items--grid .result-specs{padding:8px;gap:6px;margin-top:10px}
  #toolnary-app .result-items--grid .result-specs dd{font-size:13px}
  #toolnary-app .result-items--grid .result-actions{gap:6px}
}
@media(max-width:374px){
  #toolnary-app .result-items--grid{grid-template-columns:minmax(0,1fr)}
}