/* legal.css — readable long-form layout for back-office-authored legal/static
   pages (terms, privacy, dmca, 2257, about, contact). Rendered inside the live
   snapshot chrome (snap_header/snap_footer); only the document column is styled
   here so the admin's rich-text HTML reads cleanly. */

.legal-page #page {
  background: #fff;
  min-height: 60vh;
}

.legal-doc {
  max-width: 860px;
  margin: 0 auto;
  padding: 28px 20px 64px;
  color: #1a1a1a;
  font-size: 15px;
  line-height: 1.65;
}

.legal-doc__title {
  font-size: 28px;
  font-weight: 700;
  margin: 8px 0 24px;
  padding-bottom: 14px;
  border-bottom: 2px solid #de2600;
}

/* Rich-text body: tame whatever the editor emits into a consistent rhythm. */
.legal-doc__body h1 { font-size: 24px; font-weight: 700; margin: 32px 0 14px; }
.legal-doc__body h2 { font-size: 20px; font-weight: 700; margin: 28px 0 12px; }
.legal-doc__body h3 { font-size: 17px; font-weight: 700; margin: 22px 0 10px; }
.legal-doc__body p { margin: 0 0 14px; }
.legal-doc__body ul,
.legal-doc__body ol { margin: 0 0 14px; padding-left: 1.8em; }
.legal-doc__body li { margin: 4px 0; }
.legal-doc__body a { color: #0563c1; text-decoration: underline; word-break: break-word; }
.legal-doc__body a:hover { color: #de2600; }
.legal-doc__body strong { font-weight: 700; }
.legal-doc__body table { border-collapse: collapse; margin: 0 0 16px; width: 100%; }
.legal-doc__body th,
.legal-doc__body td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; }
.legal-doc__body img { max-width: 100%; height: auto; }

@media (max-width: 640px) {
  .legal-doc { padding: 20px 14px 48px; font-size: 14px; }
  .legal-doc__title { font-size: 23px; }
}