/* grit.gg — legal section only. Loaded in addition to site.css on the ten
   /legal pages. A separate file so the sitewide sheet doesn't carry
   legal-only rules on every page load. */

/* Slot for the version number + effective date every real document carries.
   Empty on placeholder pages — see the HTML comment beside each use — but
   defined now so the second, content-only pass has a class to fill in
   rather than a layout to invent. */
.legal-meta {
  font-size: 0.9rem;
  color: rgba(247, 247, 247, 0.65);
  margin: -0.5em 0 2em;
}

/* Anchor targets for section cross-references ("see Section 15.2 of the
   EULA"). No such IDs exist on placeholder pages yet, but the rule is
   harmless until they do, and saves a pass over every page once they land. */
.prose [id] { scroll-margin-top: 2rem; }

/* The Québec EULA scope banner. Visually set apart from surrounding prose
   without looking like an error or a "coming soon" notice — a bordered
   panel in the site's existing gold, not a warning colour. */
.legal-banner {
  border: 2px solid var(--gold);
  background: rgba(219, 131, 15, 0.08);
  padding: 1.5rem 1.75rem;
  margin: 0 0 2.5rem;
  font-size: 0.95rem;
  line-height: 1.6;
}
.legal-banner p { margin: 0 0 1em; }
.legal-banner p:last-child { margin-bottom: 0; }
.legal-banner a { text-decoration: underline; }

/* Print styles — these documents get printed and annotated. Strip the
   things that only make sense on screen and default to black-on-white. */
@media print {
  .site-footer, .skip-link { display: none; }
  body { background: #fff; color: #000; }
  a { color: #000; text-decoration: underline; }
  .legal-banner { border-color: #000; background: none; }
}