.lg-wrap{position:relative;overflow:hidden;overflow:clip;min-height:100vh;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Segoe UI',system-ui,sans-serif;font-size:16px;line-height:1.65;letter-spacing:-.005em}
.lg-bar{position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:14px 16px 0;pointer-events:none}
.lg-bar .ygpill{pointer-events:auto;display:flex;align-items:center;gap:8px;border-radius:999px;padding:6px 8px 6px 18px;max-width:100%;box-sizing:border-box}
.lg-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-right:14px;font-weight:600;font-size:15px;color:var(--fg);text-decoration:none}
.lg-brand i{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px 2px var(--acc)}
.lg-bar .il{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--fg3);text-decoration:none;border:0;background:transparent;cursor:pointer}
.lg-bar #themeToggle{width:44px;padding:0}
.lg-main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:56px clamp(20px,5vw,32px) 40px}
.lg-main h1{font-size:clamp(32px,6vw,46px);line-height:1.1;letter-spacing:-.03em;margin:0 0 10px;font-weight:700}
.lg-lead{color:var(--fg2);margin:0 0 28px}
.lg-eyebrow{margin:0 0 16px;color:var(--accent-text);font-size:11px;font-weight:700;letter-spacing:.12em}
.lg-main section{scroll-margin-top:100px}
.lg-main code{font: .88em ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.lg-main a{overflow-wrap:anywhere}
.lg-note.lg-draft{margin:24px 0 28px;border:1px solid var(--acc-line);background:var(--acc-soft);color:var(--fg3)}
.lg-draft strong{color:var(--fg);font-weight:600}
.lg-draft p{margin:8px 0 0}
.lg-draft a{color:var(--accent-text)}
.lg-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px;padding:0;list-style:none}
.lg-toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--fg);text-decoration:none;background:var(--pill);box-shadow:inset 0 1px 0 var(--glass-hi)}
.lg-toc a:hover{color:var(--accent-text)}
.lg-card{position:relative;border-radius:26px;padding:clamp(22px,4vw,36px);margin:0 0 22px;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 var(--glass-lo),0 14px 36px -10px var(--shadow)}
.lg-card h2{font-size:24px;letter-spacing:-.02em;margin:0 0 6px;scroll-margin-top:90px}
.lg-card h3{font-size:17px;margin:26px 0 6px;letter-spacing:-.01em}
.lg-card p{margin:8px 0;color:var(--fg3)}
.lg-card ul{margin:8px 0;padding-left:22px;color:var(--fg3)}
.lg-card li{margin:5px 0}
.lg-card li::marker{color:var(--acc)}
.lg-card a{color:var(--accent-text)}
.lg-note{margin:28px 0 0;padding:14px 18px;border-radius:16px;background:var(--pill);font-size:14px;color:var(--fg2)}
.lg-foot{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:8px clamp(20px,5vw,32px) 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;color:var(--fg2);font-size:14px}
.lg-foot a{color:var(--fg2)}
@media (max-width:560px){.lg-bar .lg-home{display:none}}