/* 
 * Knowledge Hub CSS Styling
 * Professional editorial layout ensuring comfortable reading and premium aesthetics.
 */

/* 
 * Typography-optimized container
 * Enforces a maximum width to prevent line lengths from becoming exhaustive on wide screens,
 * which significantly improves mobile reading comprehension.
 */
.article-content {
    max-width: 680px; 
    margin: 0 auto;
    font-family: 'PT Serif', Georgia, serif; 
    font-size: 1.15em;
    line-height: 1.8;
    color: #2C3E50;
}

/* 
 * Frosted glass effect for News Cards 
 * Grounded with the signature Earthy Brown palette for contrast.
 */
.news-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(224, 224, 224, 0.5);
    border-bottom: 4px solid #A67B5B; /* Subtle Earthy Brown grounding border */
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

/* 
 * Muted Green circular indicator for "Verified Expert" content 
 * Instills trust immediately when farmers are reading agricultural tips.
 */
.tip-badge {
    display: inline-flex;
    align-items: center;
    background-color: #8FBC8F; /* Muted Green */
    color: white;
    font-family: 'PT Sans', sans-serif;
    font-size: 0.85em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 4px 14px;
    border-radius: 20px; /* Circular pill shape */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tip-badge::before {
    content: '';
}