body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #334155; }
        .navbar-custom { background-color: #001233; }
        .footer-custom { background-color: #001233; color: #e2e8f0; }

        /* Card Berita Compact */
        .news-card { 
            background: white; 
            border-radius: 12px; 
            overflow: hidden; 
            border: 1px solid #e2e8f0; 
            transition: all 0.3s ease; 
        }
        .news-card:hover { 
            transform: translateY(-4px); 
            box-shadow: 0 8px 20px rgba(0,0,0,0.06); 
        }
        .news-image { 
            height: 160px; /* Ukuran gambar diperkecil */
            overflow: hidden; 
        }
        .news-image img { 
            width: 100%; 
            height: 100%; 
            object-fit: cover; 
        }
        .news-content { 
            padding: 1rem; /* Padding konten diperkecil */
        }
        .news-title {
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.35;
            color: #0f172a;
            text-transform: uppercase;
            margin-bottom: 0.5rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 2.7rem;
        }
        .news-title a {
            color: inherit;
            text-decoration: none;
        }
        .news-title a:hover {
            color: #0284c7;
        }
        .news-excerpt {
            font-size: 0.8rem;
            color: #64748b;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 0.8rem;
        }
        .meta-text {
            font-size: 0.73rem;
            color: #94a3b8;
        }
        .btn-read-more {
            font-size: 0.78rem;
            font-weight: 600;
            padding: 0.35rem 0.8rem;
            border-radius: 8px;
            color: #002266;
            border: 1px solid #002266;
            background: transparent;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s ease;
        }
        .btn-read-more:hover {
            background-color: #002266;
            color: #ffffff;
        }