body{
    font-family:'Segoe UI Variable',sans-serif;
    background:linear-gradient(135deg,#f4f6f9,#e6edf5);
}

/* =========================
   NEWSPAPER GRID LAYOUT
========================= */

.newspaper-wrapper{
    width: 98%;
    margin: auto;
    padding: 20px 10px;
}

/* 50% - 30% - 20% Layout */
.newspaper-grid{
    display: grid;
    grid-template-columns: 50% 30% 20%;
    gap: 10px;
    align-items: start;
}

/* Vertical separators */
.main-story{
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.second-story{
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

/* Responsive */
@media (max-width: 1200px){
    .newspaper-grid{
        grid-template-columns: 1fr;
    }

    .main-story,
    .second-story{
        border-right: none;
        padding-right: 0;
    }
}

/* ===========================
   HEADER FIX
=========================== */

.header-section{
    background: #fff;
    border-bottom: 3px solid #c40000;
}

/* Logo */
.site-logo{
    max-height: 90px;
}

/* Banner */
.site-banner{
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
}

/* Remove ugly stretching */
.custom-img{
    display: block;
}

/* Responsive */
@media (max-width: 768px){

    .site-banner{
        height: auto;
    }

    .site-logo{
        max-height: 70px;
    }
}