/* ============================================================
   Hello World lab - docs page corrections

   The whole look (CRT ground, phosphor green, header, rail, prose)
   comes from /site.css. This file carries ONLY what the docs page
   needs on top of that, so it must be linked AFTER site.css.
   ============================================================ */

/* ---- left rail ------------------------------------------------------
   The docs rail carries five sections and fifteen links, so it needs a
   touch more width than the shared default and a tighter vertical
   rhythm than a short legal page. */
.shell { --rail: 252px; }

.nav .sec { margin-top: 1.25rem; }
.nav .sec:first-child { margin-top: 0; }
.nav a { padding-top: 0.28rem; padding-bottom: 0.28rem; }

/* ---- reading column -------------------------------------------------
   Long document: keep the measure fixed even inside the wide shell. */
.main .prose { max-width: var(--prose); }

/* numbered steps: markers outside the text block */
.prose ol { list-style-position: outside; }

/* the install block must not wrap in the middle of a flag */
.prose pre { white-space: pre; }

/* ---- the dated header line under the h1 -----------------------------
   Same rule as the legal pages (legal.css), repeated here because the
   docs page loads docs.css instead of legal.css. */
.prose .meta {
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0 0 1.8rem;
  padding-bottom: 0.95rem;
  border-bottom: 1px dashed var(--line);
}
.prose .meta + h2 {
  margin-top: 1.9rem;
  padding-top: 0;
  border-top: 0;
}

/* ---- closing byline -------------------------------------------------
   The sign-off line that sits just above the shared .footer. */
.foot {
  margin-top: 2.5rem;
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted);
}

@media (max-width: 1023px) {
  /* the rail collapses into a wrapping strip - drop the section gaps */
  .nav .sec { margin-top: 0; }
  .nav a { padding-top: 0.15rem; padding-bottom: 0.15rem; }
}