body.legal { background: var(--lav-3); }
.lg-top { display: flex; justify-content: space-between; align-items: center; max-width: 760px; margin: 0 auto; padding: 18px 20px; }
.lg { max-width: 760px; margin: 0 auto 24px; padding: 28px clamp(20px, 5vw, 44px) 40px; background: #fff; border-radius: 26px; line-height: 1.85; color: var(--ink-2); }
.lg h1 { font-size: clamp(1.6rem, 5vw, 2.2rem); color: var(--ink); margin-bottom: 6px; }
.lg h2 { font-size: 1.15rem; color: var(--ink); margin: 28px 0 8px; }
.lg h3 { font-size: 1rem; color: var(--ink); margin: 16px 0 4px; }
.lg ul { padding-inline-start: 22px; display: grid; gap: 6px; margin: 6px 0; }
.lg-date { color: var(--muted); font-size: .85rem; margin-bottom: 14px; }
.lg-foot { max-width: 760px; margin: 0 auto; padding: 0 20px 36px; text-align: center; color: var(--muted); font-size: .85rem; }
.lg-foot a { color: inherit; padding: 10px 4px; display: inline-block; }