/* Styling for pages imported from the live site (scripts/import-pages.mjs).
 * The source markup is Webflow's; these rules re-render it in the site's own
 * measure, type and tokens so an imported page reads as part of the rebuild
 * rather than as a transplant. */
.vj-imported { max-width: 760px; margin: 0 auto; padding: 52px 32px 96px; }
.vj-imported h1 { font-size: 44px; line-height: 1.1; font-weight: 600; letter-spacing: -0.015em; margin: 0 0 28px; }
.vj-imported h2 { font-size: 24px; line-height: 1.25; font-weight: 600; margin: 40px 0 12px; }
.vj-imported h3 { font-size: 19px; line-height: 1.3; font-weight: 600; margin: 28px 0 10px; }
.vj-imported p, .vj-imported li { font-size: 16.5px; line-height: 1.7; color: var(--vj-ink-body); }
.vj-imported p { margin: 0 0 16px; }
.vj-imported .lead { font-size: 19px; line-height: 1.6; color: var(--vj-ink); }
.vj-imported ul, .vj-imported ol { margin: 0 0 18px; padding-left: 22px; }
.vj-imported li { margin: 0 0 8px; }
.vj-imported a { color: var(--vj-brand); }
.vj-imported strong { color: var(--vj-ink); }
.vj-imported img { max-width: 100%; height: auto; border-radius: 10px; }
.vj-imported table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.vj-imported td, .vj-imported th { border: 1px solid rgba(16,24,40,.12); padding: 10px 12px; font-size: 15px; vertical-align: top; }
.vj-imported .dl { margin-top: 28px; }
.vj-imported .dl a {
  display: inline-block; padding: 12px 24px; border-radius: 999px;
  background: var(--vj-brand); color: #fff; text-decoration: none; font-weight: 600;
}
@media (max-width: 767px) {
  .vj-imported { padding: 32px 20px 64px; }
  .vj-imported h1 { font-size: clamp(28px, 8.5vw, 38px); }
}