.article-explorer-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;gap:18px;margin:-12px 0 18px;padding:22px;display:grid;box-shadow:0 12px 30px #412f490d}.article-explorer-search{color:var(--ink);gap:8px;font-size:.86rem;font-weight:900;display:grid}.article-explorer-search input{background:var(--surface-soft);width:100%;min-height:52px;color:var(--ink);border:1px solid #d6cbc4;border-radius:14px;outline:none;padding:0 16px}.article-explorer-search input:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px #6d4ca51f}.article-explorer-filters{flex-wrap:wrap;gap:9px;display:flex}.article-explorer-filter{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:800}.article-explorer-filter:hover,.article-explorer-filter:focus-visible{border-color:var(--brand);outline:none}.article-explorer-filter[data-active=true]{border-color:var(--brand-strong);background:var(--brand-strong);color:#fff}.article-explorer-summary{color:var(--muted);margin:0;font-size:.86rem;font-weight:700}.article-explorer-empty{border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--surface-soft);text-align:center;margin-top:36px;padding:52px 24px}.article-explorer-empty h2{margin-bottom:8px}.article-explorer-empty p{color:var(--muted)}@media (max-width:640px){.article-explorer-controls{padding:18px}.article-explorer-filter{flex:calc(50% - 9px)}}