.site-search { --ss-ink: #25303c; --ss-muted: #5c6773; --ss-line: #e4e7eb; --ss-accent: #98501e; --ss-paper: #fff; box-sizing: border-box; width: min(920px, calc(100% - 32px)); margin: calc(var(--site-header-height, 80px) + 30px) auto 64px; padding: 32px; color: var(--ss-ink); background: var(--ss-paper); border: 1px solid var(--ss-line); border-radius: 16px; color-scheme: light; scroll-margin-top: calc(var(--site-header-height, 80px) + 20px); }
.ss-heading { margin: 0 0 25px; }
.ss-eyebrow { margin: 0 0 8px; color: var(--ss-accent); font-size: .82rem; font-weight: 700; letter-spacing: .03em; }
.ss-heading h1 { margin: 0 0 10px; color: var(--ss-ink); font-size: clamp(1.65rem, 5.5vw, 2.3rem); line-height: 1.3; font-weight: 750; letter-spacing: -.035em; }
.ss-heading p:last-child { color: var(--ss-muted); line-height: 1.7; margin: 0; }
.ss-form { margin: 0; }
.ss-label { display: block; margin-bottom: 7px; color: var(--ss-ink); font-size: .88rem; font-weight: 600; }
.ss-input-row { display: flex; gap: 8px; }
.ss-input-row input[type="search"] { flex: 1 1 0; min-width: 0; min-height: 52px; padding: 12px 14px; border: 1px solid #aab3be; border-radius: 9px; background: var(--ss-paper); color: var(--ss-ink); font: inherit; font-size: 16px; box-sizing: border-box; }
.ss-input-row button { flex: 0 0 76px; min-height: 52px; padding: 10px 16px; border: 0; border-radius: 9px; background: var(--ss-accent); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.ss-help { font-size: .78rem; line-height: 1.6; color: var(--ss-muted); margin: 8px 0 20px; }
.ss-filters { display: flex; flex-wrap: wrap; gap: 5px; padding-bottom: 20px; border-bottom: 1px solid var(--ss-line); }
.ss-filters a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 7px 13px; border: 1px solid var(--ss-line); border-radius: 22px; box-sizing: border-box; font-size: .88rem; color: var(--ss-muted); background: var(--ss-paper); text-decoration: none; }
.ss-filters a.is-active { color: var(--ss-accent); border-color: var(--ss-accent); background: #fff6ef; font-weight: 700; }
.ss-filter-count { font-size: .75rem; font-variant-numeric: tabular-nums; }
.ss-results-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin: 23px 0 3px; }
.ss-results-heading h2 { color: var(--ss-ink); font-size: 1.05rem; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.ss-results-heading > p { flex-shrink: 0; font-size: .85rem; color: var(--ss-muted); }
.ss-list { list-style: none; margin: 0; padding: 0; }
.ss-item { display: flex; align-items: flex-start; gap: 18px; padding: 23px 0; border-bottom: 1px solid var(--ss-line); }
.ss-item-content { flex: 1 1 0; min-width: 0; }
.ss-kind { display: inline-block; color: var(--ss-accent); font-size: .76rem; margin-bottom: 7px; }
.ss-item h3 { font-size: 1.12rem; font-weight: 700; line-height: 1.5; margin: 0 0 8px; }
.ss-item h3 a { display: inline; color: var(--ss-ink); text-decoration: none; overflow-wrap: anywhere; }
.ss-item h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ss-subtitle { margin: 0; color: var(--ss-muted); font-size: .9rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ss-verified { margin: 10px 0 0; font-size: .74rem; line-height: 1.6; color: var(--ss-muted); }
.ss-save { flex: 0 0 auto; margin-top: 20px; min-height: 44px; min-width: 60px; padding: 9px 12px; border: 1px solid #d4c1b0; border-radius: 8px; color: var(--ss-accent); background: var(--ss-paper); font: inherit; font-size: .85rem; cursor: pointer; }
.ss-empty { margin: 0; padding: 38px 4px; color: var(--ss-muted); line-height: 1.7; }
.ss-empty h2 { margin: 0 0 10px; font-size: 1.1rem; color: var(--ss-ink); }
.ss-empty p { margin: 0; font-size: .9rem; }
.ss-examples { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.ss-examples a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 12px; box-sizing: border-box; color: var(--ss-accent); border-bottom: 1px solid #d3b497; text-decoration: none; font-size: .9rem; }
.ss-error { margin-top: 20px; padding: 14px; background: #fff1ed; color: #8d2d1a; border-radius: 8px; line-height: 1.6; }
.ss-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; margin-top: 28px; }
.ss-pagination a { min-width: 44px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 8px 10px; color: var(--ss-ink); border: 1px solid var(--ss-line); border-radius: 7px; background: var(--ss-paper); text-decoration: none; font-size: .9rem; }
.ss-pagination a[aria-current="page"] { background: var(--ss-accent); border-color: var(--ss-accent); color: #fff; font-weight: 700; }
.site-search :focus-visible { outline: 3px solid #b5632c; outline-offset: 3px; }
@media (max-width: 767px) { .site-search { width: calc(100% - 24px); margin: calc(var(--site-header-height, 80px) + 16px) auto 40px; padding: 22px 16px; border-radius: 13px; scroll-margin-top: calc(var(--site-header-height, 80px) + 12px); } }
@media (max-width: 480px) { .ss-heading { margin-bottom: 20px; } .ss-filters a { padding-inline: 11px; } .ss-item { gap: 10px; } .ss-item h3 { font-size: 1.03rem; } .ss-save { padding-inline: 10px; } }
html[data-theme="dark"] .site-search, body.dark-mode .site-search { --ss-ink: #f2f3f5; --ss-muted: #b8c0c9; --ss-line: #3b434d; --ss-accent: #efb078; --ss-paper: #18212b; color-scheme: dark; }
html[data-theme="dark"] .ss-filters a.is-active, body.dark-mode .ss-filters a.is-active { background: #3e2c1d; }
html[data-theme="dark"] .ss-input-row button, body.dark-mode .ss-input-row button,
html[data-theme="dark"] .ss-pagination a[aria-current="page"], body.dark-mode .ss-pagination a[aria-current="page"] { color: #251809; }