.site-search { box-sizing: border-box; width: min(680px, calc(100vw - 32px)); max-height: 80vh; padding: 28px; border: 1px solid #ddd; border-radius: 12px; color: #222; background: #fff; font: 17px/1.5 system-ui, sans-serif; box-shadow: 0 20px 80px #0003; }
.site-search::backdrop { background: #0008; }
.site-search-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-weight: 600; }
.site-search-head button { border: 0; background: transparent; color: inherit; padding: 0 8px; font-size: 30px; cursor: pointer; }
.site-search input { box-sizing: border-box; width: 100%; margin: 16px 0 8px; padding: 12px; border: 1px solid #aaa; border-radius: 6px; font: inherit; }
.site-search input:focus-visible, .site-search a:focus-visible, .site-search button:focus-visible { outline: 2px solid #145fdb; outline-offset: 3px; }
.site-search ul { margin: 0; padding: 0; list-style: none; }
.site-search li { border-top: 1px solid #ddd; padding: 18px 0; }
.site-search a { color: inherit; font-weight: 650; text-decoration: underline; }
.site-search p { margin: 8px 0; font-size: 15px; }