@layer theme,base;@layer components{.doc{padding-block:clamp(2.5rem, 1.75rem + 3vw, 4.5rem) var(--space-section)}.doc__head{border-block-end:1px solid var(--color-line);justify-items:start;gap:1.125rem;padding-block-end:clamp(2rem,1.5rem + 2vw,3rem);display:grid}.doc__title{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);letter-spacing:var(--text-3xl--letter-spacing)}.doc__lead{max-width:var(--container-prose);font-size:var(--text-md);line-height:var(--text-md--line-height);color:var(--color-ink-2)}.doc__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);letter-spacing:.02em;align-items:center;gap:.5rem;display:inline-flex}.doc__meta:lang(ar),:lang(ar) .doc__meta{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:0}.doc__body{counter-reset:doc-sec;max-width:var(--container-prose)}.doc__sec{counter-increment:doc-sec;border-block-end:1px solid var(--color-line);gap:.875rem;padding-block:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);scroll-margin-block-start:5.5rem;display:grid}.doc__sec:last-child{border-block-end:0}.doc__sec h2{font-size:var(--text-xl);line-height:var(--text-xl--line-height);letter-spacing:var(--text-xl--letter-spacing);align-items:baseline;gap:.875rem;display:flex}.doc__sec h2:before{content:counter(doc-sec, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.04em;flex:none;font-weight:600;transform:translateY(-.15em)}.doc__sec p{color:var(--color-ink-2)}.doc__sec p+p{margin-block-start:.25rem}.doc__sec a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}@media (hover:hover){.doc__sec a:hover{color:var(--color-accent-strong);text-decoration-color:currentColor}}.doc__back{margin-block-start:2rem}.doc__layout{gap:1.5rem;display:grid}.doc__toc{display:none}@media (width>=64rem){.doc__layout{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;gap:clamp(3rem,1rem + 4vw,6rem)}.doc__toc{padding-block-start:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);display:block;position:sticky;inset-block-start:6rem}.doc__toc ol{counter-reset:toc;border-inline-start:1px solid var(--color-line);gap:.125rem;margin-block-start:.875rem;list-style:none;display:grid}.doc__toc li{counter-increment:toc}.doc__toc a{font-size:var(--text-sm);color:var(--color-ink-2);border-inline-start:2px solid #0000;gap:.625rem;margin-inline-start:-1px;padding:.375rem .875rem;display:flex}.doc__toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);padding-block-start:.2em}@media (hover:hover){.doc__toc a:hover{color:var(--color-ink);border-inline-start-color:var(--color-line-strong)}}.doc__toc a[aria-current=true]{color:var(--color-accent);border-inline-start-color:var(--color-accent)}.doc__body{order:2}}}@layer utilities;