/* Ana metin alaninin okunabilirligini artirmak ve yazi tipi boyutunu kontrol etmek için */
.resizable-content {
    /* Varsayilan yazi tipi boyutunu ve satir yüksekligini CSS degiskeni olarak tanimliyoruz. */
    /* JavaScript bu degiskenleri degistirecek. */
    --font-size-base: 1.1rem; /* Varsayilan okunabilir boyut (yaklasik 17-18px) */
    --line-height-base: 1.7;  /* Okunabilirlik için ideal satir yüksekligi */
}

/* Kapsayici içindeki tüm paragraflar ve div'ler bu degiskenleri kullanacak */
.resizable-content p, 
.resizable-content div {
    font-size: var(--font-size-base) !important; /* Önemli! Style etiketlerini ezmek için. */
    line-height: var(--line-height-base) !important;
    
    /* Boyut degisiminin yumusak olmasi için geçis efekti */
    transition: font-size 0.2s ease-in-out, line-height 0.2s ease-in-out;
}

/* Butonlarin üzerine gelince imlecin degismesi için */
.font-controls button {
    cursor: pointer;
}