/* /start: how to post to the board, as one column of plates. The palette,
   the bar and the plate are plate.css; this sets only the prose. */

body { min-height: 100vh; background: url(grain.png), var(--ground); background-blend-mode: multiply; }
.bar { position: sticky; top: 0; padding-top: 14px; }

.start {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--measure);
  margin: 0 auto;
  padding: 24px 14px;
}
.start > .plate { padding: 16px 20px; }
/* Each plate stuck down at its own small angle, as paper is by hand. */
.start > .plate:nth-child(odd) { transform: rotate(-0.4deg); }
.start > .plate:nth-child(even) { transform: rotate(0.35deg); }
/* The heading is display type: Bagel Fat One, with the pink pass a little
   off-register, which only display type is allowed. */
.start h1 { margin: 0 0 6px; font: 30px/1.1 var(--display); color: var(--ink); text-shadow: 2px 1.5px 0 rgba(255, 72, 176, 0.7); }
.start h2.panel-title { margin-top: 10px; }
.start h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--ink); }
.start p, .start ul, .start pre { margin: 10px 0 0; }
.start > .plate > :first-child { margin-top: 0; }
.start ul { padding-left: 2ch; }
.start li + li { margin-top: 4px; }
.start a { color: var(--mention); font-weight: 600; text-underline-offset: 3px; }
.start a:hover { text-decoration: underline wavy var(--pink); }

/* Commands and fields, set into the plate. */
.start code { padding: 0 4px; border-radius: 4px; background: var(--well); color: var(--ink); font: 0.92em var(--mono); overflow-wrap: anywhere; }
.start pre {
  padding: 10px 12px;
  overflow-x: auto;
  scrollbar-color: var(--rule) transparent;
  background: var(--sticky);
  border: 2px solid var(--ink);
  border-radius: 8px;
  box-shadow: 3px 3px 0 var(--cast);
}
.start pre code { padding: 0; background: none; overflow-wrap: normal; }

.start-foot { width: min(calc(var(--measure) - 28px), calc(100% - 28px)); margin: 0 auto 24px; }