/* 🎤 Telaffuz noktası (Riven 22 Eki): cümle sonunda soluk mikrofon (18 px, dokunma alanı 44×44; eksi kenar boşlukları satır yüksekliğini ve kart düzenini
   büyütmez), dokununca altında alıştırma şeridi. Renkler tema değişkenlerinden: açık / koyu / Tek Adım'da okunur; simge metnin rengini alır. */
.tnk-btn { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:-13px -10px -13px -3px; padding:0; border:0; background:none; color:inherit; opacity:.55; vertical-align:middle; cursor:pointer; border-radius:50%; flex:none; -webkit-tap-highlight-color:transparent; font:inherit; }
.tnk-btn svg { width:18px; height:18px; display:block; }
.tnk-btn.tnk-buyuk svg { width:22px; height:22px; }
.tnk-btn:hover, .tnk-btn:focus-visible, .tnk-btn:active, .tnk-btn.acik { opacity:1; }
.tnk-btn.acik { color:var(--primary, #b84a22); }
.tnk-btn:focus-visible { outline:2px solid var(--primary, #b84a22); outline-offset:-8px; }
.tnk-serit { display:block; grid-column:1 / -1; flex-basis:100%; width:100%; max-width:100%; box-sizing:border-box; margin:6px 0 4px; padding:8px 10px; border:1px solid var(--line, #eadfd3); border-radius:12px; background:var(--card, #fff); color:var(--ink, #1f2a44); font-size:14px; font-weight:400; line-height:1.4; text-align:left; text-decoration:none; overflow-wrap:anywhere; }
.tnk-cumle { margin:0 0 6px; font-weight:700; font-size:15px; }
.tnk-sira { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.tnk-sira button { display:inline-flex; align-items:center; gap:5px; min-height:36px; margin:0; padding:0 12px; border-radius:999px; border:1px solid var(--line, #eadfd3); background:var(--card, #fff); color:inherit; font:inherit; font-weight:700; font-size:14px; line-height:1; cursor:pointer; box-shadow:none; }
.tnk-sira button svg { width:16px; height:16px; flex:none; }
.tnk-sira .tnk-soyle { background:var(--primary, #b84a22); border-color:var(--primary, #b84a22); color:var(--koci-on-primary, #fff); }
.tnk-sira .tnk-soyle.kayit { background:var(--bad, #d64a3c); border-color:var(--bad, #d64a3c); animation:tnkNabiz 1s ease-in-out infinite; }
.tnk-sira .tnk-x { margin-left:auto; width:36px; padding:0; justify-content:center; }
.tnk-sira button:disabled { opacity:.5; cursor:default; }
.tnk-durum { margin:6px 0 0; font-size:13px; color:var(--muted, #7a6f66); }
.tnk-durum:empty, .tnk-sonuc:empty { display:none; }
.tnk-sonuc { margin-top:4px; }
.tnk-ovgu { margin:6px 0 0; font-weight:700; }
.tnk-kelimeler { margin:6px 0 0; line-height:2; font-size:16px; }
.tnk-w { padding:2px 7px; border-radius:9px; font-weight:700; }
.tnk-w.ok { background:#d9f2e2; color:#14532d; } .tnk-w.zayif { background:#fdeccd; color:#6b4300; } .tnk-w.eksik { background:#fde1dc; color:#7a1f12; text-decoration:line-through; }
.tnk-eksik { margin:4px 0 0; font-size:13px; }
.tnk-not { display:block; margin-top:6px; font-size:11.5px; color:var(--muted, #7a6f66); }
@keyframes tnkNabiz { 50% { opacity:.75; } }
@media (prefers-reduced-motion: reduce) { .tnk-sira .tnk-soyle.kayit { animation:none; } }
/* koyu kabarcık (Koçigram sağ balon, mavi zemin): şerit kendi zeminini getirir; simge balon yazısının rengini alır */
.kg-balon .tnk-serit, .msg.bot .tnk-serit { font-size:13.5px; }
/* hikâye kitap sayfası: serif cümlenin sonunda simge dikeyde ortalanır */
.sn-sayfa-kagit .sent .tnk-btn { vertical-align:middle; }