.lg-hero{padding-block:calc(var(--header-space) + var(--space-48)) var(--space-64);background:var(--grad-spot) no-repeat 10% 50% / 45% 140%, var(--color-bg);position:relative;overflow:clip}.lg-hero:after{content:"";block-size:var(--line-w);background:var(--color-line);position:absolute;inset-block-end:0;inset-inline:0}.lg-hero-in{align-items:center;gap:var(--gap-media);grid-template-columns:minmax(0,1fr) auto;display:grid}.lg-hero-text{gap:var(--space-16);align-content:start;display:grid}.lg-h1{font-size:var(--text-h1);line-height:var(--leading-heading);max-width:22ch;margin-block-start:var(--space-8)}.lg-updated{align-items:center;gap:var(--space-8);font-size:var(--text-small);color:var(--color-muted);display:inline-flex}.lg-updated .icon{color:var(--color-brand)}.lg-hero .lede{max-width:var(--measure-lede)}.lg-seal{inline-size:var(--lg-seal-w);aspect-ratio:1;border-radius:var(--radius-round);background:var(--grad-glow-brand);color:var(--color-brand);box-shadow:inset 0 0 0 var(--line-w-strong) var(--mark), 0 0 0 var(--space-12) var(--glow-brand-soft);place-items:center;margin-inline-end:var(--space-24);display:grid;position:relative}.lg-seal-ring{inset:calc(-1 * var(--space-24));border:var(--line-w-strong) dashed var(--mark);border-radius:var(--radius-round);position:absolute}.lg-seal-icon{block-size:42%;inline-size:42%;stroke-width:var(--stroke-thin)}.lg-in{align-items:start}.lg-toc{display:none}.lg-toc-h{font-family:var(--font-text);font-size:var(--text-small);font-weight:var(--weight-strong);color:var(--color-muted)}.lg-toc ol{counter-reset:toc;display:grid}.lg-toc li{counter-increment:toc}.lg-toc a{grid-template-columns:var(--space-32) minmax(0, 1fr);align-items:center;gap:var(--space-8);min-height:var(--target-min);padding-block:var(--space-8);font-size:var(--text-small);line-height:var(--leading-snug);color:var(--color-text);text-decoration:underline;text-decoration-color:var(--clear);text-underline-offset:var(--space-4);padding-inline-start:var(--space-12);display:grid;position:relative}.lg-toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-code);font-size:var(--text-mono-sm);color:var(--color-brand)}.lg-toc a:after{content:"";inset-inline-start:0;inset-block:var(--space-8);inline-size:var(--ring-w);border-radius:var(--radius-sm);background:var(--color-accent);position:absolute;transform:scaleY(0)}.lg-toc a:hover{text-decoration-color:var(--color-accent)}.lg-toc a[aria-current]{color:var(--color-accent);font-weight:var(--weight-strong)}.lg-toc a[aria-current]:before{color:currentColor}.lg-toc a[aria-current]:after{transform:none}@media (width>=1200px){.lg-hero-in,.lg-in{max-inline-size:var(--lg-read-w)}.lg-in{grid-template-columns:minmax(0, var(--rail-w)) minmax(0, 1fr);gap:var(--gap-media)}.lg-sheet{padding-inline:var(--lg-sheet-pad)}.lg-toc{gap:var(--space-8);padding:var(--card-pad);border-radius:var(--radius-lg);background:var(--grad-card);box-shadow:var(--shadow-rim), var(--shadow-card);display:grid;position:sticky;inset-block-start:var(--toc-top,calc(var(--header-space) + var(--space-24)))}}.lg-prose{counter-reset:part}.lg-prose h2{counter-increment:part;align-items:baseline;gap:var(--space-12);border-block-start:var(--line-w) solid var(--paper-line);margin-block-start:var(--space-32);padding-block-start:var(--space-32);display:flex}.lg-prose h2:before{content:counter(part, decimal-leading-zero);font-family:var(--font-code);font-size:var(--text-mono-sm);color:var(--color-brand);flex:none}.lg-prose h2:first-child{border-block-start:0;margin-block-start:0;padding-block-start:0}.lg-prose li::marker{color:var(--color-brand)}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .lg-seal{animation:lg-seal var(--dur-xslow) var(--ease-expo) both}html:not([data-motion=off]) .lg-seal-ring{animation:lg-turn var(--lg-ring-loop) linear infinite}html:not([data-motion=off]) .lg-toc li{animation:lg-item var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--n,0) * var(--stagger) * .5 + .2s)}.lg-toc a{transition:color var(--dur) var(--ease-out), text-decoration-color var(--dur) var(--ease-out)}.lg-toc a:after{transition:transform var(--dur-medium) var(--ease-expo)}}@keyframes lg-seal{0%{opacity:0;transform:scale(.86)rotate(-8deg)}}@keyframes lg-turn{to{transform:rotate(1turn)}}@keyframes lg-item{0%{opacity:0;transform:translateX(calc(var(--space-16) * -1))}}@media (width<=767px){.lg-hero-in{grid-template-columns:minmax(0,1fr)}.lg-seal{display:none}}
