/* Typography Overrides for Compact Styling */

/* Reduce spacing between elements for more compact design */
.container-fluid, .container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Compact headings */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

/* Compact paragraphs */
p {
    margin-bottom: 0.75rem;
    line-height: 1.6;
}

/* Compact sections */
section {
    padding: 30px 0;
}

@media (max-width: 768px) {
    section {
        padding: 20px 0;
    }
}

/* Compact buttons */
.btn {
    padding: 8px 20px;
    font-size: 0.9rem;
}

/* Compact form elements */
.form-control {
    padding: 8px 12px;
    font-size: 0.9rem;
}

/* Compact cards */
.card {
    margin-bottom: 1rem;
}

.card-body {
    padding: 1rem;
}

/* Compact navigation */
.navbar-nav .nav-item {
    margin: 0;
}

/* Responsive typography */
@media (max-width: 576px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.1rem; }
    
    .btn { 
        padding: 6px 16px; 
        font-size: 0.85rem; 
    }
}