/* Ultra-Wide Styles (4K and 5K Displays)
   Loaded conditionally via media="(min-width: 2560px)" in baseof.html
   ============================================================== */

/* 4K Column Layout - Convert 3-col to 4-col */
@media (min-width: 2560px) {
    .col-ultrawide {
        flex: 0 0 auto;
        width: 25%;
    }
    
    /* Featured article spans 3 of 4 columns (75%) */
    .col-ultrawide-featured {
        flex: 0 0 auto;
        width: 75%;
    }
    
    /* Larger container for ultra-wide */
    .container {
        max-width: 2200px;
    }
    
    /* Scale up typography */
    body {
        font-size: 20px;
    }
    
    h1 {
        font-size: 3.5rem;
    }
    
    h2 {
        font-size: 2.5rem;
    }
    
    h3 {
        font-size: 1.75rem;
    }
    
    .lead {
        font-size: 1.5rem;
    }
    
    /* Larger logo */
    .site-logo img {
        height: 140px;
    }
    
    /* Larger article images */
    .article-img {
        height: 280px;
    }

    /* Featured article (first/most recent) */
    .article-img-featured {
        height: 560px;
    }
    
    /* Navbar spacing */
    .navbar-nav .nav-link {
        font-size: 16px;
        padding: 0.75rem 1.25rem;
    }
}

/* 5K Displays - Even larger scaling */
@media (min-width: 5120px) {
    .col-ultrawide {
        width: 25%;
    }
    
    .container {
        max-width: 4000px;
    }
    
    body {
        font-size: 24px;
    }
    
    h1 {
        font-size: 4.5rem;
    }
    
    h2 {
        font-size: 3rem;
    }
    
    h3 {
        font-size: 2rem;
    }
    
    .lead {
        font-size: 1.75rem;
    }
    
    .site-logo img {
        height: 180px;
    }
    
    .article-img {
        height: 350px;
    }
    
    .navbar-nav .nav-link {
        font-size: 18px;
        padding: 1rem 1.5rem;
    }
    
    .reading-time-badge {
        font-size: 14px;
        padding: 6px 12px;
    }
}