/* style.css */
body { 
    font-family: 'Inter', sans-serif; 
    font-size: 18px; 
    line-height: 1.6; 
    color: #333; 
    scroll-padding-top: 70px; 
}

h1, h2, h3, h4, h5, .hero-section, .section-padding { 
    text-align: left !important; 
}

.hero-section { 
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); 
    padding: 120px 0 80px 0; 
    border-bottom: 1px solid #dee2e6;
}

.section-padding { padding: 80px 0; border-bottom: 1px solid #eee; }

.nav-link { font-weight: 600; color: #555 !important; }
.nav-link:hover { color: #2D82B7 !important; }

.math-box { 
    background: #f8f9fa; 
    padding: 25px; 
    border-radius: 8px; 
    margin: 20px 0; 
    border-left: 5px solid #2D82B7;
    overflow-x: auto;
}

.important-date-table { 
    background: white; 
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
    max-width: 900px;
}

.footer { background: #f8f9fa; color: #666; padding: 40px 0; border-top: 1px solid #eee; }

.badge-custom { 
    background-color: #2D82B7; color: white; margin-bottom: 15px; 
    display: inline-block; padding: 6px 16px; border-radius: 50px; 
    font-weight: 600; font-size: 0.9rem;
}

.ref-list { padding-left: 0; list-style: none; }
.ref-item { margin-bottom: 1.5rem; padding-left: 1.5rem; border-left: 2px solid #ddd; }