.lg-hero{padding-block:clamp(12rem,16vw,18rem) var(--space-lg)}.lg-hero__inner{display:grid;gap:var(--space-sm)}html[data-design-system=remake] .lg-title{font-size:clamp(4rem,5vw + 1rem,7.2rem);line-height:1;letter-spacing:-.03em;max-inline-size:18ch}html[data-design-system=remake] .lg-title-alt{font-size:clamp(2.2rem,2vw + 1rem,3.2rem);color:var(--color-ink-2);inline-size:fit-content}html[data-design-system=remake] .lg-title-alt:lang(ar){font-family:var(--font-arabic)}.lg-doc{display:flex;flex-direction:column}.lg-doc--ar-first .lg-ar{order:-1}.lg-doc--ar-first .lg-ar+.lg-en,.lg-doc--ar-first .lg-en{margin-block-start:var(--space-3xl, 9.6rem);padding-block-start:var(--space-2xl, 6.4rem);border-block-start:1px solid var(--color-rule)}.lg-doc--ar-first .lg-ar{margin-block-start:0;padding-block-start:0;border-block-start:0}.lg-meta{color:var(--color-muted);font-size:1.3rem}.lg-lang{display:flex;gap:1rem;font-weight:500}.lg-lang a,.lg-toc a,.lg-doc a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.3em}.lg-grid{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,72rem);gap:clamp(3.2rem,6vw,9.6rem);padding-block-end:var(--section-gap, 12rem);align-items:start}.lg-toc{position:sticky;top:11rem;display:grid;gap:var(--space-sm);font-size:1.45rem}.lg-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:.8rem;counter-reset:toc}.lg-toc li{counter-increment:toc;display:flex;gap:.8rem}.lg-toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);font-size:1.2rem;color:var(--color-accent);padding-block-start:.2rem}.lg-toc a{text-decoration:none;color:var(--color-ink-2)}.lg-toc a:hover{color:var(--color-ink)}html[data-design-system=remake] .lg-doc{font-size:1.7rem;line-height:1.75;color:var(--color-ink-2)}.lg-lang-block+.lg-lang-block{margin-block-start:var(--space-3xl, 9.6rem);padding-block-start:var(--space-2xl, 6.4rem);border-block-start:1px solid var(--color-rule)}html[data-design-system=remake] .lg-doc h2{font-size:clamp(2.4rem,1.5vw + 1.6rem,3.2rem);color:var(--color-ink);margin-block:var(--space-xl) var(--space-sm);scroll-margin-top:11rem;letter-spacing:-.015em}html[data-design-system=remake] .lg-doc h2:first-child{margin-block-start:0}html[data-design-system=remake] .lg-doc h3{font-family:var(--font-body, inherit);font-size:1.8rem;font-weight:600;color:var(--color-ink);margin-block:var(--space-md) var(--space-2xs)}html[data-design-system=remake] .lg-doc p,html[data-design-system=remake] .lg-doc ul,html[data-design-system=remake] .lg-doc ol{margin-block:0 var(--space-sm)}html[data-design-system=remake] .lg-doc ul,html[data-design-system=remake] .lg-doc ol{padding-inline-start:2.4rem}html[data-design-system=remake] .lg-doc li{margin-block-end:.6rem}html[data-design-system=remake] .lg-doc strong{color:var(--color-ink)}html[data-design-system=remake] .lg-doc .lg-callout{padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid color-mix(in oklch,var(--color-accent) 30%,var(--color-rule));background:color-mix(in oklch,var(--color-accent) 7%,var(--color-paper-2));color:var(--color-ink)}html[data-design-system=remake] .lg-doc table{inline-size:100%;border-collapse:collapse;margin-block:var(--space-sm) var(--space-md);font-size:1.5rem}html[data-design-system=remake] .lg-doc th,html[data-design-system=remake] .lg-doc td{text-align:start;vertical-align:top;padding:1rem 1.2rem;border-block-end:1px solid var(--color-rule)}html[data-design-system=remake] .lg-doc th{color:var(--color-ink);font-weight:600}.lg-ar{font-family:var(--font-arabic);line-height:1.95}html[data-design-system=remake] .lg-ar h2,html[data-design-system=remake] .lg-ar h3{font-family:var(--font-arabic);letter-spacing:0}@media(max-width:960px){.lg-grid{grid-template-columns:minmax(0,1fr)}.lg-toc{position:static;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-lg)}html[data-design-system=remake] .lg-doc table,html[data-design-system=remake] .lg-doc thead,html[data-design-system=remake] .lg-doc tbody,html[data-design-system=remake] .lg-doc tr,html[data-design-system=remake] .lg-doc th,html[data-design-system=remake] .lg-doc td{display:block}html[data-design-system=remake] .lg-doc thead{display:none}html[data-design-system=remake] .lg-doc td{border:0;padding:.2rem 0}html[data-design-system=remake] .lg-doc tr{padding-block:1rem;border-block-end:1px solid var(--color-rule)}html[data-design-system=remake] .lg-doc td:first-child{color:var(--color-ink);font-weight:600}}
