/* List is a scoped alternative to the existing Full and Compact result grids. */
.browse-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.results-layout-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--glass-edge);border-radius:6px;background:var(--glass-input)}
.browse-match-row .results-layout-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--secondary);font:inherit;font-size:.73rem;cursor:pointer}
.results-layout-switch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.browse-match-row .results-layout-switch button:is(:hover,[aria-pressed=true]){background:color-mix(in srgb,var(--accent) 9%,var(--glass-input));border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-edge));color:var(--accent)}
.results-layout-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#content #mod-grid.mod-list{grid-template-columns:minmax(0,1fr);gap:10px}
.mod-card.list-mod-card{display:grid;grid-template-columns:132px minmax(0,1fr) minmax(120px,190px) 30px;gap:14px;align-items:center;padding:10px;min-height:96px}
.mod-card.list-mod-card:is(:hover,:focus-within){transform:none}
.mod-card.list-mod-card>.card-link{display:contents}
.mod-card.list-mod-card .card-media{grid-column:1;grid-row:1;aspect-ratio:16/9;width:132px;border-radius:4px;align-self:center}
/* List rows share the outer glass surface; full-card text gradients create an inner rectangle. */
.mod-card.list-mod-card .card-info{grid-column:2;grid-row:1;padding:0;min-width:0;background:transparent}
.mod-card.list-mod-card .card-info h2{font-size:var(--type-card);margin:0 0 4px}
.mod-card.list-mod-card .card-meta-clip{max-width:100%}
.mod-card.list-mod-card .card-tags{margin-top:5px;min-height:0}
.mod-card.list-mod-card>.card-utility-row{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:9px;border:0;margin:0;padding:0;min-width:0}
.mod-card.list-mod-card .card-folder-inline{max-width:100%;width:auto;flex:none}
.mod-card.list-mod-card .card-utility-release{margin:0;max-width:100%;flex:none}
.mod-card.list-mod-card .card-utility-release .card-release-version{max-width:135px}
.mod-card.list-mod-card>.bookmark{position:relative;inset:auto;grid-column:4;grid-row:1;align-self:center;opacity:1;width:30px;height:30px;z-index:3}
.mod-card.list-mod-card>.card-preview-controls{inset:auto;left:10px;top:50%;width:132px;height:74.25px;aspect-ratio:auto;transform:translateY(-50%);padding:0 5px}
.mod-card.list-mod-card>.card-preview-controls .preview-step{width:26px;height:26px;padding:4px}
.mod-card.list-mod-card>.card-preview-controls .card-preview-counter{top:3px;font-size:.55rem;padding:1px 4px}
@media(max-width:700px){
  .browse-match-row{flex-wrap:wrap;gap:9px}
  .browse-result-actions{margin-left:auto;gap:7px}
  .browse-match-row .results-layout-switch button{font-size:.7rem;padding:5px 7px}
  .mod-card.list-mod-card{grid-template-columns:80px minmax(0,1fr) 28px;column-gap:9px;row-gap:7px;min-height:100px;padding:9px}
  .mod-card.list-mod-card .card-media{grid-column:1;grid-row:1/3;width:80px}
  .mod-card.list-mod-card .card-info{grid-column:2;grid-row:1}
  .mod-card.list-mod-card .card-info h2{font-size:.88rem}
  .mod-card.list-mod-card .card-meta-clip{font-size:.69rem}
  .mod-card.list-mod-card>.card-utility-row{grid-column:2/4;grid-row:2;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%}
  .mod-card.list-mod-card .card-folder-inline{max-width:50%}
  .mod-card.list-mod-card .card-utility-release{margin-left:auto;max-width:60%}
  .mod-card.list-mod-card .card-utility-release .card-release-version{max-width:80px}
  .mod-card.list-mod-card>.bookmark{grid-column:3;grid-row:1;align-self:start;width:28px;height:28px}
  .mod-card.list-mod-card>.card-preview-controls{left:9px;width:80px;height:45px;padding:0 2px}
  .mod-card.list-mod-card>.card-preview-controls .preview-step{width:23px;height:23px;padding:3px}
  .mod-card.list-mod-card>.card-preview-controls .card-preview-counter{display:none}
}