/* search.css — search results page */

.search-page-form {
    display: flex;
    gap: 12px;
    max-width: 640px;
    margin-bottom: 36px;
}
.search-page-input { flex: 1; }
.search-summary { color: var(--muted); margin-bottom: 28px; }
.search-summary strong { color: var(--navy); }

.search-results {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 40px;
}
.search-result {
    display: flex;
    gap: 18px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 14px;
    color: var(--text);
    transition: border-color .2s, box-shadow .2s;
}
.search-result:hover { border-color: var(--navy); box-shadow: 0 8px 22px rgba(14,42,58,.08); }
.search-result-img {
    width: 110px; height: 80px;
    object-fit: cover;
    border-radius: 6px;
    background: var(--bg-gray);
    flex: none;
}
.search-result-body h3 { color: var(--navy); font-size: 16px; font-weight: 700; }
.search-result-body p { font-size: 13.5px; color: var(--muted); margin-top: 4px; }
.search-result-type { font-size: 13px; color: var(--red); font-weight: 700; }

@media (max-width: 600px) {
    .search-page-form { flex-direction: column; }
    .search-result-img { width: 84px; height: 64px; }
}