*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1f2937;background:#f9fafb;margin:0;padding:1rem}h1{font-size:1.875rem;font-weight:700;margin:0 0 1rem}h2{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .5rem}.search-container{position:relative;width:20rem;margin:1rem 0}.search-input-wrapper{position:relative}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.search-input:focus{outline:2px solid #3b82f6;outline-offset:-1px}.submit-button{position:absolute;right:.5rem;top:.5rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;cursor:pointer}.submit-button:hover{background:#f3f4f6}.dropdown{position:absolute;left:0;right:0;top:100%;margin-top:.25rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a;display:grid;gap:.25rem;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.search-container:focus-within .dropdown{opacity:1;visibility:visible}.dropdown-item{display:block;padding:.25rem .5rem;border-radius:.25rem;text-decoration:none;color:inherit;text-align:left;background:none;border:none;width:100%;cursor:pointer;font-size:1rem}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.tags:hover{background:#f0fdf4}.dropdown-item.category:hover{background:#faf5ff}.dropdown-item.author:hover{background:#fff7ed}.dropdown-hint{color:#6b7280;font-size:.875rem;margin-left:.25rem}.dropdown-placeholder{padding:.25rem .5rem;color:#9ca3af}.filters-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.filter-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.filter-pill.blue{background:#dbeafe}.filter-pill.green{background:#dcfce7}.filter-pill.purple{background:#f3e8ff}.filter-pill.orange{background:#ffedd5}.filter-type{text-transform:capitalize}.filter-remove{color:#ef4444;text-decoration:none;font-weight:500}.filter-remove:hover{color:#b91c1c}.posts-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1rem}.post-item{padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.post-body{color:#1f2937;margin:0 0 .5rem}.post-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#4b5563}.post-category{padding:.25rem .5rem;background:#f3e8ff;border-radius:.25rem}.post-tags{display:flex;gap:.25rem}.post-tag{padding:.25rem .5rem;background:#dcfce7;border-radius:.25rem}.clear-all{padding:.25rem .5rem;color:#dc2626;text-decoration:none;font-size:.875rem;border:1px solid #fecaca;border-radius:.25rem;background:#fef2f2}.clear-all:hover{background:#fee2e2}.no-filters{color:#9ca3af;font-size:.875rem}.empty-state{padding:2rem;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280}.empty-state p{margin:0 0 1rem}.empty-state a{color:#3b82f6;text-decoration:none}.empty-state a:hover{text-decoration:underline}