.search-container{position:relative;max-width:100%;margin:var(--space-4, 1rem) 0 var(--space-6, 1.5rem) 0;z-index:100}.search-box{display:flex;align-items:center;background:var(--color-background-secondary, #fafafa);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-md, 6px);padding:.5rem .75rem;transition:border-color var(--transition, .15s ease),box-shadow var(--transition, .15s ease)}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft, rgba(16, 185, 129, .1));outline:none}#search-input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;padding:.25rem 0;color:var(--color-text);font-weight:400;font-family:var(--font-sans)}#search-input::placeholder{color:var(--color-text-muted, #737373);font-weight:400}#search-button{display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;color:#fff;cursor:pointer;padding:.5rem;margin-left:.5rem;border-radius:var(--radius-md, 6px);transition:background-color var(--transition, .15s ease)}#search-button:hover{background:var(--color-primary-hover)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-md, 6px);box-shadow:0 4px 12px #0000001a;max-height:500px;overflow:hidden;z-index:100;margin-top:.5rem}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light, #f0f0f0);background:var(--color-background-secondary, #fafafa)}.search-results-count{font-size:.875rem;color:var(--color-text-muted, #737373);font-weight:500}#clear-search{display:flex;align-items:center;justify-content:center;background:var(--color-text-muted, #737373);border:none;color:#fff;cursor:pointer;padding:.375rem;border-radius:var(--radius-sm, 4px);transition:background-color var(--transition, .15s ease)}#clear-search:hover{background:var(--color-text, #1a1a1a)}.search-container .search-results-list{list-style:none!important;padding:.5rem 1rem!important;margin:0!important;max-height:400px;overflow-y:auto}.search-container .search-results-list::-webkit-scrollbar{width:6px}.search-container .search-results-list::-webkit-scrollbar-track{background:var(--color-background-secondary, #fafafa)}.search-container .search-results-list::-webkit-scrollbar-thumb{background:var(--color-border, #e5e5e5);border-radius:3px}.search-container .search-result-item{padding:.75rem 0!important;border-bottom:1px solid var(--color-border-light, #f0f0f0)!important;display:block!important;list-style:none!important}.search-container .search-result-item:hover{background:none!important}.search-container .search-result-item:last-child{border-bottom:none!important}.search-container .search-result-link{text-decoration:none!important;color:var(--color-text)!important;display:block!important;font-weight:500!important;line-height:1.4!important}.search-container .search-result-title{font-weight:500!important;color:var(--color-text)!important;margin-bottom:.25rem!important;font-size:1rem!important;line-height:1.4!important;display:block!important}.search-container .search-result-item:hover .search-result-title,.search-container .search-result-item:hover .search-result-link{color:var(--color-primary)!important}.search-container .search-result-description{color:var(--color-text-secondary, #525252)!important;font-size:.875rem!important;line-height:1.5!important;margin-bottom:.375rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-weight:400!important}.search-container .search-result-meta{font-size:.75rem!important;color:var(--color-text-muted, #737373)!important;margin-top:.25rem!important;display:block!important}.search-container .search-result-meta .date{font-weight:500!important;color:var(--color-text-muted, #737373)!important}.search-container .search-result-meta .read-time{color:var(--color-text-light, #a3a3a3)!important}.search-container .search-highlight{background:var(--color-primary-soft, rgba(16, 185, 129, .15))!important;color:var(--color-primary)!important;font-weight:600!important;padding:.1rem .25rem!important;border-radius:2px!important}.search-container .search-no-results{padding:2rem 1rem!important;text-align:center!important;color:var(--color-text-secondary, #525252)!important;font-size:.875rem!important}@media(max-width:640px){.search-box{padding:.5rem .625rem}#search-input{font-size:.9375rem}.search-container .search-result-description{font-size:.8125rem!important;-webkit-line-clamp:2!important}}