/* 
 * Compact Spacing
 * Tighter spacing for more content density
 */

:root {
    /* Density factor applied to spacing */
    --density-factor: 0.8;
    
    /* Derived spacings based on density factor */
    --space-section: calc(var(--spacing-12) * var(--density-factor));
    --space-component: calc(var(--spacing-6) * var(--density-factor));
    --space-element: calc(var(--spacing-3) * var(--density-factor));
    --space-inset: calc(var(--spacing-2) * var(--density-factor));
    
    /* Override container padding */
    --container-padding: calc(var(--spacing-3) * var(--density-factor));
}

/* Adjust specific component spacings */
.article-card {
    margin-bottom: calc(var(--spacing-4) * var(--density-factor));
}

.article-card__content {
    padding: calc(var(--spacing-3) * var(--density-factor));
}

.article-card__title {
    margin-bottom: calc(var(--spacing-2) * var(--density-factor));
}

.section {
    padding-top: var(--space-section);
    padding-bottom: var(--space-section);
}

.ad-container {
    margin: var(--space-component) 0;
    padding: var(--space-element);
}

/* Adjust typography spacing */
p, ul, ol, dl {
    margin-bottom: calc(var(--spacing-3) * var(--density-factor));
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: calc(var(--spacing-3) * var(--density-factor));
}