/* 🚦 Cümle Akademisi · konu seçimi (cumle-akademisi.js; Riven 24 Eki). Renkler temadan (--card, --ink, --line, --primary, --muted): açık, koyu ve öteki
   temalar kendiliğinden uyar. Görünüm Karma'nın konu seçicisiyle aynı (konu satırı, çip, seviye grubu) ama ak- öneki: Karma'nın sınıf adları yalnız
   karma ailesinde kullanılır (karma.test.js kuralı; Komutan'ın aynı önekli sınıfları Karma'yı bozmuştu). 320–375 px telefonda yana taşma yok; dokunma alanı ≥ 36 px. */
.ak-bant { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 10px; text-align:left; }
.ak-bant[hidden] { display:none; }
.ak-bant .ak-cip-satir { flex:1 1 auto; gap:6px; }
.ak-bant .ak-cip { min-height:36px; font-size:14px; padding-left:10px; }
.ak-bant .ak-cip button { flex-basis:36px; min-width:36px; min-height:36px; font-size:20px; }
.ak-bant-not { color:var(--muted); font-size:14px; margin:0; flex:1 1 auto; }
.ak-bant .ak-sec { display:inline-flex; align-items:center; gap:6px; width:auto; margin:0; padding:9px 14px; font-size:15px; border-radius:14px; white-space:nowrap; }
.ak-cumle-konu { margin:0 0 4px; font-size:13px; font-weight:700; color:var(--muted); }
/* konusma-cevap.js: uzun cümlede (15+ kelime) seçili yol bu seferlik kapalı notu */
.kt-uzun-not { font-weight:700; color:var(--ink); }

/* ortak parçalar: çip + çıkar (×), arama, konu satırı, seviye grubu */
.ak-gizli { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ak-sinir-not { color:var(--muted); font-size:14px; margin:0; } .ak-sinir-not b { color:var(--ink); }
.ak-bos-not { color:var(--muted); margin:0; font-size:14px; overflow-wrap:anywhere; }
.ak-cip-satir { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.ak-cip { display:inline-flex; align-items:center; max-width:100%; min-height:44px; background:var(--card); color:var(--ink); border:2px solid var(--primary); border-radius:22px; padding-left:12px; font-weight:700; font-size:15px; }
.ak-cip > span { overflow-wrap:anywhere; padding:6px 0; min-width:0; }
.ak-cip button { flex:0 0 44px; min-width:44px; min-height:44px; border:0; background:none; color:var(--muted); font-size:22px; line-height:1; border-radius:22px; cursor:pointer; }
.ak-cip button:focus-visible { outline:3px solid var(--primary); outline-offset:-3px; }
.ak-ara input { width:100%; min-height:48px; }
.ak-liste { display:flex; flex-direction:column; gap:6px; }
.ak-konu { display:flex; align-items:center; gap:10px; width:100%; min-height:48px; text-align:left; background:var(--card); color:var(--ink); border:2px solid var(--line); border-radius:14px; padding:6px 10px; font:inherit; cursor:pointer; }
.ak-konu.on { border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.ak-konu[aria-disabled="true"] { opacity:.55; }
.ak-konu-tik { flex:0 0 28px; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); font-weight:900; color:var(--muted); }
.ak-konu.on .ak-konu-tik { background:var(--primary); border-color:var(--primary); color:var(--koci-on-primary, #fff); }
.ak-konu-tx { display:flex; flex-direction:column; min-width:0; flex:1 1 auto; }
.ak-konu-tx b { overflow-wrap:anywhere; font-size:16px; }
.ak-konu-tx small { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.ak-seviye { border-top:1px solid var(--line); }
.ak-seviye summary { min-height:44px; display:flex; align-items:center; gap:8px; cursor:pointer; padding:4px 2px; font-size:15px; }
.ak-seviye summary small { color:var(--muted); }
.ak-seviye > .ak-liste { padding:4px 0 10px; }

/* seçici penceresi (alt sayfa) */
.ak-sheet { max-height:calc(100dvh - 32px); overflow-y:auto; text-align:left; gap:10px; }
.ak-sheet button:focus-visible, .ak-sheet summary:focus-visible { outline:3px solid var(--primary); outline-offset:2px; }
.ak-sheet-ust { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.ak-sheet-ust h3 { margin:0; font-size:19px; }
.ak-sheet-alt { display:flex; gap:8px; position:sticky; bottom:-16px; background:var(--card); padding:8px 0 4px; margin-top:4px; }
.ak-sheet-alt .btn { flex:1 1 0; margin:0; padding:13px 10px; font-size:15px; }
@media (prefers-reduced-motion: reduce) { .ak-sheet * { transition:none !important; } }