@layer components{
code{font-family:var(--font-mono);font-size:.9em;padding:.125em .375em;background:var(--color-surface);border-radius:var(--radius);color:var(--color-text)}
pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:normal;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4)0;border:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}
pre::-webkit-scrollbar{height:6px}
pre::-webkit-scrollbar-track{background:0 0}
pre::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}
pre::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}
pre code{padding:0;background:0 0;border-radius:0;font-size:inherit}
@media(prefers-color-scheme:dark){
code{color:#e6edf3}
}
}