.docs{background:var(--bg-page)}.docs__inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter);width:100%}.docs__hero{padding:clamp(56px,8vw,96px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--border-hairline)}.docs__crumbs{display:inline-flex;gap:8px;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}html[lang=ar] .docs__crumbs{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none}.docs__crumbs a{color:inherit;text-decoration:none}.docs__crumbs a:hover{color:var(--text-primary)}.docs__kicker{display:inline-block;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-bottom:14px}html[lang=ar] .docs__kicker{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none}.docs__title{font-family:var(--font-display);font-size:clamp(2rem,4.2vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;margin:0 0 16px;color:var(--text-primary)}html[lang=ar] .docs__title{font-family:var(--font-arabic);font-weight:800;letter-spacing:0;line-height:1.2}.docs__lead{font-family:var(--font-body);font-size:clamp(1.0625rem,1.2vw,1.1875rem);line-height:1.65;color:var(--text-body);margin:0;max-width:65ch}html[lang=ar] .docs__lead{font-family:var(--font-arabic);line-height:1.9}.docs__body{padding:clamp(48px,6vw,80px) 0}.docs__inner--body{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:clamp(32px,4vw,64px)}@media(max-width:880px){.docs__inner--body{grid-template-columns:1fr;gap:32px}}.docs__sidebar{position:sticky;top:calc(var(--header-height) + 24px);align-self:start;max-height:calc(100vh - var(--header-height) - 48px);overflow-y:auto;padding:8px 0}@media(max-width:880px){.docs__sidebar{position:static;max-height:none}}.docs__nav{display:flex;flex-direction:column;gap:24px}.docs__nav-group{display:flex;flex-direction:column;gap:8px}.docs__nav-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:0 4px}html[lang=ar] .docs__nav-label{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:700}.docs__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs__nav-link{display:block;padding:7px 10px;font-family:var(--font-body);font-size:.9375rem;color:var(--text-body);text-decoration:none;border-radius:6px;border-inline-start:2px solid transparent;transition:background var(--duration-base) var(--ease-out-quart),color var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart)}html[lang=ar] .docs__nav-link{font-family:var(--font-arabic);font-size:1rem}.docs__nav-link:hover{background:var(--bg-soft);color:var(--text-primary)}.docs__nav-link.is-active{background:var(--bg-soft);color:var(--text-primary);border-inline-start-color:var(--accent);font-weight:600}.docs__content{display:flex;flex-direction:column;gap:56px;min-width:0}.docs__group{display:flex;flex-direction:column;gap:32px;scroll-margin-top:calc(var(--header-height) + 24px)}.docs__group-heading{font-family:var(--font-display);font-size:clamp(1.75rem,2.8vw,2.25rem);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);margin:0;line-height:1.15;padding-bottom:12px;border-bottom:1px solid var(--border-hairline)}html[lang=ar] .docs__group-heading{font-family:var(--font-arabic);font-weight:800;letter-spacing:0;line-height:1.3}.docs__section{scroll-margin-top:calc(var(--header-height) + 24px)}.docs__section-heading{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;letter-spacing:-.015em;color:var(--text-primary);margin:0 0 14px}html[lang=ar] .docs__section-heading{font-family:var(--font-arabic);font-weight:700;letter-spacing:0}.docs__paragraph{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text-body);margin:0 0 16px;max-width:68ch}html[lang=ar] .docs__paragraph{font-family:var(--font-arabic);font-size:1.0625rem;line-height:1.95}.docs__steps{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:14px}.docs__step{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-soft);border:1px solid var(--border-hairline);border-radius:10px}.docs__step-num{font-family:var(--font-mono);font-size:.8125rem;font-weight:700;color:var(--accent-text);flex-shrink:0;padding-top:2px;min-width:26px}.docs__step-body{display:flex;flex-direction:column;gap:4px}.docs__step-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}html[lang=ar] .docs__step-title{font-family:var(--font-arabic);font-weight:700}.docs__step-text{font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:var(--text-body);margin:0}html[lang=ar] .docs__step-text{font-family:var(--font-arabic);font-size:1rem;line-height:1.8}.docs__notes{list-style:none;margin:12px 0;padding:14px 16px;background:color-mix(in oklab,var(--accent) 5%,var(--bg-soft));border-inline-start:3px solid var(--accent);border-radius:4px;display:flex;flex-direction:column;gap:6px}.docs__notes li{font-family:var(--font-body);font-size:.875rem;line-height:1.55;color:var(--text-body)}html[lang=ar] .docs__notes li{font-family:var(--font-arabic);font-size:.9375rem;line-height:1.8}.docs__foot{padding:clamp(32px,4vw,56px) 0 clamp(56px,7vw,88px);border-top:1px solid var(--border-hairline);background:var(--bg-soft)}.docs__foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.docs__foot-text{font-family:var(--font-body);font-size:1rem;color:var(--text-body);margin:0;max-width:50ch}html[lang=ar] .docs__foot-text{font-family:var(--font-arabic);font-size:1.0625rem}.docs__foot-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--text-primary);color:var(--bg-page);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-pill)}html[lang=ar] .docs__foot-cta{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none}
