.search-box{position:relative}.search-box:has(.search-autocomplete),.search-box.has-search-autocomplete{position:relative;overflow:visible;z-index:1060}.hero-search{position:relative}.hero-search:has(.search-autocomplete--open){z-index:1060}.hero-search__control>.search-autocomplete{left:0;position:absolute;right:0;top:100%;width:100%;z-index:1060}.search-box--wide button{align-items:center;display:inline-flex;justify-content:center}.content-section:has(.search-autocomplete--open),.content-section.has-autocomplete-open{position:relative;z-index:1060}.search-box:has(.search-autocomplete) input,.search-box.has-search-autocomplete input{border-top-left-radius:var(--radius-pill);border-bottom-left-radius:var(--radius-pill)}.search-box:has(.search-autocomplete) button,.search-box.has-search-autocomplete button{border-top-right-radius:var(--radius-pill);border-bottom-right-radius:var(--radius-pill)}.search-autocomplete{position:absolute;top:calc(100% + 6px);left:0;right:0;width:100%;z-index:1050;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) #fff0}.search-autocomplete.search-autocomplete--open{display:block}.search-autocomplete::-webkit-scrollbar{width:6px}.search-autocomplete::-webkit-scrollbar-track{background:#fff0}.search-autocomplete::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}.search-autocomplete::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.search-autocomplete__group{list-style:none;margin:0;padding:0}.search-autocomplete__group:not(:last-child){border-bottom:1px solid var(--color-border)}.search-autocomplete__group-title{align-items:center;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-control-border);color:var(--color-text-muted);display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;user-select:none}.search-autocomplete__group-title i{color:var(--color-brand-strong);font-size:.875rem}.search-autocomplete__item{background:#fff0;border:none;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;gap:2px;outline:none;padding:10px 16px;text-decoration:none;transition:background-color 0.15s ease,color 0.15s ease}.search-autocomplete__item:not(:last-child){border-bottom:1px solid var(--color-divider-faint)}.search-autocomplete__item:hover,.search-autocomplete__item.search-autocomplete__item--active{background:var(--color-surface-muted,var(--color-surface-subtle));color:var(--color-text);text-decoration:none}.search-autocomplete__item-title{color:var(--color-text);display:block;font-size:.9rem;font-weight:600;line-height:1.35}.search-autocomplete__item-title mark{background:var(--color-brand-soft);border-radius:2px;color:var(--color-brand-strong);font-weight:700;padding:0 2px}.search-autocomplete__item-desc{color:var(--color-text-muted);display:block;font-size:.8rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-autocomplete__footer{background:var(--color-surface-subtle);border-top:1px solid var(--color-control-border);font-size:.85rem;padding:10px 16px;text-align:center}.search-autocomplete__footer-link{align-items:center;color:var(--color-brand-strong);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;justify-content:center;text-decoration:none;transition:color 0.15s ease,text-decoration 0.15s ease}.search-autocomplete__footer-link:hover{color:var(--color-brand-action-hover);text-decoration:underline}.search-autocomplete__empty{color:var(--color-text-muted);font-size:.875rem;padding:20px 16px;text-align:center}.search-autocomplete__loading{align-items:center;animation:searchAutocompletePulse 1.2s ease-in-out infinite;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:8px;justify-content:center;padding:20px 16px;text-align:center}.search-autocomplete__loading .spin-icon{animation:searchAutocompleteSpin 1s linear infinite;display:inline-block;font-size:1rem}@keyframes searchAutocompletePulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes searchAutocompleteSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.search-autocomplete{left:0;max-height:50dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;right:0;width:100%}}.tool-card mark,.prompt-card mark,.term-card mark,.article-card mark{background:var(--color-brand-soft);border-radius:2px;color:var(--color-brand-strong);font-weight:600;padding:0 2px}.article-card{background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow 0.2s,border-color 0.2s}.article-card:hover{border-color:var(--color-brand-action);box-shadow:var(--shadow-card-hover)}.article-card__image{aspect-ratio:16 / 9;overflow:hidden}.article-card__image img{height:100%;object-fit:cover;width:100%}.article-card h3{font-size:1rem;margin:0;padding:12px 16px 4px}.article-card p{color:var(--color-text-muted);font-size:.85rem;margin:0;padding:0 16px 12px}html[data-theme='dark'] .search-autocomplete{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-lg)}html[data-theme='dark'] .search-autocomplete__group-title{background:var(--color-surface-subtle);border-bottom-color:var(--color-border);color:var(--color-text-muted)}html[data-theme='dark'] .search-autocomplete__group-title i{color:var(--color-brand-action)}html[data-theme='dark'] .search-autocomplete__item{color:var(--color-text)}html[data-theme='dark'] .search-autocomplete__item:hover,html[data-theme='dark'] .search-autocomplete__item.search-autocomplete__item--active{background:var(--color-surface-muted);color:var(--color-text)}html[data-theme='dark'] .search-autocomplete__item:not(:last-child){border-bottom-color:var(--color-divider-faint)}html[data-theme='dark'] .search-autocomplete__item-title{color:var(--color-text)}html[data-theme='dark'] .search-autocomplete__item-title mark{background:var(--color-brand-soft-strong);color:var(--color-brand-action)}html[data-theme='dark'] .search-autocomplete__item-desc{color:var(--color-text-muted)}html[data-theme='dark'] .search-autocomplete__footer{background:var(--color-surface-subtle);border-top-color:var(--color-border)}html[data-theme='dark'] .search-autocomplete__footer-link{color:var(--color-brand-action)}html[data-theme='dark'] .search-autocomplete__footer-link:hover{color:var(--color-brand-action-hover)}html[data-theme='dark'] .search-autocomplete__empty{color:var(--color-text-muted)}html[data-theme='dark'] .search-autocomplete__loading{color:var(--color-text-muted)}html[data-theme='dark'] .search-autocomplete::-webkit-scrollbar-thumb{background:var(--color-border)}html[data-theme='dark'] .search-autocomplete::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}html[data-theme='dark'] .tool-card mark,html[data-theme='dark'] .prompt-card mark,html[data-theme='dark'] .term-card mark,html[data-theme='dark'] .article-card mark{background:var(--color-brand-soft-strong);color:var(--color-brand-action)}html[data-theme='dark'] .article-card{background:var(--color-surface);border-color:var(--color-border)}html[data-theme='dark'] .article-card:hover{border-color:var(--color-brand-action);box-shadow:var(--shadow-card-hover)}html[data-theme='dark'] .article-card p{color:var(--color-text-muted)}