/* CTF command rows: keep labels and tool names intact, give prose predictable wrapping. */
.journal-main .journal-command header{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  gap:10px 18px;
  align-items:start;
  justify-content:initial;
}

.journal-main .journal-command header span,
.journal-main .journal-command header em{
  min-width:max-content;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}

.journal-main .journal-command header strong{
  min-width:0;
  max-width:42ch;
  font:400 14px/1.38 Apparat,Arial,sans-serif;
  letter-spacing:-.008em;
  word-break:normal;
  overflow-wrap:normal;
  -webkit-hyphens:none;
  hyphens:none;
  text-wrap:pretty;
}

.journal-main :is(
  .journal-command-explain dd,
  .journal-field-grid dd,
  .ctf-task-toggle h5,
  .ctf-task-content p,
  .ctf-task-content dd
){
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none;
}

.journal-main :is(.journal-command-explain dt,.journal-field-grid dt){
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none;
}

@media(max-width:700px){
  .journal-main .journal-command header{
    grid-template-columns:max-content minmax(0,1fr) max-content;
    gap:8px 12px;
    padding:16px;
  }

  .journal-main .journal-command header span,
  .journal-main .journal-command header em{
    font-size:11px;
    line-height:1.35;
  }

  .journal-main .journal-command header strong{
    max-width:none;
    font-size:14px;
    line-height:1.36;
  }
}

@media(max-width:360px){
  .journal-main .journal-command header{
    grid-template-columns:max-content minmax(0,1fr);
  }

  .journal-main .journal-command header em{
    grid-column:2;
    justify-self:start;
  }
}