.search-header-wrapper{position:relative;display:flex;align-items:center}.search-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:0 0;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;transition:all .2s ease}.search-toggle-btn:hover{background:#f1f5f9;color:#7c3aed}.dark .search-toggle-btn{color:#cbd5e1}.dark .search-toggle-btn:hover{background:#1e293b;color:#e9d5ff}.search-header-input-wrapper{position:absolute;right:0;display:none;align-items:center;width:0;opacity:0;overflow:hidden;background:#fff;border:2px solid transparent;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:50}.dark .search-header-input-wrapper{background:#1e293b}.search-header-input-wrapper.expanded{display:flex;width:300px;opacity:1;border-color:#7c3aed;box-shadow:0 4px 12px rgba(124,58,237,.2);pointer-events:auto}.dark .search-header-input-wrapper.expanded{border-color:#a78bfa;box-shadow:0 4px 12px rgba(167,139,250,.3)}@media(max-width:768px){.search-header-input-wrapper.expanded{position:fixed;top:64px;left:0;right:0;width:100%;background:#fff;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:2px solid #7c3aed;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:100}.dark .search-header-input-wrapper.expanded{background:#1e293b;border-bottom-color:#a78bfa;box-shadow:0 4px 16px rgba(0,0,0,.4)}}.search-header-input{flex:1;width:100%;padding:.75rem 1rem;font-size:1rem;border:none;background:0 0;outline:none;color:#1f2937}.dark .search-header-input{color:#f9fafb}.search-header-input::placeholder{color:#9ca3af}.dark .search-header-input::placeholder{color:#6b7280}.search-header-input::-webkit-search-cancel-button{display:none}.search-close-btn{flex-shrink:0;padding:.5rem;background:0 0;border:none;cursor:pointer;color:#6b7280;transition:color .2s ease}.search-close-btn:hover{color:#1f2937}.dark .search-close-btn:hover{color:#f9fafb}.search-header-results{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-width:90vw;max-height:500px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .2s ease;z-index:1000}.dark .search-header-results{background:#1e293b;border-color:#374151;box-shadow:0 10px 30px rgba(0,0,0,.5)}.search-header-results.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:768px){.search-header-results{position:fixed;top:calc(64px + 56px);left:0;right:0;width:100%;max-width:none;max-height:calc(100vh - 64px - 56px);border-radius:0;border:none;border-top:1px solid #e5e7eb;background:#fff;z-index:1000}.dark .search-header-results{background:#1e293b;border-top-color:#374151}}.search-backdrop{position:fixed;top:120px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:90}.search-backdrop.visible{opacity:1;pointer-events:auto}.search-header-results .search-result-item{display:block;padding:1rem;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:background-color .15s ease;cursor:pointer}.dark .search-header-results .search-result-item{border-bottom-color:#374151}.search-header-results .search-result-item:last-child{border-bottom:none}.search-header-results .search-result-item:hover,.search-header-results .search-result-item.active{background-color:#f9fafb}.dark .search-header-results .search-result-item:hover,.dark .search-header-results .search-result-item.active{background-color:#374151}.search-header-results .search-result-item:focus{outline:2px solid #7c3aed;outline-offset:-2px}.search-header-results .result-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.search-header-results .result-title{font-weight:600;font-size:1rem;color:#1f2937}.dark .search-header-results .result-title{color:#f9fafb}.badge-guide,.badge-term{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;white-space:nowrap;margin-right:.5rem}.badge-guide{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px rgba(37,99,235,.2)}.badge-term{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.2)}.dark .badge-guide{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dark .badge-term{background:linear-gradient(135deg,#34d399,#10b981)}.search-header-results .category-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#7c3aed;background-color:#ede9fe;border-radius:.25rem;text-transform:capitalize;white-space:nowrap}.dark .search-header-results .category-badge{color:#e9d5ff;background-color:#4c1d95}.result-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.difficulty-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;text-transform:capitalize}.difficulty-badge.beginner{color:#065f46;background-color:#d1fae5}.difficulty-badge.intermediate{color:#92400e;background-color:#fed7aa}.difficulty-badge.advanced{color:#991b1b;background-color:#fecaca}.dark .difficulty-badge.beginner{color:#a7f3d0;background-color:#064e3b}.dark .difficulty-badge.intermediate{color:#fcd34d;background-color:#78350f}.dark .difficulty-badge.advanced{color:#fca5a5;background-color:#7f1d1d}.reading-time{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem}.dark .reading-time{color:#d1d5db;background-color:#374151}.search-header-results .result-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:.5rem}.dark .search-header-results .result-description{color:#d1d5db}.search-header-results .result-tags{display:flex;flex-wrap:wrap;gap:.25rem}.search-header-results .tag-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem}.dark .search-header-results .tag-badge{color:#d1d5db;background-color:#374151}.search-header-results mark{background-color:#fef3c7;color:#92400e;padding:0 .125rem;border-radius:.125rem;font-weight:600}.dark .search-header-results mark{background-color:#92400e;color:#fef3c7}.search-header-results .search-empty{padding:2rem;text-align:center;color:#6b7280}.dark .search-header-results .search-empty{color:#d1d5db}.search-header-results .search-empty svg{margin:0 auto 1rem;color:#d1d5db}.dark .search-header-results .search-empty svg{color:#6b7280}.search-header-results .search-empty p{margin:.5rem 0;font-size:.875rem}.search-header-results .search-empty strong{color:#1f2937}.dark .search-header-results .search-empty strong{color:#f9fafb}.search-header-results .empty-hint{color:#9ca3af;font-size:.8125rem}.search-container{position:relative;width:100%;max-width:600px;margin:2rem auto}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-icon{position:absolute;left:1rem;color:#6b7280;pointer-events:none}.search-input{width:100%;padding:.75rem 3rem;font-size:1rem;border:none;background:0 0;outline:none;color:#1f2937}.search-input::placeholder{color:#9ca3af}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:1rem;background:0 0;border:none;padding:.25rem;cursor:pointer;color:#6b7280;display:none;transition:color .2s ease}.search-clear:hover{color:#1f2937}.search-input:not(:placeholder-shown)~.search-clear{display:block}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);max-height:400px;overflow-y:auto;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.search-results.visible{opacity:1;transform:translateY(0);pointer-events:auto}.search-result-item{display:block;padding:1rem;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:background-color .15s ease;cursor:pointer}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.active{background-color:#f9fafb}.search-result-item:focus{outline:2px solid #2563eb;outline-offset:-2px}.result-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.result-title{font-weight:600;font-size:1rem;color:#1f2937}.search-results .badge-guide,.search-results .badge-term{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;white-space:nowrap;margin-right:.5rem}.search-results .badge-guide{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px rgba(37,99,235,.2)}.search-results .badge-term{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.2)}.category-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#2563eb;background-color:#eff6ff;border-radius:.25rem;text-transform:capitalize;white-space:nowrap}.search-results .result-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.search-results .difficulty-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;text-transform:capitalize}.search-results .difficulty-badge.beginner{color:#065f46;background-color:#d1fae5}.search-results .difficulty-badge.intermediate{color:#92400e;background-color:#fed7aa}.search-results .difficulty-badge.advanced{color:#991b1b;background-color:#fecaca}.search-results .reading-time{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem}.result-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:.5rem}.result-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem}mark{background-color:#fef3c7;color:#92400e;padding:0 .125rem;border-radius:.125rem;font-weight:600}.search-empty{padding:2rem;text-align:center;color:#6b7280}.search-empty svg{margin:0 auto 1rem;color:#d1d5db}.search-empty p{margin:.5rem 0;font-size:.875rem}.search-empty strong{color:#1f2937}.empty-hint{color:#9ca3af;font-size:.8125rem}.search-error{padding:1rem;text-align:center;color:#dc2626;font-size:.875rem}.search-noscript{padding:1rem;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;color:#92400e;font-size:.875rem;text-align:center;margin:2rem auto;max-width:600px}.search-loading{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}@media(max-width:640px){.search-results.visible{position:fixed;top:0;left:0;right:0;bottom:0;max-height:none;border-radius:0;border:none;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-result-item{padding:1.25rem 1rem}.search-results.visible::before{content:'✕';position:sticky;top:0;display:block;padding:1rem;text-align:right;background:#fff;border-bottom:1px solid #e5e7eb;font-size:1.5rem;cursor:pointer;z-index:10}}@media(min-width:768px){.search-container{margin:2.5rem auto}.search-input{font-size:1.125rem;padding:1rem 3.5rem}.search-results{max-height:500px}}@media(min-width:1024px){.search-results{max-height:600px}}@media(prefers-color-scheme:dark){.search-input-wrapper{background:#1f2937;border-color:#374151}.search-input{color:#f9fafb}.search-input::placeholder{color:#6b7280}.search-results{background:#1f2937;border-color:#374151}.search-result-item{border-bottom-color:#374151}.search-result-item:hover,.search-result-item.active{background-color:#374151}.result-title{color:#f9fafb}.result-description{color:#d1d5db}.badge-guide{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.badge-term{background:linear-gradient(135deg,#34d399,#10b981)}.difficulty-badge.beginner{color:#a7f3d0;background-color:#064e3b}.difficulty-badge.intermediate{color:#fcd34d;background-color:#78350f}.difficulty-badge.advanced{color:#fca5a5;background-color:#7f1d1d}.reading-time{color:#d1d5db;background-color:#374151}.category-badge{color:#93c5fd;background-color:#1e3a8a}.tag-badge{color:#d1d5db;background-color:#374151}mark{background-color:#92400e;color:#fef3c7}.search-empty{color:#d1d5db}.search-empty strong{color:#f9fafb}}@media(prefers-reduced-motion:reduce){.search-results,.search-input-wrapper,.search-result-item,.search-clear{transition:none}}@media(prefers-contrast:high){.search-input-wrapper{border-width:3px}.search-result-item:focus{outline-width:3px}}