.lg-hero { background: linear-gradient(180deg, var(--tint) 0%, var(--white) 100%); padding-block: clamp(48px, 7vw, 88px) clamp(24px, 4vw, 40px); }
.lg-hero h1 { font-size: clamp(34px, 5vw, 56px); line-height: 1.05; font-weight: 800; letter-spacing: -.025em; margin-top: 14px; }
.lg-hero__meta { margin-top: 14px; font-size: 14px; color: var(--ink-soft); }
.lg-body { padding-block: clamp(28px, 4vw, 48px) var(--space-section); }
.lg-doc { max-width: 760px; }
.lg-doc > p.lg-intro { font-size: 17px; line-height: 1.65; color: var(--ink); margin-bottom: 8px; }
.lg-doc section { margin-top: 36px; }
.lg-doc h2 { font-size: clamp(20px, 2.2vw, 24px); line-height: 1.2; }
.lg-doc p, .lg-doc li { font-size: 16px; line-height: 1.7; color: var(--ink-soft); }
.lg-doc p { margin-top: 12px; }
.lg-doc ul { margin-top: 12px; padding-left: 1.2em; list-style: disc; }
.lg-doc li { margin-top: 6px; padding-left: 4px; }
.lg-doc li::marker { color: var(--purple-deep); }
.lg-doc a { color: var(--purple-deep); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.lg-doc a:hover { color: #6f17e6; }