/* style.css */
body { font-family: sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 20px; background: #f4f4f4; }
h1, h2, h3 { color: #2c3e50; }
a { color: #3498db; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { display: flex; gap: 20px; flex-wrap: wrap; }
.sidebar { flex: 1 1 260px; background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.main-content { flex: 3 1 600px; }
.seo-block { background: #fff; border-radius: 6px; padding: 16px; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-bottom: 16px; }
.seo-block.bottom { margin-top: 20px; }
.seo-block p { margin: 0 0 10px; }
.seo-block p:last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
th, td { padding: 12px; border: 1px solid #ddd; text-align: left; }
th { background-color: #ecf0f1; }
.pagination { margin-top: 20px; }
.pagination a { margin: 0 5px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 3px; }
.pagination a.active { background-color: #3498db; color: #fff; border-color: #3498db; }
.sidebar ul { list-style-type: none; padding: 0; }
.sidebar a { display: block; padding: 5px 0; }
.sidebar a.active { font-weight: bold; color: #2980b9; }
.facet-list { max-height: 200px; overflow-y: auto; padding-right: 6px; }
.facet-list li { margin: 0; }
.facet-list::-webkit-scrollbar { width: 8px; }
.facet-list::-webkit-scrollbar-thumb { background: #d0d7de; border-radius: 6px; }
.facet-list::-webkit-scrollbar-track { background: transparent; }
.active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.filter-chip { display: inline-flex; align-items: center; gap: 6px; background: #eef2f7; color: #34495e; padding: 6px 10px; border-radius: 16px; font-size: 12px; }
.filter-chip span { font-weight: bold; }
.clear-filter { display: inline-block; background: #e74c3c; color: #fff; padding: 5px 10px; border-radius: 3px; margin-bottom: 15px; }
.detail-container { background: #fff; padding: 30px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.related-data { margin-top: 30px; }
.investor-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.investor-card { background: #fff; border-radius: 6px; padding: 16px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.investor-name { font-size: 18px; font-weight: 600; margin-bottom: 4px; }
.investor-title { color: #666; font-size: 14px; margin-bottom: 10px; }
.investor-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; margin-bottom: 10px; }
.investor-markets { font-size: 13px; color: #444; }
.pagination { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pagination span { padding: 6px 8px; color: #777; }
@media (max-width: 900px) {
    body { padding: 10px; }
    .container { flex-direction: column; }
    .sidebar, .main-content { flex: 1 1 100%; }
    .facet-list { max-height: 160px; }
}