/* ==========================================================================
   1. ORTAK ALTYAPI (Hem Mobil Hem Masaüstü İçin Geçerli)
   ========================================================================== */
.siir-kapsayici {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    display: flex !important;
    justify-content: center !important;
    font-style: italic !important;
    width: 100% !important;
}

.siir-icerik {
    text-align: left !important;
    display: inline-block !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   2. SADECE MOBİL AYARI (Ekran genişliği en fazla 767px olan cihazlar)
   ========================================================================== */
@media (max-width: 767px) {
    .siir-icerik, 
    .siir-icerik *, 
    #yunus-dortluk, 
    #yunus-dortluk * {
        font-size: 10pt !important; /* Mobilde kesinlikle 11pt kalacak */
        line-height: 1.7 !important;
        color: #A87941 !important;
    }
}


/* ==========================================================================
   3. SADECE MASAÜSTÜ AYARI (Ekran genişliği 768px ve üzeri olan bilgisayarlar)
   ========================================================================== */
@media (min-width: 768px) {
    .siir-icerik, 
    .siir-icerik *, 
    #yunus-dortluk, 
    #yunus-dortluk * {
        font-size: 16pt !important; /* Bilgisayarda tok ve iri durması için 16pt */
        line-height: 1.8 !important;
        color: #A87941 !important;
    }
}