.lg-docs ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 1px; }
.lg-docs a {
  display: block; margin-left: -10px; padding: 7px 10px; border-radius: 8px;
  font: 400 14px/1.4 var(--font-ui); color: #5f6571;
  transition: background-color .15s ease, color .15s ease;
}
.lg-docs a:hover { background: var(--bl-tint); color: var(--ink-nav); }
.lg-docs a[aria-current="page"] { background: var(--bl-tray); color: var(--ink-nav); font-weight: 500; }
.lg-docs + .bl-toc { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--bl-line); }

.lg-prose h2 { scroll-margin-top: 96px; }

.lg-ask {
  max-width: 680px; margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--bl-line);
  font: 400 15px/1.6 var(--font-ui); color: var(--bl-soft);
}
.lg-ask a { color: var(--ink-nav); text-decoration: underline; text-decoration-color: #c9ccd3; text-underline-offset: 3px; }
.lg-ask a:hover { text-decoration-color: currentColor; }

@media (max-width: 1023px) {
  .lg-docs ul { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
  .lg-docs a { margin-left: 0; border: 1px solid var(--bl-line); }
  .lg-docs + .bl-toc { margin-top: 0; padding-top: 0; border-top: 0; }
}

.lg-solo { position: relative; z-index: 1; padding-block: 56px 96px; }