/* ============================================================
   privacy.css — long-form legal/prose pages (/privacy)
   Uses only existing tokens; no new dependencies.
   ============================================================ */

/* Page masthead */
.doc-head { padding:4rem 0 0; }
.doc-head h1 {
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(2rem,4vw,2.9rem); line-height:1.1; letter-spacing:-0.01em;
  color:var(--text); margin-bottom:.75rem;
}
.doc-org {
  font-family:var(--font-body); font-size:.72rem; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--accent);
  display:flex; align-items:center; gap:.6rem; margin-bottom:1.25rem;
}
.doc-org::before { content:''; display:block; width:28px; height:2px; background:var(--accent); }
.doc-updated {
  font-family:var(--font-body); font-size:.72rem; letter-spacing:.06em;
  color:var(--text-dim); text-transform:uppercase;
}

/* Prose body */
.doc { max-width:760px; padding-bottom:1rem; }
.doc h2 {
  font-family:var(--font-display); font-weight:700;
  font-size:1.15rem; letter-spacing:.02em; color:var(--text);
  margin:3rem 0 .9rem; padding-top:1.6rem; border-top:1px solid var(--border);
}
.doc h3 {
  font-family:var(--font-body); font-size:.68rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent2);
  margin:1.75rem 0 .5rem;
}
.doc p { font-family:var(--font-body); font-size:.9rem; color:var(--text-muted); line-height:1.85; margin-bottom:1rem; }
.doc strong { color:var(--text); font-weight:500; }
.doc a { color:var(--accent2); text-decoration:none; border-bottom:1px solid var(--accent-dim); transition:color .2s, border-color .2s; }
.doc a:hover { color:var(--accent); border-bottom-color:var(--border-hover); }

.doc ul { list-style:none; margin:0 0 1.25rem; padding:0; }
.doc li {
  font-family:var(--font-body); font-size:.9rem; color:var(--text-muted);
  line-height:1.8; padding-left:1.35rem; margin-bottom:.45rem; position:relative;
}
.doc li::before { content:''; position:absolute; left:.25rem; top:.78em; width:5px; height:1px; background:var(--accent); }

/* Callout — used for the SMS consent block that carrier review looks for */
.doc-callout {
  background:var(--bg-card); border:1px solid var(--border);
  border-left:3px solid var(--accent);
  border-radius:var(--card-radius); padding:1.3rem 1.6rem; margin:1.25rem 0 1.5rem;
}
.doc-callout p:last-child { margin-bottom:0; }

/* Verbatim quote — the spoken call-to-action on /sms-consent. Visually distinct
   from .doc-callout so a reviewer can tell quoted script from our own prose. */
.doc-quote {
  background:var(--bg-card2); border:1px solid var(--border-hover);
  border-radius:var(--card-radius); padding:1.4rem 1.7rem; margin:1.25rem 0 1.5rem;
}
.doc-quote p {
  font-size:.95rem; color:var(--text); line-height:1.9; margin-bottom:0;
}
.doc-quote em { font-style:normal; color:var(--accent); }

/* Contact block */
.doc-contact {
  font-family:var(--font-body); font-size:.9rem; color:var(--text-muted);
  line-height:1.9; margin-bottom:1rem;
}
.doc-contact span { display:block; }

@media (max-width:768px) {
  .doc-head { padding-top:2.5rem; }
  .doc h2 { margin-top:2.25rem; }
}