.search-page { max-width: 48rem; margin-inline: auto; }
.search-form { margin-block: 1.5rem 2rem; }
.search-form label { display: block; margin-bottom: .5rem; }
.search-controls { display: flex; gap: .75rem; }
.search-controls input { min-width: 0; flex: 1; }
.search-results { list-style: none; padding: 0; }
.search-results li { padding-block: 1.5rem; border-bottom: 1px solid rgb(80 84 71 / 25%); overflow-wrap: anywhere; }
.search-results h2 { margin: 0 0 .5rem; font-size: 1.5rem; }
.search-results p:last-child { margin-bottom: 0; }
.search-archive { font-size: var(--text-7); color: #505447; }
.search-pagination { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 2rem; }
@media (max-width: 420px) { .search-controls { flex-direction: column; } }