/* Shared knowledge only: keep the existing workspace's paper-and-ink language. */
.brain-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  align-items: start;
  gap: 24px;
  margin-top: 24px;
}
.brain-layout > .card { min-width: 0; padding: 24px; }
.brain-layout h2 { margin: 0 0 16px; }
.brain-layout p { line-height: 1.65; }
.brain-layout input, .brain-layout code { max-width: 100%; }
.brain-layout code { overflow-wrap: anywhere; }
.brain-layout ol { padding-left: 24px; }
.brain-layout li { margin-bottom: 16px; line-height: 1.6; }
.brain-layout .rec {
  display: block;
  padding: 24px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
.brain-layout .rec .actions { align-items: baseline; gap: 8px 16px; }
.brain-layout .rec strong { font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
.brain-layout .rec .actions small { display: block; width: 100%; color: var(--tx-3); }
.brain-layout .rec p { margin: 16px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.brain-layout .rec > small { display: block; overflow-wrap: anywhere; color: var(--tx-3); }
.brain-layout .rec .chip { flex-shrink: 0; }
@media (max-width: 1100px) {
  .brain-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .brain-layout { gap: 16px; }
  .brain-layout > .card { padding: 20px 16px; }
}