/* Site search results page (2026-10-30): /search/?q= — the page behind the header search window. */
.sr-page { padding-top: calc(var(--nav-h) + 56px); padding-bottom: 96px; }
.sr-page .wrap { max-width: 800px; }
.sr-page h1 { font-size: clamp(32px, 4vw, 44px); margin-bottom: 20px; }
.sr-list { list-style: none; margin: 20px 0 0; padding: 0; border-top: 1px solid var(--line); }
.sr-list li { border-bottom: 1px solid var(--line); }
.sr-list a { display: grid; gap: 4px; padding: 18px 4px; text-decoration: none; color: var(--text); }
.sr-list a:hover b, .sr-list a:focus-visible b { color: var(--accent-bright); text-decoration: underline; text-underline-offset: 3px; }
.sr-list b { font-size: 18px; font-weight: 600; line-height: 1.35; }
.sr-sec { font-size: 13px; color: var(--muted); }
.sr-snip { font-size: 15px; line-height: 1.55; color: var(--muted); }
.sr-list mark { background: color-mix(in srgb, var(--accent) 28%, transparent); color: inherit; border-radius: 3px; padding: 0 1px; }
.sr-none { margin-top: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--r-panel); color: var(--muted); }
.sr-none a, .sr-more a { color: var(--accent-bright); }
.sr-more { margin-top: 28px; font-size: 15px; color: var(--muted); }