.u30-controls { display:flex; flex-wrap:wrap; gap:var(--space-4); margin-block:var(--space-5); }
.u30-controls label { display:grid; gap:var(--space-2); color:var(--muted); font-size:13px; flex:1 1 240px; }
.u30-controls input, .u30-controls select { width:100%; min-width:0; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--text); font:inherit; font-size:16px; }
.u30-attribution, .u30-count { color:var(--muted); font-size:13px; }
.u30-attribution a { text-decoration:underline; text-underline-offset:3px; }
.u30-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:var(--space-4); }
.u30-card { min-width:0; padding:var(--space-5); border:1px solid var(--line); border-radius:6px; background:var(--panel); overflow-wrap:anywhere; }
.u30-card.is-selected { border-color:var(--accent); }
.u30-order, .u30-group { color:var(--muted); font-size:12px; }
.u30-card h2 { font-size:18px; line-height:1.4; margin:var(--space-3) 0; }
.u30-card a:hover { text-decoration:underline; }
.u30-author { margin-block:var(--space-2); color:var(--muted); font-size:13px; }
.u30-group { margin-bottom:0; }