.blog-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:1rem;align-items:end;max-width:900px;margin:0 auto 1rem;font-size:.9rem}.blog-search label{display:grid;gap:.4rem}.blog-search input[type=search],.topic-picker summary{width:100%;min-width:0;font:inherit;line-height:1.4;height:2.75rem}.topic-field{display:grid;gap:.4rem}.topic-picker{position:relative}.topic-picker summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #555;border-radius:4px;background:#171414;padding:.65rem .8rem;cursor:pointer;list-style:none}.topic-picker summary::-webkit-details-marker{display:none}.topic-picker summary:hover{border-color:var(--accent-color)}.topic-chevron{color:var(--accent-color)}.topic-picker[open] .topic-chevron{transform:rotate(180deg)}.topic-menu{position:absolute;z-index:30;top:calc(100% + .4rem);left:0;right:0;background:#171414;border:1px solid #555;border-radius:4px;padding:.5rem}.topic-picker.opens-up .topic-menu{top:auto;bottom:calc(100% + .4rem)}.topic-actions{display:flex;justify-content:flex-end;padding-bottom:.4rem;border-bottom:1px solid var(--border-color);margin-bottom:.3rem}.topic-actions button{color:var(--accent-color);background:transparent;border:0;padding:.3rem .4rem;font-size:.8rem}.topic-actions button:disabled{cursor:default}#topic-options{max-height:min(22rem,55vh,var(--topic-list-height,55vh));overflow-y:auto;scrollbar-gutter:stable;padding-inline-end:.65rem}.blog-search .topic-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.45rem .35rem;cursor:pointer}.topic-option:hover,.topic-option:focus-within{background:rgba(var(--accent-color-rgb),.08)}.topic-option:has(input:disabled){opacity:.5;cursor:default}.topic-option input{margin:0;padding:0;width:1.05rem;height:1.05rem;accent-color:var(--accent-color)}.topic-option span{overflow-wrap:anywhere}.topic-count{min-width:2.5ch;text-align:right;color:#ccc;font-size:.8rem;font-variant-numeric:tabular-nums}.blog-results{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;max-width:900px;margin:0 auto 1.5rem;font-size:.8rem;color:#aaa}.blog-results p{margin:0}.blog-search-error{max-width:900px;margin:0 auto 1.5rem;color:#f1a5a5;font-size:.9rem}@media(max-width:600px){.blog-search{grid-template-columns:minmax(0,1fr);gap:.75rem}.blog-results{margin-bottom:1rem}}