.guide, .docs-guide-link {
  --doc-bg: #FAFAFA;
  --doc-surface: #F4F4F5;
  --doc-fg: #0F172A;
  --doc-muted: #52525B;
  --doc-border: #E4E4E7;
  --doc-focus: #2563EB;
  color: var(--doc-fg);
  background: var(--doc-bg);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.guide { margin: 0; }
.guide main { max-width: 880px; margin: 0 auto; padding: 24px 16px 64px; }
.guide nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 32px; }
.guide a, .docs-guide-link a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.guide nav a, .docs-guide-link a { display: inline-flex; align-items: center; min-height: 44px; }
.guide a:focus-visible, .docs-guide-link a:focus-visible { outline: 2px solid var(--doc-focus); outline-offset: 4px; }
.guide h1 { font-size: 24px; line-height: 1.3; font-weight: 600; margin: 0 0 24px; }
.guide h2 { font-size: 18px; line-height: 1.4; font-weight: 600; margin: 40px 0 16px; }
.guide p, .guide ul { margin: 16px 0; }
.guide strong { font-weight: 600; }
.guide pre { max-width: 100%; padding: 16px; background: var(--doc-surface); border: 1px solid var(--doc-border); overflow-x: auto; }
.guide code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; }
.guide :not(pre) > code { overflow-wrap: anywhere; }
.guide li { margin: 8px 0; }
.docs-guide-link { padding: 16px 24px; border-bottom: 1px solid var(--doc-border); }
.docs-guide-link span { display: block; color: var(--doc-muted); font-size: 14px; }
@media (prefers-color-scheme: dark) {
  .guide {
    --doc-bg: #0A0A0A;
    --doc-surface: #1A1A1D;
    --doc-fg: #FAFAFA;
    --doc-muted: #A1A1AA;
    --doc-border: #52525B;
    --doc-focus: #A1A1AA;
  }
}