/* Shared responsive polish for the empty search and result states. */
.search-page .search-main,
.search-page .search-hero,
.search-page .search-results-section,
.search-page .search-discovery { min-width: 0; }
.search-page .search-hero-copy,
.search-page .search-results-heading > div,
.search-page .search-discovery-heading > div { min-width: 0; }
.search-page .search-results-heading h2,
.search-page .search-discovery-heading h2,
.search-page .search-result-content h3,
.search-page .search-result-content p { overflow-wrap: anywhere; }
.search-page .search-result-meta > span:last-child { flex-shrink: 0; }
.search-page .search-result-card { min-width: 0; }

@media (max-width: 900px) {
    .search-page .search-hero { padding: 54px 44px 38px; }
    .search-page .search-results { gap: 14px; }
    .search-page .search-result-card { grid-template-columns: 145px minmax(0, 1fr); gap: 15px; padding: 13px; }
    .search-page .search-result-media { height: 160px; }
    .search-page .search-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .search-page .search-hero { padding: 44px 22px 30px; }
    .search-page .search-hero h1 { margin-top: 16px; }
    .search-page .search-form { gap: 8px; }
    .search-page .search-results-section,
    .search-page .search-discovery { margin-bottom: 42px; }
    .search-page .search-results-heading,
    .search-page .search-discovery-heading { margin-bottom: 18px; }
    .search-page .search-result-card { grid-template-columns: 132px minmax(0, 1fr); }
    .search-page .search-result-media { height: 145px; }
    .search-page .search-result-content h3 { font-size: 18px; }
    .search-page .search-result-content p { -webkit-line-clamp: 2; }
    .search-page .search-read-link { padding-top: 9px; }
}

@media (max-width: 540px) {
    .search-page .search-hero { padding: 38px 18px 25px; border-radius: 14px; }
    .search-page .search-form { margin-top: 24px; }
    .search-page .search-form input { min-height: 38px; }
    .search-page .search-form .button { min-height: 44px; }
    .search-page .search-popular { gap: 6px; margin-top: 14px; }
    .search-page .search-results-heading h2,
    .search-page .search-discovery-heading h2 { font-size: 27px; }
    .search-page .search-result-card { grid-template-columns: 1fr; gap: 12px; padding: 12px; }
    .search-page .search-result-media { height: 185px; }
    .search-page .search-result-content { padding: 0 2px 3px; }
    .search-page .search-result-content h3 { margin-top: 9px; }
    .search-page .search-result-content p { -webkit-line-clamp: 3; }
    .search-page .search-result-meta { align-items: flex-start; flex-wrap: wrap; }
    .search-page .search-topic-grid { grid-template-columns: 1fr; }
    .search-page .search-topic-card { min-height: 78px; }
    .search-page .search-empty-state { padding: 48px 18px; }
}

@media (max-width: 360px) {
    .search-page .search-main { width: calc(100% - 16px); }
    .search-page .search-hero { padding-left: 14px; padding-right: 14px; }
    .search-page .search-hero h1 { font-size: 34px; }
    .search-page .search-result-media { height: 160px; }
    .search-page .search-topic-card { gap: 10px; padding: 13px; }
}