/* ---------------------------------------------------------------------------
   MITD v5 — legal document set
   Server path: /home/darkspac/public_html/MITD/v5/assets/css/legal.css

   Loaded AFTER signup.css by the three legal pages (terms, privacy policy,
   digital items) so they read as one document set. signup.css already styles
   .signupHelpCard h1/h2/p; this file only adds what it does not cover.
   ------------------------------------------------------------------------ */

/* Inline prose links: same colour as the surrounding text, distinguished by an
   underline instead. A saturated blue against body copy is hard to read at
   paragraph length, and these documents are nothing but paragraphs. Footer
   links (.signupHelpLink) are a navigation row, not prose, and keep their
   own treatment. */
.legalDoc p a:not(.signupHelpLink),
.legalDoc li a:not(.signupHelpLink) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

.legalDoc p a:not(.signupHelpLink):hover,
.legalDoc li a:not(.signupHelpLink):hover {
  text-decoration-thickness: 2px;
}

/* Sub-section headings (3.1, 3.2 …). Only the Terms uses this depth, so
   signup.css has no rule for it — without this an h3 would out-weigh the h2
   above it. */
.legalDoc h3 {
  margin: 1.6em 0 0.5em;
  font-size: 1.02rem;
  letter-spacing: 0.01em;
  opacity: 0.95;
}

/* Third-level headings (3.3.1, 3.3.6 …), added with the 2026-09 Account
   Privacy rewrite. A browser-default h4 is 1rem bold — near-identical to the
   h3 above at 1.02rem — so without this rule the nesting reads as flat. These
   sit tighter to the h3 they belong to than the h3 does to its own h2, which
   is what carries the hierarchy: the source text is already all-caps at both
   levels, so size, weight, and spacing have to do the work on their own. */
.legalDoc h4 {
  margin: 1.15em 0 0.4em;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  opacity: 0.86;
}

/* The Version / Effective Date / Provider line under the document title. */
.legalDoc .legalMeta {
  opacity: 0.75;
  font-size: 0.94rem;
}

/* Bullet lists inside a legal section — the Terms leans on these heavily. */
.legalDoc ul {
  margin: 0.6em 0 1em;
  padding-left: 1.25em;
}

.legalDoc ul li {
  margin: 0.35em 0;
  line-height: 1.55;
}

/* Footer navigation row, shared by all three documents. */
.legalDoc .legalFooterLinks {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  line-height: 2;
}