:root {
            --p: #1a365d; --a: #c53030; --bg: #f1f5f9; --txt: #334155;
        }

        /* Temel Ayarlar - Yazıları biraz küçülttük */
        body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--txt); margin: 0; display: flex; height: 100vh; font-size: 14px; }

        /* Sidebar - Genişliği daralttık */
        .sidebar { width: 260px; background: #fff; border-right: 1px solid #cbd5e1; display: flex; flex-direction: column; transition: 0.3s; }
        .sidebar-h { padding: 15px; background: var(--p); color: white; }
        .sidebar-h h3 { margin: 0; font-size: 1.1rem; }
        
        .nav-list { list-style: none; padding: 5px; margin: 0; overflow-y: auto; }
        .nav-item { 
            padding: 10px 12px; margin-bottom: 2px; border-radius: 6px; cursor: pointer;
            display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem;
        }
        .nav-item:hover { background: #f8fafc; }
        .nav-item.active { background: #e2e8f0; font-weight: bold; color: var(--p); }

        /* Ana İçerik */
        .main { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
        .top { padding: 10px 20px; background: #fff; border-bottom: 1px solid #cbd5e1; }
        #search { width: 100%; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; box-sizing: border-box; }

        .content { flex: 1; padding: 20px; overflow-y: auto; }
        .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; }

        /* Kartlar - Daha kompakt (küçük) hale geldi */
        .card { background: white; padding: 15px; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); position: relative; }
        .card h4 { margin: 5px 0; font-size: 1rem; color: var(--p); }
        .card p { font-size: 0.8rem; line-height: 1.4; color: #64748b; margin: 8px 0; }
		.card img { width: 100%; max-height: 120px; object-fit: contain; margin-bottom: 8px; }
        
        .risk { font-size: 0.7rem; font-weight: bold; color: var(--a); display: block; }
        .std { font-size: 0.7rem; background: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-weight: bold; color: #475569; }
        
        /* Mobil Uyumluluk (Ekran 768px'den küçükse) */
        @media (max-width: 768px) {
            body { flex-direction: column; }
            .sidebar { width: 100%; height: 250px; border-right: none; border-bottom: 1px solid #cbd5e1; }
            .grid { grid-template-columns: 1fr; } /* Kartlar tek sütun */
        }
		.img-note { display: block; margin-top: 12px; font-size: 12px; color: #64748b; text-align: center; }