.search-results-panel { margin-top: 20px; border: 1px solid var(--border-normal); border-radius: 16px; background: var(--bg-card); overflow: hidden; }
.search-results-heading { display: flex; align-items: center; gap: 12px; padding: 18px; border-bottom: 1px solid var(--border-subtle); }
.search-results-icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 12px; color: var(--accent-blue); background: rgba(37,99,235,.08); }
.search-results-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.search-results-heading h2 { margin: 0; color: var(--text-primary); font-size: 17px; font-weight: 700; line-height: 1.35; }
.search-results-heading p { margin: 5px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.search-results-cards { padding: 12px 18px; }
.search-page .search-results-cards > .clue-card { margin: 0; padding: 22px 8px; border: 0; border-bottom: 1px solid var(--border-subtle); border-radius: 0 !important; background: transparent; box-shadow: none; transition: background-color 160ms ease; }
.search-page .search-results-cards > .clue-card:last-child { border-bottom: 0; }
.search-page .search-results-cards > .clue-card:hover { background: var(--bg-secondary); border-radius: 16px !important; transform: none; }
.search-page .search-results-cards > .clue-card:active { transform: none; }
.search-page .search-results-cards .clue-card-top { gap: 12px; margin-bottom: 9px; }
.search-page .search-results-cards .clue-title-link { font-size: 16px; font-weight: 700; line-height: 1.5; }
.search-page .search-results-cards .clue-length-badge { padding: 5px 9px; border: 1px solid var(--border-normal); border-radius: 7px !important; background: transparent; color: var(--text-secondary); font-size: 12px; }
.search-page .search-results-cards .clue-pattern { display: inline-block; max-width: 100%; margin: 0 0 12px; padding: 5px 9px; border-radius: 5px; background: var(--bg-secondary); color: var(--text-secondary); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.search-results-cards .clue-pattern strong { color: var(--text-primary); letter-spacing: 1px; }
.search-results-cards .clue-card-summary { align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 0; border-top: 0; }
.search-results-cards .clue-author { font-size: 12px; }
.search-results-cards .clue-author strong { color: var(--text-secondary); font-weight: 500; }
.search-results-cards .clue-card-stats { flex-wrap: wrap; gap: 10px; }
.search-results-cards .clue-stat { font-size: 12px; }
.search-results-cards .clue-card-summary .clue-tag { padding: 4px 9px; font-size: 11px; }
@media (max-width: 600px) {
  .search-results-heading { padding: 15px 12px; gap: 10px; }
  .search-results-heading h2 { font-size: 16px; }
  .search-results-icon { flex-basis: 34px; height: 34px; border-radius: 10px; align-self: flex-start; }
  .search-results-cards { padding: 10px 12px; }
  .search-results-cards .clue-card-top { flex-wrap: wrap; gap: 7px; }
  .search-results-cards .clue-card-title-wrap { flex-basis: 100%; }
  .search-page .search-results-cards .clue-title-link { font-size: 15px; }
  .search-results-cards .clue-card-summary { flex-direction: column; align-items: flex-start; }
  .search-results-cards .clue-card-stats { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .search-page .search-results-cards > .clue-card { transition: none; } }