/*
 * Shared Hongli content components.
 *
 * Layer 2 of the frontend CSS architecture. Only rules shared unchanged by
 * migrated pages belong here. Page-specific geometry stays in page-*.css.
 */

.lg{--navy:var(--hl-color-navy);--navy2:var(--hl-color-navy-soft);--ink:var(--hl-color-ink);--muted:var(--hl-color-muted);--line:var(--hl-color-line);--soft:var(--hl-color-surface-soft);--yellow:var(--hl-color-primary);--green:var(--hl-color-whatsapp);font-family:var(--hl-font-sans);color:var(--ink);background:#fff;line-height:1.55;position:relative}
.lg *{box-sizing:border-box}
.lg a{color:inherit;text-decoration:none}
.lg-wrap{width:var(--hl-site-width);margin:auto}
.lg-kicker{color:var(--yellow);letter-spacing:.16em;text-transform:uppercase;font-weight:950}
.lg h1{font-size:clamp(36px,4.2vw,62px);line-height:1.04;margin:0 0 18px;color:#fff;text-shadow:0 16px 45px rgba(0,0,0,.45);max-width:700px}
.lg-rail{position:fixed;right:18px;top:42%;z-index:90;display:grid}
.lg-rail a{display:grid;place-items:center;background:var(--yellow);color:#07111f;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.lg-rail a:nth-child(2){background:var(--green);color:#fff}
.lg-rail a:nth-child(3){background:#07111f;color:#fff}
@media(max-width:1180px){.lg-wrap{width:min(100% - 40px,1180px)}}
@media(max-width:980px){.lg-rail{right:10px;top:auto;bottom:14px;grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.lg-rail a{width:48px;height:48px}}
@media(max-width:620px){.lg-wrap{width:min(100% - 24px,1180px)}}
@media(max-width:620px){.lg h1{font-size:34px}}
.entry-content>.lg,.wp-block-html>.lg,.lg{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.lg h1{letter-spacing:0}