/* ==========================================================================
   Taq Ventures — privacy.html, terms.html
   The two legal pages linked from the bottom row of every footer.

   Long-form reading and nothing else, so the page is one narrow column at a
   comfortable measure with numbered section headings, rather than the split
   layouts the sales pages use. A reader here is looking for one specific
   answer ("do they sell my email?"), and a single column with clear headings
   is what lets them scan to it.
   ========================================================================== */

/* ---- page intro: same block every interior page carries ---- */
.intro{
  padding: 84px 0 56px;
  border-bottom: 1px solid var(--line);
}
.intro .eyebrow{
  display:flex; align-items:center; gap: 10px;
  color: var(--muted); font-size: 14px; margin-bottom: 24px;
}
.intro .eyebrow .rule{ width: 28px; height: 2px; background: var(--accent-bright); }
.intro h1{
  font-size: clamp(32px, 4.5vw, 46px);
  letter-spacing: -0.01em;
  margin-bottom: 18px;
}
.intro p{
  color: var(--muted);
  font-size: 18px;
  max-width: 62ch;
}
.intro .legal-updated{
  margin-top: 18px;
  font-size: 14px;
}

/* ---- body ---- */
.legal-body{ padding: 56px 0 88px; }
.legal-body .wrap > *{ max-width: 70ch; }
.legal-body h2{
  font-size: 26px;
  margin: 44px 0 14px;
}
.legal-body h2:first-child{ margin-top: 0; }
.legal-body h3{
  font-size: 19px;
  margin: 26px 0 8px;
}
.legal-body p,
.legal-body li{ color: var(--text); }
.legal-body p + p{ margin-top: 12px; }
.legal-body ul{
  margin: 12px 0 0 22px;
}
.legal-body li + li{ margin-top: 8px; }
.legal-body a{
  color: var(--accent);
  text-decoration: underline;
  text-decoration-color: var(--line-strong);
  text-underline-offset: 2px;
}
.legal-body a:hover{ color: var(--accent-bright); }

@media (max-width: 640px){
  .intro{ padding: 40px 0 32px; }
  .intro .eyebrow{ margin-bottom: 18px; }
  .intro p{ font-size: 17px; }
  .legal-body{ padding: 36px 0 56px; }
  .legal-body h2{ font-size: 23px; margin-top: 34px; }
}