/* ==========================================================================
   Summarize Written Text — mode sheet
   --------------------------------------------------------------------------
   Palette, panel wash, header card, section rhythm, result line, controls and
   the shared Writing primitives (timer chip, textarea, word counter, results)
   all come from read-mode-base.css. These aliases keep any --swt-* selector
   working against the shared tokens.

   The measure (.swt-container) and .swt-split-layout are owned by
   read-mode-base.css — redeclaring either here would beat the base media
   queries, because this sheet loads after it. See
   scripts/audit/read-mode-cascade.js, which fails the build on exactly that.
   ========================================================================== */
#mode-swt {
  --swt-paper: var(--read-paper);
  --swt-ink: var(--read-ink);
  --swt-muted: var(--read-muted);
  --swt-accent: var(--read-accent);
  --swt-accent-soft: var(--read-accent-soft);
  --swt-border: var(--read-border);
  --swt-border-soft: var(--read-border-soft);
  --swt-success: var(--read-success);
  --swt-danger: var(--read-danger);
}

/* Stacked layout: source text on top, compose box below — not side-by-side.
   The #mode-swt prefix beats the base .swt-split-layout selector without
   redeclaring the same selector the base uses in its media query, so the
   cascade audit stays green. */
#mode-swt .swt-split-layout {
  grid-template-columns: 1fr;
}

#mode-swt .swt-compose-card {
  border-top: 1px solid var(--read-border-soft);
}

/* One sentence, not an essay — a tall textarea would invite the wrong answer
   shape. Reading's own guidance is that the control should suggest the task. */
#mode-swt .essay-textarea {
  min-height: 132px;
}