.site-search{position:relative;border-top:1px solid var(--line)}
.site-search .search-box{max-width:none;width:100%;margin:0;border:0;box-shadow:none;min-height:52px;gap:12px}
.site-search .search-box:focus-within{box-shadow:inset 0 -2px var(--rose)}
.site-search input{padding:12px 0;font-size:1rem;min-width:0}
.site-search input::placeholder{color:var(--muted);opacity:1}
.site-search input::-webkit-search-cancel-button{display:none}
.search-clear{border:0;border-radius:5px;background:transparent;color:var(--rose);padding:10px 5px;font-size:.875rem;min-height:44px;flex-shrink:0}
.site-search-results{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 18px 35px #3023301c;max-height:min(60dvh,480px);overflow-y:auto;overscroll-behavior:contain;padding:16px 22px;z-index:22}
.site-search-summary{font-size:.875rem;color:var(--muted);padding:0 0 10px}
.site-search-results ul{list-style:none;padding:0;margin:0}
.site-search-results li+li{border-top:1px solid var(--line)}
.site-search-results li a{display:flex;flex-direction:column;gap:4px;padding:14px 8px;border-radius:7px}
.site-search-results li a:hover,.site-search-results li a:focus-visible{background:var(--blush)}
.site-search-category{color:var(--rose);font-size:.875rem}
.site-search-results strong{font-size:1rem;font-weight:600;line-height:1.4}
.site-search-description{font-size:.875rem;line-height:1.6;color:var(--muted)}
.site-search-empty{padding:12px 0;font-size:1rem}
.site-search-empty a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
html{scroll-padding-top:180px}
.detail-content section{scroll-margin-top:180px}
@media(min-width:601px){.hero h1{font-size:clamp(2rem,4.7vw,4.5rem)}}
@media(max-width:600px){
 .site-search-results{padding:12px;max-height:55dvh}
 .site-search input{font-size:1rem}
 .site-search .search-box{gap:9px}
 .search-clear{font-size:.8rem}
}