/*
 * Legal-page styles for /privacy and /terms (MSW-276).
 *
 * The legal pages are authored in MSW, not in the MSPW marketing repo, so this
 * file is excluded from scripts/sync-public-site.sh along with privacy.html and
 * terms.html. Do not move these rules into css/new/main.css: that file is synced
 * output and would be clobbered on the next sync.
 */

/* Sub-headings used to split a section by edition ("iOS app" /
   "Web app & accounts"). */
.privacy-content-section .full h5,
.terms-content-section .full h5 {
  margin-top: 1.75rem;
  margin-bottom: 0.6rem;
  font-size: 1.05rem;
}

/* "Effective / Version" line. The version string is also exposed as
   <meta name="legal-version"> and must equal src/legal/versions.ts. */
.legal-meta {
  font-size: 0.95rem;
}

/* Unresolved business facts awaiting counsel/owner input. Must all be
   gone before a develop → main release. */
.legal-placeholder {
  background-color: #FFF3BF;
  color: #6B4700;
  font-weight: 600;
  padding: 0 0.25em;
  border-radius: 3px;
}

/* Denser variant of .compare-table for long legal tables. The table keeps
   .compare-table's min-width, so on narrow screens it scrolls inside its
   .compare-wrap card instead of widening the page. */
.legal-table-wrap {
  margin: 0 0 1.75rem;
}

.legal-table th,
.legal-table td {
  padding: 0.75rem 1rem;
  vertical-align: top;
  font-size: 0.92rem;
  line-height: 1.55;
}
