.lg4-hero{text-align:center;flex-direction:column;align-items:center;padding:150px 20px 54px;display:flex}.lg4-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:820px;margin-top:20px;font-size:clamp(34px,5vw,54px);line-height:1.08}.lg4-date{color:var(--faint);margin-top:16px;font-size:14.5px}.lg4-lead{max-width:560px;color:var(--text);text-wrap:pretty;margin-top:18px;font-size:clamp(16px,1.6vw,18px);line-height:1.7}.lg4-in{opacity:0;animation:lg4-rise .8s cubic-bezier(.16,1,.3,1) var(--d,0s) forwards}@keyframes lg4-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}.lg4-wrap{grid-template-columns:268px minmax(0,1fr);align-items:start;gap:72px;max-width:1100px;margin:0 auto;padding:0 20px 120px;display:grid}.lg4-side{gap:34px;display:grid;position:sticky;top:104px}.lg4-side h2{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-family:Inter Variable,Inter,sans-serif;font-size:12px;font-weight:500}.lg4-side ol,.lg4-side ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lg4-side a{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-left:-12px;padding:7px 12px;font-size:14.5px;line-height:1.4;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.lg4-side a:hover{color:var(--ink);background:#1e1e460d}.lg4-side a.is-on{color:var(--a);background:var(--a-soft)}.lg4-docs a svg{opacity:0;flex:none;transition:opacity .2s,transform .2s;transform:translate(-4px)}.lg4-docs a:hover svg{opacity:1;transform:none}.lg4-prose{max-width:720px}.lg4-prose section{scroll-margin-top:100px}.lg4-prose section+section{box-shadow:inset 0 1px 0 var(--line);margin-top:44px;padding-top:40px}.lg4-prose h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,2.3vw,27px);line-height:1.2}.lg4-prose p{color:var(--text);text-wrap:pretty;margin-top:16px;font-size:16.5px;line-height:1.78}.lg4-prose h2+p{margin-top:14px}.lg4-prose ul{color:var(--text);gap:10px;margin:16px 0 0;padding:0 0 0 22px;font-size:16.5px;line-height:1.7;list-style:outside;display:grid}.lg4-prose li::marker{color:var(--faint)}.lg4-prose a,.lg4-mail{color:var(--ink);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #4b3fe666;text-decoration:underline #4b3fe666;transition:text-decoration-color .2s,color .2s}.lg4-prose a:hover,.lg4-mail:hover{color:var(--a);-webkit-text-decoration-color:var(--a);text-decoration-color:var(--a)}.lg4-prose .lg4-code{background:var(--a-soft);color:var(--ink);white-space:pre;border-radius:12px;margin:16px 0 0;padding:16px 18px;font:500 14.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.lg4-contact{max-width:1100px;margin:0 auto;padding:0 20px 120px}.lg4-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.lg4-topic{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:20px;padding:30px 30px 32px;transition:box-shadow .25s}@media (hover:hover) and (pointer:fine){.lg4-topic:hover{box-shadow:0 0 0 1px #1e1e4633,0 24px 40px -32px #282c6459}}.lg4-topic-ic{background:var(--panel);width:42px;height:42px;color:var(--a);border-radius:10px;place-items:center;display:grid}.lg4-topic h3{letter-spacing:-.02em;margin-top:18px;font-size:20px;line-height:1.25}.lg4-topic p{color:var(--text);margin-top:8px;font-size:15.5px;line-height:1.65}.lg4-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 20px;font-size:13px;font-weight:500}.lg4-note{background:var(--panel);border-radius:20px;align-items:flex-start;gap:18px;margin-top:20px;padding:28px 32px;display:flex;box-shadow:inset 0 0 0 1px #1e1e500f}.lg4-note-ic{width:42px;height:42px;color:var(--a);box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.lg4-note h3{letter-spacing:-.02em;font-size:20px;line-height:1.25}.lg4-note p{max-width:640px;color:var(--text);margin-top:8px;font-size:15.5px;line-height:1.7}@media (width<=960px){.lg4-wrap{grid-template-columns:1fr;gap:36px}.lg4-side{position:static}.lg4-side nav:first-child{display:none}.lg4-docs ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}}@media (width<=760px){.lg4-hero{padding:112px 16px 40px}.lg4-topics{grid-template-columns:1fr}.lg4-note{flex-direction:column;padding:24px}.lg4-topic{padding:26px 24px 28px}}@media (prefers-reduced-motion:reduce){.lg4-in{opacity:1;animation:none}}
