.research-panel { color: #e5e7eb; letter-spacing: 0; min-width: 0; }
.research-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; flex-wrap: wrap; }
.research-heading h2 { font-size: 16px; margin: 0; }
.research-heading span { color: #fbbf24; font-size: 12px; }
.research-panel h3 { font-size: 14px; margin: 24px 0 10px; }
.research-notice { font-size: 12px; color: #9ca3af; line-height: 1.7; overflow-wrap: anywhere; margin: 12px 0; }
.research-counts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 12px 0; border-bottom: 1px solid #374151; }
.research-counts dt { font-size: 11px; color: #9ca3af; }
.research-counts dd { font-size: 20px; color: #5eead4; margin: 5px 0 0; }
.research-check { display: grid; grid-template-columns: 150px 180px minmax(0,1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid #283343; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.research-check strong { font-weight: 600; color: #e5e7eb; }
.research-check span { color: #fbbf24; }
.research-check p { color: #9ca3af; margin: 0; }
.research-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.research-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.research-table th,.research-table td { text-align: left; padding: 10px; border-bottom: 1px solid #283343; min-width: 90px; max-width: 320px; overflow-wrap: anywhere; vertical-align: top; }
.research-table th { font-weight: 500; color: #9ca3af; }
.research-table td { color: #d1d5db; }
.research-table td button { color: #5eead4; }
.research-controls { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.research-controls select,.research-controls button { background: #111827; border: 1px solid #4b5563; border-radius: 4px; color: #e5e7eb; padding: 8px; font-size: 12px; min-height: 36px; max-width: 100%; }
.research-controls button { width: 36px; flex: 0 0 36px; }
.research-controls button:disabled { opacity: .4; }
.research-controls span { font-size: 12px; color: #9ca3af; }
#research-chart { width: 100%; height: 260px; min-width: 0; }
@media (max-width:600px) {
    .research-counts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .research-check { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 6px; }
    .research-check p { grid-column: 1 / -1; }
}