.lg{display:grid;grid-gap:16px;gap:16px;padding:8px 0 40px;color:var(--color-text)}.lg-bar{display:flex;justify-content:space-between;gap:12px;align-items:center}.lg-bar a,.lg-bar button{min-height:44px;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.lg-bar b{color:var(--color-purple-bright);font-weight:700}.lg-hero,.lg-intro,.lg-list,.lg-side article{border:1px solid color-mix(in srgb,var(--color-purple-bright) 65%,var(--color-border));border-radius:18px;background:var(--color-surface)}.lg-hero{display:grid;grid-gap:12px;gap:12px;padding:20px;background:radial-gradient(circle at 85% 40%,color-mix(in srgb,var(--color-purple) 45%,transparent),transparent 42%),var(--color-surface)}.lg-hero h1{margin:0;font-size:2rem}.lg-hero p,.lg-intro p,.lg-note{margin:6px 0 0;color:var(--color-text-secondary)}.lg-hero img{width:min(220px,100%);justify-self:end}.lg-doc,.lg-intro,.lg-side article{display:grid;grid-gap:8px;gap:8px;padding:16px}.lg-layout{display:grid;grid-gap:16px;gap:16px}.lg-list{display:grid;padding:8px}.lg-list a,.lg-side nav a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;min-height:64px;padding:10px;border-radius:14px;color:inherit;text-decoration:none}.lg-list a:hover,.lg-side nav a:hover{background:color-mix(in srgb,var(--color-purple) 14%,transparent)}.lg-list strong,.lg-side h2{display:block}.lg-list small,.lg-side nav a{color:var(--color-text-secondary)}.lg-list i,.lg-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--color-purple) 18%,transparent);color:var(--color-purple-bright);font-style:normal;font-weight:700}.lg-side{grid-gap:12px;gap:12px;align-content:start}.lg-side,.lg-side nav{display:grid}.lg-side a.lg-btn,.lg-side button{min-height:44px;padding:0 14px;border:1px solid var(--color-purple-bright);border-radius:999px;background:transparent;color:var(--color-text);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.lg-doc h1{margin:0;font-size:1.4rem}.lg-doc h2{margin:12px 0 0;font-size:1rem}.lg-doc li,.lg-doc p{color:var(--color-text-secondary)}.lg a:focus-visible,.lg button:focus-visible{outline:2px solid var(--color-purple-neon);outline-offset:2px}@media (min-width:900px){.lg-hero{grid-template-columns:minmax(0,1fr) 220px;align-items:center}.lg-layout{grid-template-columns:minmax(0,1fr) 280px}}