@layer components{.guide-surface{--guide-font-heading:var(--font-heading,var(--font-cormorant-garamond), Georgia, serif);--guide-font-body:var(--font-sans,var(--font-dm-sans), system-ui, sans-serif);--guide-font-mono:var(--font-mono,monospace);background-color:var(--background);color:var(--foreground);font-family:var(--guide-font-body)}.guide-typeset{--guide-typeset-flow:1.5rem;--guide-typeset-text-color:color-mix(in oklch, var(--foreground) 88%, var(--muted-foreground));--guide-typeset-heading-color:var(--foreground);--guide-typeset-accent-color:var(--primary);font-family:var(--guide-font-body);color:var(--guide-typeset-text-color);font-size:1.0625rem;line-height:1.75}@media (min-width:640px){.guide-typeset{font-size:1.125rem;line-height:1.8}}.guide-typeset :where(p,ul,ol,blockquote,figure,hr,.guide-flow):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){margin-block:0;margin-block-start:var(--guide-typeset-flow)}.guide-typeset>:first-child{margin-block-start:0}.guide-typeset :where(h1,h2,h3,h4):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){font-family:var(--guide-font-heading);color:var(--guide-typeset-heading-color);letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:6rem}.guide-typeset :where(h1):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){margin-block-start:calc(var(--guide-typeset-flow) * 2.5);margin-block-end:1rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600;line-height:1}.guide-typeset :where(h2):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){margin-block-start:calc(var(--guide-typeset-flow) * 2.2);margin-block-end:.75rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1.12}.guide-typeset :where(h3):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){margin-block-start:calc(var(--guide-typeset-flow) * 1.6);margin-block-end:.5rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.guide-typeset :where(p):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){max-width:100%}.guide-typeset .guide-lead{color:var(--muted-foreground);letter-spacing:-.015em;max-width:100%;margin-block-end:1.5rem;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:400;line-height:1.6}.guide-typeset :where(blockquote):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){font-family:var(--guide-font-heading);color:var(--foreground);border-inline-start:2px solid var(--primary);margin-block:calc(var(--guide-typeset-flow) * 1.4);padding-inline-start:1.25rem;font-size:1.35em;font-style:italic;line-height:1.4}.guide-typeset :where(ul,ol):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){max-width:100%;padding-inline-start:1.4em}.guide-typeset :where(ul):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){list-style:outside}.guide-typeset :where(ol):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){list-style:decimal}.guide-typeset :where(li+li):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){margin-block-start:calc(var(--guide-typeset-flow) * .45)}.guide-typeset :where(a):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){color:var(--primary);text-underline-offset:.25em;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;transition-property:color,text-decoration-color;transition-duration:.2s}.guide-typeset :where(a:hover):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.guide-typeset :where(hr):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){border:0;border-block-start:1px solid var(--border);margin-block:calc(var(--guide-typeset-flow) * 2)}.guide-typeset :where(code):not(.not-typeset,.not-typeset *,[data-not-typeset],[data-not-typeset] *){font-family:var(--guide-font-mono);border-radius:calc(var(--radius) * .5);background-color:var(--muted);border:1px solid color-mix(in oklch, var(--border) 60%, transparent);color:var(--foreground);padding:.15em .4em;font-size:.88em}.guide-callout{border:1px solid var(--border);background-color:var(--surface);margin-block:calc(var(--guide-typeset-flow) * 1.5);border-radius:1.25rem;padding:.375rem;position:relative}.guide-callout-inner{background-color:var(--card);border:1px solid color-mix(in oklch, var(--border) 40%, transparent);border-radius:.875rem;padding:1.25rem 1.5rem}.guide-inline-embed{width:100%;margin-block:calc(var(--guide-typeset-flow) * 2)}}