body {
    font-family: "Georgia", serif; /* Klasyczna czcionka gazetowa */
    line-height: 1.3;
    color: #333;
    max-width: 800px;
    margin: 20px auto;
    padding: 0 15px;
    background-color: #fff
}
h1 {
    font-size: 34px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0;
    letter-spacing: -0.5px;
}
h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}
.autor {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.time {
    color: #d00;
    margin-left: 5px;
}
.tekst {
    font-size: 15px;
    margin-bottom: 10px;
}
.punkt {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
}
.nad-tytułem {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #888;
    margin-bottom: 2px;
}
.gora-news {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
    max-width: 800px; 
    margin: 0 auto;
}

.gora-news article {
    display: grid;
    grid-template-columns: 1fr 2.5fr; 
    gap: 30px;
    align-items: start;
}
.teskt-wrapped {
    display: flex;
    flex-direction: column;
}
.zdjęcie1 img {
    width: 100%;
    height: auto;
    display: block;
}

.komentarz{
    color: rgb(50, 81, 163);
    font-size: 14px;
}
.podpis {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #888;
    margin-top: 5px;
}

.main-content {
    display: flex;
    gap: 30px;  
    align-items: flex-start;
}

.left-col {
    flex: 1;     
    border-right: 1px solid #ddd; 
    padding-right: 20px;
}

.prawa-kolumna {
    flex: 2;            
}


.article-side-by-side {
    display: flex;       
    gap: 15px;
    margin-bottom: 15px;
}

.text-part, .text {
    flex: 1;             
}
.sekcja-z-foto {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-top: 15px;
}

.info-tekst {
    flex: 1;
}



.zdjęcie2 img {
    width: 100px; 
    height: auto;
    display: block;
}

.zdjęcie3 img {
    width: 300px;  
    height: auto; 
    object-fit: cover; 
    display: block;
}
.zdjęcie4 img {
    width: 100px;  
    height: auto; 
    object-fit: cover; 
    display: block;
}
.zdjęcie5 img {
    width: 100px;  
    height: auto; 
    object-fit: cover; 
    display: block;
}