/* legal.css — layout only, existing OKNO tokens. No local palette, gradient, font or button family. */
.lg-hero{padding-top:24px;padding-bottom:6px}
.lg-hero__copy{max-width:780px}
.lg-hero__copy .d3-h1{margin:0 0 14px}
.lg-eyebrow{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-teal)}
.lg-ctarow{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;align-items:center}
.lg .d3-p,.lg .d3-list,.lg .d3-h2,.lg .d3-h3,.lg .d3-lead{max-width:780px}
.lg .lg-final__t,.lg .lg-final__x{max-width:none}
.lg .d3-sec{padding-top:22px;padding-bottom:22px}
.lg-grid,.lg-relgrid{margin:6px 0 0}
.lg-item h3{margin:0 0 8px}
.lg-item .d3-p,.lg-item .d3-list{max-width:none}
.lg-item .lg-ctarow{margin-top:14px}
.lg-card .ok-card__body{padding:16px 18px}
.lg-item--link{display:block;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s}
.lg-item--link:hover{border-color:var(--ok-teal);box-shadow:var(--ok-card-shadow-hover);transform:translateY(-2px)}
.lg-item--link:focus-visible{outline:3px solid var(--ok-focus);outline-offset:2px}
.lg-go{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--ok-teal);text-decoration:none}
a.lg-go:hover{text-decoration:underline}
.lg-inline a{color:var(--ok-teal)}
.lg-final{padding-top:10px}
.lg-final__panel{background:var(--ok-card-surface-quiet);border:1px solid var(--ok-card-line);border-radius:18px;padding:36px 40px}
.lg-final__t{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.2;font-weight:800;color:var(--ok-navy)}
.lg-final__x{margin:0 0 18px;max-width:70ch;font-size:16px;line-height:1.55;color:var(--ok-ink)}
.lg-final .lg-ctarow{margin:0}
@media(max-width:640px){
  .lg-final__panel{padding:24px 18px;border-radius:16px}
  .lg-ctarow .d3-btn{width:100%}
  .lg-grid,.lg-relgrid,.lg-ctarow{padding-right:64px}
  .lg-final .lg-ctarow{padding-right:0}
}