/* 2.4.9: the discussion under a bagrut question (assets/bagrut-discuss.js). Builds on the lesson discussion (mlc-*). */
.bq-discuss{margin-top:20px;padding:20px 24px;border:1px solid var(--ml-line);border-radius:var(--ml-r-lg);background:var(--ml-surface);box-shadow:none;scroll-margin-top:96px}
.bq-discuss .bq-dis-head{display:flex;align-items:flex-start;gap:12px}
.bq-dis-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ml-r-md);background:var(--ml-accent-soft);color:var(--ml-accent-text)}
.bq-dis-copy{flex:1;min-width:0}
.bq-discuss .bq-dis-head h2{margin:0;font-size:var(--ml-fs-4);line-height:var(--ml-lh-title);font-weight:700;letter-spacing:0;color:var(--ml-ink)}
.bq-discuss .bq-dis-head p{margin:4px 0 0;font-size:var(--ml-fs-2);line-height:1.6;color:var(--ml-muted)}
.bq-discuss .mlc-count{flex:none;align-self:center;padding:4px 10px;border-radius:var(--ml-r-full);background:var(--ml-sunken);color:var(--ml-muted);font-size:var(--ml-fs-1);font-weight:700;white-space:nowrap}
.bq-dis-body{margin-top:4px}
.bq-dis-compose{display:flex;flex-direction:column;gap:8px;background:var(--ml-bg);box-shadow:none;border:1px solid var(--ml-line)}
.bq-dis-label{font-size:var(--ml-fs-2);font-weight:700;color:var(--ml-ink)}
.bq-dis-compose textarea{min-height:96px}
.bq-dis-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bq-dis-row .ml-btn-primary{margin-top:0!important}
.bq-dis-len{font-size:var(--ml-fs-1);color:var(--ml-subtle);font-variant-numeric:tabular-nums}
.bq-dis-upsell{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:var(--ml-r-md);background:var(--ml-accent-soft);color:var(--ml-ink)}
.bq-dis-upsell-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ml-r-full);background:var(--ml-surface);color:var(--ml-accent-text)}
.bq-dis-upsell-text{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:var(--ml-fs-2);line-height:1.6}
.bq-dis-upsell-text b{font-size:var(--ml-fs-3);color:var(--ml-ink)}
.bq-dis-upsell-text span{color:var(--ml-text)}
.bq-dis-cta{flex:none;min-height:44px;text-decoration:none}
.bq-dis-guest{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bq-dis-post{border:1px solid var(--ml-line);box-shadow:none;transition:box-shadow 300ms ease}
.bq-dis-post.is-flash{box-shadow:0 0 0 3px var(--ml-accent-line)}
.bq-dis-post .mlc-by{flex-wrap:wrap;row-gap:4px}
.bq-dis-post .mlc-by b{color:var(--ml-ink);font-size:var(--ml-fs-2)}
.bq-dis-post .mlc-pin{display:inline-flex;align-items:center;gap:2px}
.bq-dis-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--ml-r-full);background:var(--ml-sunken);color:var(--ml-muted);font-size:var(--ml-fs-1);font-weight:700}
.bq-dis-badge.is-ok{background:var(--ml-success-soft);color:var(--ml-success)}
.bq-dis-badge.is-staff{background:var(--ml-accent-soft);color:var(--ml-accent-text)}
.bq-dis-post .mlc-body{white-space:pre-line;overflow-wrap:anywhere}
.bq-dis-post .mlc-tool{display:inline-flex;align-items:center;gap:4px}
.bq-dis-post .mlc-tool.is-on{background:var(--ml-accent-soft);color:var(--ml-accent-text);border-color:var(--ml-accent-line)}
.bq-dis-thread .mlc-comment{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.bq-dis-thread .mlc-comment b{font-size:var(--ml-fs-2)}
.bq-dis-when{font-size:var(--ml-fs-1);color:var(--ml-subtle)}
.bq-dis-text{flex-basis:100%;margin:4px 0 0;white-space:pre-line;overflow-wrap:anywhere;color:var(--ml-text)}
.bq-dis-thread .mlc-comment.is-staff{background:var(--ml-accent-soft);border-inline-start:3px solid var(--ml-accent)}
.bq-dis-thread .mlc-comment.is-staff b{color:var(--ml-accent-text)}
.bq-dis-thread .mlc-comment.is-staff .bq-dis-text{color:var(--ml-ink)}
.bq-dis-reply{display:flex;gap:8px;align-items:flex-end;margin-top:8px}
.bq-dis-reply textarea{flex:1;min-height:48px!important}
.bq-dis-reply .ml-btn-primary{flex:none;margin:0!important}
html[data-ml-theme=dark] .bq-discuss{background:var(--ml-surface);border-color:var(--ml-line-strong)}
html[data-ml-theme=dark] .bq-dis-compose,html[data-ml-theme=dark] .bq-dis-post{background:var(--ml-surface-2)!important;border-color:var(--ml-line-strong)}
html[data-ml-theme=dark] .bq-dis-upsell{background:var(--ml-surface-3)}
html[data-ml-theme=dark] .bq-dis-thread .mlc-comment.is-staff{background:var(--ml-surface-3)}
@media (max-width:620px){
  .bq-discuss{padding:16px;margin-top:16px}
  .bq-discuss .bq-dis-head{flex-wrap:wrap}
  .bq-discuss .mlc-count{margin-inline-start:48px}
  .bq-dis-ico{width:36px;height:36px}
  .bq-dis-reply{flex-direction:column;align-items:stretch}
  .bq-dis-row{justify-content:flex-end}
  .bq-dis-row .ml-btn-primary{flex:1 1 auto}
}