.site-search-btn { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 999px; color: #32271f; background: transparent; border: 0; cursor: pointer; transition: background-color .18s ease; }
.site-search-btn:hover, .site-search-btn[aria-expanded="true"] { background: rgba(91, 58, 34, .08); }
.site-search-btn:focus-visible { outline: 2px solid #9a7b3c; outline-offset: 2px; }
.site-search-panel { position: fixed; z-index: 60; top: 72px; right: max(16px, calc((100vw - 1200px) / 2 + 16px)); width: min(440px, calc(100vw - 32px)); background: #fbf8f2; border: 1px solid rgba(91, 58, 34, .18); border-radius: 16px; box-shadow: 0 18px 40px rgba(60, 42, 18, .16); padding: 12px; }
.site-search-panel[hidden] { display: none; }
.site-search-field { display: flex; align-items: center; gap: 8px; border: 1px solid rgba(91, 58, 34, .22); border-radius: 12px; padding: 0 12px; background: #fff; }
.site-search-field svg { flex: none; color: #8a6d45; }
.site-search-input { flex: 1; min-width: 0; height: 44px; border: 0; outline: none; background: transparent; font: 400 1rem 'Manrope', sans-serif; color: #32271f; }
.site-search-input::placeholder { color: rgba(50, 39, 31, .5); }
.site-search-results { list-style: none; margin: 8px 0 0; padding: 0; max-height: min(60vh, 420px); overflow-y: auto; }
.site-search-results a { display: block; padding: 10px 12px; border-radius: 10px; text-decoration: none; color: #32271f; }
.site-search-results a:hover, .site-search-results a.is-on { background: rgba(201, 168, 122, .16); }
.site-search-title { display: block; font: 500 1.05rem/1.25 'Cormorant Garamond', serif; }
.site-search-desc { display: block; font: 400 .8rem/1.4 'Manrope', sans-serif; color: rgba(50, 39, 31, .7); margin-top: 2px; }
.site-search-empty { padding: 10px 12px; font: 400 .85rem 'Manrope', sans-serif; color: rgba(50, 39, 31, .7); }
@media (max-width: 767px) { .site-search-panel { top: 64px; right: 16px; } .site-search-btn { width: 38px; height: 38px; } }
.site-search-hit { background: rgba(201, 168, 122, .38); color: inherit; border-radius: 3px; padding: 0 1px; }
.site-search-zone { display: flex; align-items: center; gap: 7px; font: 600 .66rem/1 'Manrope', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: rgba(50, 39, 31, .62); margin-bottom: 5px; }
.site-search-dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; }
.site-search-dot--data { background: #9a7b3c; }
.site-search-dot--brief { background: #b5603f; }
.site-search-dot--guide { background: #5b3a22; }
.site-search-dot--tool { background: #6f7d5c; }
.site-search-dot--app { background: #c9a87a; }
.site-search-dot--info { background: #a39a8c; }