.related-clues-section { margin-top: 26px; padding: 0; border: 1px solid var(--border-normal); border-radius: 16px; background: #fff; overflow: hidden; }
.related-clues-section .section-title { display: flex; align-items: center; gap: 12px; margin: 0; padding: 18px 20px; border-bottom: 1px solid var(--border-subtle); text-transform: none; letter-spacing: 0; }
.related-clues-section .clue-slider-title-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 11px; background: #eff0fb; color: #6664ad; }
.related-clues-heading-copy { min-width: 0; flex: 1; }
.related-clues-section .section-title h2 { color: var(--text-primary); font-size: 17px; font-weight: 700; line-height: 1.4; }
.related-clues-heading-copy p { margin: 4px 0 0; color: var(--text-secondary); font-size: 12px; font-weight: 400; line-height: 1.5; }
.related-clues-count { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border: 1px solid var(--border-normal); border-radius: 9px; color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.related-clues-section .related-clue-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 14px; }
.related-clues-section .related-clue-card { min-height: 98px; padding: 14px; gap: 12px; border: 1px solid var(--border-subtle); border-radius: 10px; background: #fafbfc; box-shadow: none; transform: none; transition: background-color 160ms ease, border-color 160ms ease; }
.related-clues-section .clue-slider-question { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 14px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.related-clues-section .clue-slider-meta { gap: 7px; color: var(--text-secondary); font-size: 12px; font-weight: 500; }
.related-clues-section .clue-slider-meta > svg:first-child { opacity: .65; }
.related-clues-section .clue-slider-meta > svg:last-child { color: var(--accent-blue); stroke: currentColor; transition: transform 160ms ease; }
.related-clues-section .related-clue-card:hover { border-color: #cfddf2; background: #f0f5fc; box-shadow: none; transform: none; }
.related-clues-section .related-clue-card:hover .clue-slider-question { color: #2457a7; }
.related-clues-section .related-clue-card:hover .clue-slider-meta > svg:last-child { transform: translateX(3px); }
.related-clues-section .related-clue-card:active { background: #e6eef9; }
.related-clues-section .related-clue-card:focus-visible { outline: 2px solid var(--accent-blue); outline-offset: 2px; }
@media (max-width: 600px) {
  .related-clues-section .section-title { padding: 16px 14px; gap: 10px; }
  .related-clues-section .section-title h2 { font-size: 16px; }
  .related-clues-section .related-clue-list { grid-template-columns: minmax(0, 1fr); padding: 10px; gap: 8px; }
  .related-clues-section .related-clue-card { min-height: 0; padding: 13px; gap: 9px; }
  .related-clues-count { display: none; }
}
@media (prefers-reduced-motion: reduce) { .related-clues-section .related-clue-card, .related-clues-section .clue-slider-meta > svg:last-child { transition: none; } }