.search-container{width:100%;position:relative}.search-wrapper{display:flex;align-items:center;width:100%;background-color:var(--background-white);border:2px
solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;overflow:hidden;padding:2px}.search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.search-icon{display:flex;align-items:center;justify-content:center;padding:0
14px;color:var(--text-light);font-size:18px}#search-input{flex:1;padding:20px
0;border:none;outline:none;font-size:16px;color:var(--text-color);background:transparent}#search-input::placeholder{color:var(--text-light);opacity:0.8}.search-clear{display:none;align-items:center;justify-content:center;padding:0
16px;color:var(--text-light);cursor:pointer;transition:color 0.2s;font-size:16px}.search-clear:hover{color:var(--text-color)}.dropdown-results{position:absolute;top:calc(100% + 12px);left:0;right:0;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);max-height:400px;overflow-y:auto;z-index:10;display:none;border:1px
solid var(--border-color)}.result-item{border-bottom:1px solid var(--border-color);transition:background-color 0.2s;text-align:left;font-size:1.8em;font-weight:510}.result-item:last-child{border-bottom:none}.result-item:first-child
a{border-radius:12px 12px 0 0}.result-item:last-child
a{border-radius:0 0 12px 12px}.result-item:only-child
a{border-radius:12px}.result-item
a{color:var(--text-color);text-decoration:none;display:block;padding:16px
18px;transition:all 0.2s ease}.result-item a:hover{text-decoration:underline;color:#000}.highlight{background-color:rgba(37, 99, 235, 0.1);color:var(--primary-color);font-weight:500;border-radius:3px;padding:0
2px}.no-results{padding:18px;text-align:center;color:var(--text-light);font-size:14px}.result-category{font-size:0.7em;color:#6e6e6e;display:block;font-style:italic;border-bottom:solid #ccc 1px}.result-item a:hover .result-category{color:var(--primary-color)}@media (max-width: 600px){.search-wrapper{border-radius:10px}#search-input{font-size:15px;padding:14px
0}.dropdown-results{max-height:350px;border-radius:10px}.result-item:first-child
a{border-radius:10px 10px 0 0}.result-item:last-child
a{border-radius:0 0 10px 10px}.result-item:only-child
a{border-radius:10px}}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:var(--background-light);border-radius:0 12px 12px 0}.dropdown-results::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.dropdown-results::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}