body {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.glass-nav {
    background: rgba(250, 248, 255, 0.82);
    backdrop-filter: blur(14px);
}

.hero-radial {
    background:
        radial-gradient(circle at top left, rgba(176, 198, 255, 0.34), transparent 34%),
        radial-gradient(circle at bottom right, rgba(27, 109, 36, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(0, 49, 120, 0.95), rgba(13, 71, 161, 0.84));
}

.editorial-card {
    box-shadow: 0 24px 60px rgba(25, 27, 34, 0.08);
}

.card-hover {
    transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(25, 27, 34, 0.08);
}

.pill-shadow {
    box-shadow: 0 10px 32px rgba(0, 49, 120, 0.12);
}

.text-balance {
    text-wrap: balance;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.grid-editorial {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5rem;
}

.grid-editorial > * {
    min-width: 0;
}

@media (max-width: 768px) {
    .grid-editorial {
        grid-template-columns: 1fr;
    }
}