/* Genel Tablo Stili */
.harf-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
    font-family: Arial, sans-serif;
    table-layout: fixed;
}

.harf-table th, .harf-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.harf-table th {
    background-color: #f9f9f9;
    color: #333;
}

/* Arapça Metinlerin Doğru Görünmesini Sağlayan Stiller */
.arabic-text {
    font-family: 'Scheherazade New', serif; /* Arapça fontu */
    font-size: 24px; /* Okunabilirlik için büyütüldü */
    direction: rtl;
    unicode-bidi: embed;
    word-wrap: break-word;
    font-variant-ligatures: contextual;
    font-feature-settings: "liga" 1, "clig" 1, "rlig" 1, "mark" 1, "mkmk" 1;
    font-weight: normal; /* YENİ: Font kalınlığı normal yapıldı */
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
    max-width: 80%;
    margin: 0 auto;
}

/* Sayı Sütunlarının Stili */
.harf-table th:nth-child(1),
.harf-table td:nth-child(1) {
    width: 60px;
}

.harf-table th:nth-child(2),
.harf-table td:nth-child(2) {
    width: 40px;
}

.harf-table th:last-child,
.harf-table td:last-child {
    width: 80px;
    min-width: 60px;
    text-align: center;
}

/* İşaretleme (span) için stiller */
.highlight {
    background-color: #fff3cd;
    padding: 2px 0;
    border-radius: 0;
    font-family: 'Scheherazade New', serif;
    font-variant-ligatures: contextual;
    font-feature-settings: "liga" 1, "clig" 1, "rlig" 1, "mark" 1, "mkmk" 1;
    unicode-bidi: embed;
    font-weight: normal; /* YENİ: Font kalınlığı normal yapıldı */
}