/* Tablet: two-column layout */
@media (min-width: 600px) {
  body {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-lg);
  }
  #editor {
    flex: 1 1 40%;
    max-width: none;
  }
  #prompt-board {
    flex: 1 1 60%;
  }
}

/* Desktop: larger gaps & type */
@media (min-width: 1024px) {
  body {
    gap: 3rem;
    padding: 2rem;
  }
  .prompt-title { font-size: 2.2rem; }
  .prompt-line  { font-size: 1.4rem; }
}