/* Sabah */
.sabah-cards { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); align-items: start; }
.sabah-card { padding: 14px 16px; min-width: 0; }
.sabah-card.playing { outline: 2px solid var(--accent); }
.sabah-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sabah-head h3 { margin: 0; font-size: 16px; }
.sabah-summary { margin: 10px 0 6px; }
.sabah-items { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.sabah-item a { font-weight: 600; }
.sabah-why { margin-top: 2px; font-size: 14px; }
.sabah-new { background: var(--accent); color: #fff; }
.sabah-partial { background: var(--muted); color: #fff; margin-left: auto; }
.sabah-row { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.sabah-back { text-decoration: none; }
.sabah-note { margin: 0 0 10px; }
.sabah-read .sabah-body { line-height: 1.7; }
/* Listening mode keeps only the title and the play button. */
.sabah-listen .sabah-body { display: none; }
#sabah-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 8px 16px; display: grid; gap: 4px;
  background: var(--panel-2, var(--panel)); border-top: 1px solid var(--line, rgba(128,128,128,.3)); }
.sabah-now { font-weight: 600; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sabah-controls { display: flex; align-items: center; gap: 8px; justify-content: center; }
.sabah-controls audio { flex: 1; max-width: 520px; min-width: 0; }
body.sabah-playing { padding-bottom: 92px; }
/* Araştırma */
.sabah-ask { display: flex; gap: 8px; margin-bottom: 14px; }
.sabah-ask .search { flex: 1; min-width: 0; padding-left: 12px; }
.sabah-result { max-width: 760px; }
.sabah-result h4 { margin: 16px 0 6px; }
.sabah-result .sabah-body p { margin: 10px 0; }
.sabah-sources { padding-left: 24px; display: grid; gap: 4px; }
.sabah-failed { color: var(--bad, #c0392b); }
.sabah-row .time { flex: 1; min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 1001px) { #sabah-bar { left: var(--side-w); } }
@media (max-width: 520px) {
  .sabah-cards { grid-template-columns: minmax(0, 1fr); }
}