/* ============================================
   Recall Search Page Styles
   ============================================ */

/* Recall Search Section */
.search-section {
  background: #fff;
  padding: 0 0 4rem; /* 顶部间距由 breadcrumb-section 的 margin-bottom 控制 */
  min-height: 70vh;
}

.search-header {
  margin-bottom: 1.5rem;
}

.search-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0.75rem;
}

.search-divider {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ffd43d 0%, #ffd43d 4rem, #e0e0e0 4rem);
  margin-bottom: 1.5rem;
}

.recall-search-notice-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.25rem 2rem;
  margin-left: 2rem;
  margin-top: 0.5rem;
  width: fit-content;
}

.recall-search-notice-grid > span:nth-child(odd) {
  text-align: right;
}

/* ============================================
   Responsive Design
   ============================================ */

/* Tablet and below (≤992px) */
@media (max-width: 992px) {
  /* No page specific styles for this breakpoint */
}

/* Tablet (≤768px) */
@media (max-width: 768px) {
  .search-section {
    padding: 1.5rem 0 3rem;
  }

  .topic-detail-header {
    margin-bottom: 1.5rem;
  }
}

/* Mobile (≤576px) */
@media (max-width: 576px) {
  .search-section {
    padding: 1rem 0 2.5rem;
  }

  .topic-detail-header {
    margin-bottom: 1rem;
  }
}

/* Small Mobile (≤480px) */
@media (max-width: 480px) {
  .search-section {
    padding: 0.75rem 0 2rem;
  }

  .topic-detail-header {
    margin-bottom: 0.75rem;
  }

  .list-tab {
    padding: 0.625rem 0.875rem;
    font-size: 0.8125rem;
  }
}