/* Skeleton for every long-form page: privacy, terms, the /vs/* comparisons, a future changelog.
   Not folded into styles.css: that file is past the project's per-file line ceiling, and the
   landing page uses none of these rules. Colour, type and buttons still come from styles.css
   tokens — this file only sets the reading rhythm of long-form prose. */

.doc { max-width: 40em; padding: 140px 0 var(--section-pad); }
.doc h1 { font-size: clamp(38px, 5vw, 52px); margin-bottom: 18px; }
.doc h2 { font-size: 24px; margin: 52px 0 14px; }
.doc h3 { font-size: 18px; margin: 28px 0 10px; }
.doc p, .doc li { color: var(--body-text); font-size: 16.5px; line-height: 1.65; }
.doc p { margin-bottom: 14px; text-wrap: pretty; }
.doc ul { margin: 0 0 14px 1.1em; }
.doc li { margin-bottom: 8px; }
.doc strong { color: var(--primary-text); font-weight: 560; }
.doc a { text-decoration: underline; text-underline-offset: 3px; }
.doc code { font-size: 0.92em; color: var(--primary-text); }
.doc .updated { font-family: var(--mono); font-size: 13px; color: var(--secondary-text); }

/* Verdict first: the answer the reader came for sits in the first screenful, and everything
   below it is evidence for whoever doubts it. */
.doc .verdict {
  margin: 26px 0 8px;
  padding: 20px 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: linear-gradient(var(--surface-raised), var(--surface));
}
.doc .verdict p:last-child { margin-bottom: 0; }

/* Legal entity details. The address and the registration number are meant to be copied out
   verbatim, so mono rather than the prose family. */
.doc .entity { font-size: 15px; line-height: 1.7; color: var(--body-text); }
.doc .entity li { margin-bottom: 4px; }

/* A caveat or precondition, following the passage it qualifies, one notch down in weight. Any
   long-form page may want one, so it stays here rather than in compare.css — that file is only
   loaded under /vs/*, where the rule would fail silently on privacy and terms. */
.doc .caveat {
  font-size: 15px;
  color: var(--secondary-text);
  border-left: 2px solid var(--border);
  padding-left: 16px;
}