/* EdTech Türkiye — yazı içi AI Lab paneli (26 Eyl 2026) */
.labx{background:linear-gradient(135deg,rgba(25,188,156,.08),rgba(13,138,111,.05));border:1px solid rgba(25,188,156,.25);border-radius:14px;padding:18px 20px;margin:24px 0}
.labx-title{font-weight:700;margin-bottom:4px}
.labx-desc{font-size:13.5px;color:#5f6b68;margin-bottom:12px}
.labx-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.labx-btn{display:inline-block;border:1px solid rgba(25,188,156,.45);background:#fff;color:#0d8a6f;font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:9px;cursor:pointer;text-decoration:none;line-height:1.3}
.labx-btn:hover{background:rgba(25,188,156,.08);color:#0b7861}
.labx-btn.primary{background:#19bc9c;border-color:#19bc9c;color:#fff}
.labx-btn.primary:hover{background:#12a98b;color:#fff}
.labx-link{font-size:13px;color:#5f6b68;text-decoration:underline}
.labx-panel{margin-top:14px}
.labx-run,.labx-res{background:#fff;border:1px solid rgba(25,188,156,.28);border-radius:12px;padding:14px 16px}
.labx-run-head{display:flex;align-items:center;gap:10px;font-size:14.5px;margin-bottom:8px}
.labx-run-head b{flex:1}
.labx-ms{font-size:12px;color:#8a9490}
.labx-close{margin-left:auto;background:none;border:none;font-size:15px;color:#8a9490;cursor:pointer;line-height:1}
.labx-spin{width:14px;height:14px;border:2px solid rgba(25,188,156,.3);border-top-color:#19bc9c;border-radius:50%;display:inline-block;animation:labxspin .8s linear infinite}
@keyframes labxspin{to{transform:rotate(360deg)}}
.labx-stage{font-size:13px;color:#5f6b68}
.labx-live{margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#5f6b68;background:rgba(25,188,156,.05);border:1px solid rgba(25,188,156,.18);border-radius:9px;padding:10px 12px;white-space:pre-wrap;word-break:break-word;min-height:46px}
.labx-body{max-height:520px;overflow:auto}
.labx-q,.labx-step{padding:10px 0;border-bottom:1px solid #eef2f1}
.labx-q:last-child,.labx-step:last-child{border-bottom:none}
.labx-qt{font-weight:600;font-size:14.5px;margin-bottom:6px}
.labx-dur{font-weight:400;font-size:12px;color:#8a9490}
.labx-sc{font-size:14px;color:#4b5551;line-height:1.7}
.labx-opt{font-size:14px;color:#4b5551;padding:3px 0}
.labx-opt.ok{color:#0d8a6f;font-weight:600}
.labx-reveal{margin-top:6px;background:none;border:none;color:#0d8a6f;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}
.labx-exp{margin-top:6px;font-size:13.5px;color:#4b5551;background:rgba(25,188,156,.06);border-radius:8px;padding:8px 10px}
.labx-intro{font-size:14px;color:#4b5551;line-height:1.7;margin:0 0 10px}
.labx-take{margin-top:10px;font-size:14px;background:rgba(25,188,156,.07);border-radius:9px;padding:10px 12px;color:#37423e}
.labx-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #eef2f1}
.labx-err{font-size:14px;color:#a3492f;background:#fdf3f0;border:1px solid #f2d3c9;border-radius:9px;padding:10px 12px;margin-bottom:10px}
@media(max-width:560px){.labx-actions{flex-direction:column;align-items:stretch}.labx-btn{text-align:center}}
/* Faz 3 — kalıcı çıktı aksiyonları */
.labx-mailbox{margin-top:12px;padding-top:12px;border-top:1px solid #eef2f1;font-size:13.5px}
.labx-mailbox input[type=email]{padding:9px 11px;border:1px solid #d8e2df;border-radius:8px;font-size:14px;min-width:230px;margin-right:8px}
.labx-mailbox label{display:block;margin-top:8px;color:#5f6b68;font-size:13px}
.labx-mailbox .ok{color:#0d8a6f;margin-top:8px}
.labx-mailbox .err{color:#a3492f;margin-top:8px}
/* Faz 4 — kaynak şeffaflığı + öğrenme hedefi */
.labx-kaz{font-size:12.5px;color:#0d8a6f;margin-top:5px}
.labx-kaynak{margin-top:12px;font-size:13px;color:#4b5551;background:#f4faf8;border-left:3px solid #19bc9c;padding:10px 12px;border-radius:4px;line-height:1.6}
.labx-kaynak a{color:#0d8a6f}

/* 27 Eyl 2026 — yazı sayfası sesli dinle kutusu */
.post-audio{margin:14px 0 18px;padding:12px 14px;border:1px solid rgba(25,188,156,.28);border-radius:12px;background:linear-gradient(135deg,rgba(25,188,156,.07),rgba(13,138,111,.04))}
.post-audio-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.post-audio-title{font-weight:700;font-size:14.5px;color:#0d8a6f}
.post-audio-meta{font-size:12.5px;color:#7c8783}
.post-audio audio{width:100%;height:38px}