/* ==========================================================================
   VeriPrep public site - LEGAL / EDITORIAL LAYOUT, on the shared marketing
   system (assets/css/marketing.css). Quiet, readable, authoritative: one
   narrow prose measure, the page's type tokens, no cards, no icons. Shared by
   legal/privacy, terms, services-agreement and baa.
   ========================================================================== */
.legal{ max-width:calc(720px + 2 * var(--pad)); margin:0 auto; padding:64px var(--pad) 96px; }
.legal__title{
  margin:0 0 8px; font-size:var(--fs-d2); font-weight:600; line-height:1.1;
  letter-spacing:-.022em; color:var(--ink);
}
.legal__date{ margin:0 0 48px; font-size:var(--fs-ui); font-weight:500; color:var(--ink-3); }
.legal h2{
  margin:48px 0 12px; font-size:var(--fs-d3); font-weight:600; line-height:1.25;
  letter-spacing:-.018em; color:var(--ink);
}
.legal h3{ margin:24px 0 8px; font-size:var(--fs-body); font-weight:600; line-height:1.4; color:var(--ink); }
/* overflow-wrap on the prose itself, not only on links: the agreement's
   Execution part carries signature rules drawn as runs of underscores, which
   have no break opportunity and pushed a 390px page out to 675 */
.legal p{ margin:0 0 16px; font-size:var(--fs-body); line-height:1.65; color:var(--ink-2); overflow-wrap:anywhere; }
.legal ul,.legal ol{ margin:0 0 16px; padding-left:24px; }
.legal li{ font-size:var(--fs-body); line-height:1.65; color:var(--ink-2); margin-bottom:6px; overflow-wrap:anywhere; }
.legal strong{ font-weight:600; color:var(--ink); }
.legal a{ color:var(--green-text); text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
.legal a:hover{ color:var(--green-cta); }
.legal hr{ border:0; border-top:1px solid var(--rule); margin:48px 0; }
/* a PART title inside a long agreement (Order Form / Terms and Conditions /
   Execution): one step up from a section, with its own rule above */
.legal__part{
  margin:64px 0 8px; padding-top:32px; border-top:2px solid var(--rule-2);
  font-size:var(--fs-d2); font-weight:600; line-height:1.1; letter-spacing:-.022em; color:var(--ink);
}
.legal__note{
  margin:0 0 32px; padding:16px 20px; background:var(--system-soft);
  border:1px solid var(--edge); border-radius:var(--r);
  font-size:var(--fs-sm); line-height:1.6; color:var(--ink-2);
}
@media (max-width:1023px){
  .legal{ padding:48px var(--pad) 64px; }
  .legal__date{ margin-bottom:32px; }
  .legal h2{ margin-top:40px; }
  .legal__part{ margin-top:48px; padding-top:24px; }
}