/* ==========================================================================
   Document pane - /signup2027-privacy.html

   Deltas only. The split, scene, scarf, lockup, rail, mark and footer all come
   from style.css unchanged, so the privacy statement reads as the same page
   with the document in the right-hand pane rather than a separate design.

   Content is the same Louder Entertainment statement served at /privacy.html.
   Keep the two in step: if that page's text changes, change it here too.
   ========================================================================== */

/* A document is read from the top, not centred in the column. */
.rail__inner--doc {
  display: block;
  align-items: initial;
  padding-top: clamp(1.5rem, 4vw, 2.2rem);
}

.doc-back {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--display);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mint);
  text-decoration: none;
  border: 1px solid var(--mint);
  border-radius: 2px;
  padding: 0.58rem 1rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.doc-back:hover { background: var(--mint); color: var(--navy-deep); }

.page-content { margin-top: clamp(1.6rem, 4vw, 2.3rem); color: rgba(250, 245, 237, 0.72); }

.page-content h1 {
  font-family: var(--display);
  font-size: clamp(1.7rem, 4.6vw, 2.4rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  color: var(--cream);
  margin-bottom: 0.5rem;
}
.page-content__last-modified {
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  color: rgba(250, 245, 237, 0.42);
  margin-bottom: 2rem;
}
.page-content h2 {
  font-family: var(--display);
  font-size: 0.95rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17em;
  color: var(--cream);
  margin: 2.4rem 0 0.7rem;
}
.page-content h2::after {
  content: "";
  display: block;
  width: 48px; height: 2px;
  background: var(--wheat);
  margin-top: 0.55rem;
}
.page-content h3 {
  font-family: var(--display);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--cream);
  margin: 1.5rem 0 0.4rem;
}
.page-content p  { margin-bottom: 0.85rem; font-size: 0.95rem; line-height: 1.72; }
.page-content a  { color: var(--mint); text-underline-offset: 2px; }
.page-content ul { margin: 0.75rem 0 1rem 1.4rem; }
.page-content li { margin-bottom: 0.45rem; font-size: 0.95rem; line-height: 1.7; }
.page-content ul ul { margin-top: 0.45rem; list-style-type: circle; }

/* Named-party / controller disclosure blocks, if this statement gains one. */
.page-content .controller {
  margin: 1.2rem 0;
  padding: 0.95rem 1.1rem;
  border-left: 2px solid var(--wheat);
  background: rgba(232, 179, 61, 0.07);
}

/* The stacked scene height now lives in style.css and is shared by both pages,
   so the document pane no longer overrides it. */