.guide-meta.svelte-1p69ppv{--doc-accent: var(--accent);display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.875rem;color:var(--muted-foreground)}.sep.svelte-1p69ppv{color:var(--border)}.badge.svelte-1p69ppv{font-size:.7rem;font-family:var(--font-mono);padding:.15rem .55rem;border-radius:var(--radius-sm);border:1px solid transparent;text-transform:capitalize}.diff-beginner.svelte-1p69ppv{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.diff-intermediate.svelte-1p69ppv{background:#eab30826;color:#facc15;border-color:#eab3084d}.diff-advanced.svelte-1p69ppv{background:#ef444426;color:#f87171;border-color:#ef44444d}.related.svelte-1p69ppv{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related.svelte-1p69ppv h2:where(.svelte-1p69ppv){font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0 0 1rem}.related-grid.svelte-1p69ppv{display:grid;grid-template-columns:1fr;gap:1rem}.related-card.svelte-1p69ppv{display:block;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);transition:border-color .2s ease}.related-card.svelte-1p69ppv:hover{border-color:var(--accent)}.related-card.svelte-1p69ppv h3:where(.svelte-1p69ppv){font-size:.95rem;font-weight:700;color:var(--foreground);margin:0 0 .35rem}.related-card.svelte-1p69ppv:hover h3:where(.svelte-1p69ppv){color:var(--accent)}.related-card.svelte-1p69ppv p:where(.svelte-1p69ppv){font-size:.85rem;line-height:1.5;color:var(--muted-foreground);margin:0}.keywords.svelte-1p69ppv{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.keywords.svelte-1p69ppv ul:where(.svelte-1p69ppv){display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.keywords.svelte-1p69ppv li:where(.svelte-1p69ppv){font-size:.7rem;font-family:var(--font-mono);padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--muted-foreground)}@media(min-width:640px){.related-grid.svelte-1p69ppv{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.related-card.svelte-1p69ppv{transition:none}}