.map-preview-container{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.map-preview-composable,.map-preview-composable svg{width:100%;height:100%}.map-preview-container svg path{pointer-events:none}.map-preview-map{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:8px}.map-preview-map svg{width:100%;height:100%}.map-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.map-preview-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#fc5736;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.map-preview-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.topic-preview-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.map-preview-icon{font-size:48px;opacity:.6}.map-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-preview-placeholder-svg{width:60%;height:60%;opacity:.5}.map-preview-svg-static{width:100%;height:100%}.map-preview-overlay{position:absolute;bottom:8px;right:8px;opacity:0;transition:opacity .2s}.topic-card-enhanced:hover .map-preview-overlay{opacity:1}.map-preview-label{background:rgba(252,87,54,.9);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.map-data-label{font-size:8px;fill:#ffffff;font-weight:600;text-anchor:middle;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.topic-grid.with-previews{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.topic-grid-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.topic-card{display:flex;flex-direction:column;gap:8px;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;padding:20px;color:#333;text-decoration:none;transition:all .2s ease}.topic-card:hover{background-color:#e8e8e8;border-color:#fc5736;color:#fc5736;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.topic-card-enhanced{padding:0;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.06)}.topic-card-enhanced:hover{background-color:#ffffff;border-color:#fc5736;color:#333;transform:translateY(-4px);box-shadow:0 8px 24px rgba(252,87,54,.15)}.topic-card-content{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;background:#ffffff}.topic-card-tags{display:flex;gap:8px;flex-wrap:wrap}.topic-category-tag{display:inline-block;font-size:11px;font-weight:600;padding:5px 10px;border-radius:4px;background-color:#fff0ed;color:#fc5736;text-transform:capitalize}.topic-card-enhanced .topic-card-title{font-size:18px;font-weight:700;line-height:1.3;color:#1f2937;margin:0}.topic-card-link{font-size:14px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:4px;transition:color .2s}.topic-card-enhanced:hover .topic-card-link{color:#fc5736}.topic-card-link .arrow{transition:transform .2s}.topic-card-enhanced:hover .topic-card-link .arrow{transform:translateX(4px)}.topic-card-enhanced .topic-region-badge{background-color:#f3f4f6;color:#4b5563}.topic-card-enhanced .topic-region-badge.states{background-color:#eff6ff;color:#2563eb}.topic-card-enhanced .topic-region-badge.countries{background-color:#f0fdf4;color:#16a34a}.topic-card:not(.topic-card-enhanced) .topic-card-title{font-size:15px;font-weight:500;line-height:1.4}.topic-region-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.topic-region-badge.states{background-color:#e3f2fd;color:#1565c0}.topic-region-badge.countries{background-color:#e8f5e9;color:#2e7d32}@media (max-width:1024px){.topic-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.topic-grid.with-previews{grid-template-columns:repeat(2,1fr);gap:20px}.topic-card{padding:16px}.topic-card-enhanced .topic-card-title{font-size:16px}}@media (max-width:768px){.topic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.topic-grid.with-previews{grid-template-columns:1fr;gap:16px}.topic-card{padding:14px}.topic-card:not(.topic-card-enhanced) .topic-card-title{font-size:14px}.topic-card-enhanced .topic-card-title{font-size:16px}.topic-region-badge{font-size:10px;padding:3px 6px}.topic-card-content{padding:12px 16px 16px}}@media (max-width:480px){.topic-card-enhanced .topic-card-title{font-size:15px}.topic-card-link{font-size:13px}.topic-category-tag{font-size:10px;padding:4px 8px}.topic-grid{grid-template-columns:1fr;gap:10px}.topic-card{padding:16px}.topic-card-title{font-size:15px}}