:root { --lg-muted: rgba(245, 245, 240, 0.65); --lg-border: rgba(245, 245, 240, 0.10); --lg-placeholder: #cbff00; } .lg-hero { position: relative; padding: 6rem 0 2.5rem; overflow: visible; } .lg-hero .container { position: relative; z-index: 1; } .lg-updated { font-size: 0.9rem; color: var(--lg-muted); line-height: 1.8; margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid var(--lg-border); } .lg-content { padding: 1rem 0 5rem; } .lg-content .container { max-width: 820px; margin: 0 auto; padding: 0 40px; } .lg-block { padding: 1.75rem 0; border-bottom: 1px solid var(--lg-border); } .lg-block:last-child { border-bottom: none; } .lg-block__title { font-family: 'Raleway', 'Raleway Fallback', sans-serif; font-weight: 900; font-size: 1.3rem; color: var(--color-primary); margin-bottom: 0.9rem; } .lg-block__subtitle { font-family: 'DM Sans', 'DM Sans Fallback', sans-serif; font-weight: 700; font-size: 0.95rem; color: var(--color-light); margin: 1.1rem 0 0.5rem; } .lg-block p { font-size: 0.9rem; color: var(--lg-muted); line-height: 1.8; } .lg-block p + p { margin-top: 0.75rem; } .lg-block ul { margin: 0.5rem 0 0.75rem 1.2rem; color: var(--lg-muted); font-size: 0.9rem; line-height: 1.8; } .lg-block a { color: var(--color-primary); text-decoration: none; } .lg-block a:hover { text-decoration: underline; } .lg-fill { color: var(--lg-placeholder); font-weight: 600; white-space: nowrap; } @media (max-width: 768px) { .lg-content .container { padding: 0 20px; } .lg-block__title { font-size: 1.15rem; } }