/* ============================================================
   Hello World lab - static legal / info pages
   (terms . privacy . age . contact . copyright . org . report)

   The whole look now comes from /site.css. Load order in every
   page head is: fonts -> remixicon -> /site.css -> /legal.css.
   Only the small deltas these seven pages need live below.
   ============================================================ */

/* ---- header logo: stack the title over the subtitle --------- */
.logo-title,
.logo-sub { display: block; }

/* ---- left rail: these pages have no section labels ---------- */
.nav > a:first-child { padding-top: 0; }

/* ---- the "Effective ..." line that sits under every h1 ------ */
.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);
}

/* the first section heading follows that rule - no double line */
.prose .meta + h2 {
  margin-top: 1.9rem;
  padding-top: 0;
  border-top: 0;
}

/* ---- list markers pick up the phosphor ---------------------- */
.prose li::marker { color: rgb(var(--phos-rgb) / 0.55); }

/* ---- the closing line under the article --------------------- */
.prose .footer { margin-top: 3rem; }

@media (max-width: 1023px) {
  .nav > a:first-child { padding-top: 0.15rem; }
}