/* search/index */
.search-page h1 { font-size: 1.35rem; margin: 1rem 0; font-weight: 600; }
.search-form { border: 1px solid var(--border); background: var(--surface); padding: 0.75rem 1rem; border-radius: var(--radius); }
.search-form .row { display: grid; grid-template-columns: 1fr; gap: 0.75rem; margin-top: 0.75rem; }
@media (min-width: 760px) {
    .search-form .row { grid-template-columns: 1fr 1fr; }
}
.search-form label { display: block; font-weight: 600; }
.search-form input[type="text"], .search-form select { width: 100%; margin-top: 0.25rem; padding: 0.4rem 0.5rem; font: inherit; background: var(--input-bg); color: var(--text); border: 1px solid var(--input-border); border-radius: var(--radius); }
.search-form .hint { margin-top: 0.35rem; font-size: 0.9rem; color: var(--text-muted); }
.search-form .actions { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: center; }
.search-form button { padding: 0.45rem 1rem; font: inherit; cursor: pointer; background: var(--button-bg); color: var(--text); border: 1px solid var(--button-border); border-radius: var(--radius); }
.search-results { margin-top: 1rem; }
.search-results h2 { font-size: 1.1rem; margin: 0.5rem 0; }
.result-list { list-style: none; padding: 0; margin: 0.75rem 0 0; display: grid; gap: 0.75rem; }
.result-item { border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius); padding: 0.75rem 1rem; }
.result-meta { color: var(--text-muted); font-size: 0.9rem; margin-top: 0.25rem; }
.result-excerpt { margin-top: 0.5rem; white-space: pre-wrap; word-break: break-word; }
/* Collapsed by assets/shared/expandable.js to 7 lines, fading out at the bottom when cut off. */
.result-excerpt.is-collapsed { max-height: 7lh; overflow: hidden; }
.result-excerpt.is-collapsed.is-truncated {
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 2lh), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 2lh), transparent);
}
.result-expand { margin-top: 0.35rem; padding: 0; font: inherit; font-size: 0.9rem; color: var(--link); background: none; border: 0; cursor: pointer; }
.result-expand:hover { text-decoration: underline; }
.search-page .empty { color: var(--text-muted); margin-top: 0.75rem; }