.lg-top{padding-top:1.5rem}.lg-home{font-family:var(--font-display);gap:.5rem;font-weight:600}.lg-home svg{transition:transform .24s var(--ease-out)}@media (hover:hover) and (pointer:fine){.lg-home:hover svg{transform:translate(-3px)}}.lg-page{padding-top:clamp(3.5rem,8vw,6rem)}.lg-head{max-width:48rem}.lg-title{text-wrap:balance;font-size:clamp(2.75rem,7vw,5.5rem)}.lg-note{color:var(--muted-foreground);background:#f3c37c0f;border-radius:.85rem;max-width:34rem;margin-top:1.5rem;padding:.85rem 1.1rem;font-size:.9rem;box-shadow:inset 0 0 0 1px #f3c37c40}.lg-intro{color:var(--foreground);max-width:40rem;margin-top:2rem;font-size:1.2rem}.lg-grid{border-top:1px solid #c8dcf51a;gap:3rem;margin-top:clamp(3rem,6vw,5rem);padding-top:2rem;display:grid}@media (min-width:64rem){.lg-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}.lg-toc{grid-column:1/span 4;align-self:start;position:sticky;top:2rem}.lg-body{grid-column:6/span 7}}.lg-toc ol{margin-top:.75rem;display:grid}.lg-toc .lg-toc-link{min-height:2.5rem;color:var(--muted-foreground);transition:color .2s var(--ease-out), transform .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.lg-toc .lg-toc-link:hover{color:var(--window);transform:translate(3px)}}.lg-body{gap:3.5rem;display:grid}.lg-body h2{font-family:var(--font-display);font-variation-settings:"wdth" 90;letter-spacing:-.02em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.15}.lg-prose{color:color-mix(in oklab, var(--foreground) 82%, transparent);gap:1rem;max-width:40rem;margin-top:1rem;font-size:1.0625rem;line-height:1.7;display:grid}.lg-prose ul{gap:.5rem;padding-left:1.25rem;list-style:outside;display:grid}.lg-prose li::marker{color:var(--window)}.lg-prose strong{color:var(--foreground);font-weight:600}.lg-prose a{color:var(--foreground);text-underline-offset:.2em;transition:color .18s var(--ease-out), text-decoration-color .18s var(--ease-out);-webkit-text-decoration:underline #c8dcf566;text-decoration:underline #c8dcf566;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.lg-prose a:hover{color:var(--window);text-decoration-color:currentColor}}
