.art-head{padding-block:28px 0;max-width:760px}.art-title{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:16px 0 0}html[lang=ar] .art-title{font-family:var(--ar);line-height:1.35}.art-dek{font-family:var(--serif);font-size:20px;color:var(--soft);line-height:1.55;margin:16px 0 0}html[lang=ar] .art-dek{font-family:var(--ar);line-height:1.85}.art-meta{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.art-meta .dot{color:var(--border-2)}.art-meta .mi{font-size:13px;color:var(--muted)}.art-hero-img{aspect-ratio:16 / 8;border-radius:var(--r-lg);margin-top:28px;border:1px solid var(--border);overflow:hidden;position:relative;background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 16px,var(--surface-3) 16px,var(--surface-3) 32px)}.art-hero-img .ph{position:absolute;inset:0;display:grid;place-items:center}.art-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.art-hero-img code{font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--surface);padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border)}.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:start;margin-top:36px}@media(max-width:940px){.art-layout{grid-template-columns:minmax(0,1fr)}.art-rail{position:static!important;order:2}}.article{max-width:720px}.article>*{margin:0}.article>*+*{margin-top:22px}.article p{font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--text)}html[lang=ar] .article p{font-family:var(--ar);font-size:17px;line-height:2}.article>p:first-of-type:first-letter{font-family:var(--serif);font-size:3.4em;float:inline-start;line-height:.8;padding-inline-end:10px;padding-block-start:6px;color:var(--accent);font-weight:600}html[lang=ar] .article>p:first-of-type:first-letter{font-size:1em;float:none;padding:0;color:inherit;font-weight:inherit}.article h2{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em;margin-top:40px;scroll-margin-top:80px}html[lang=ar] .article h2{font-family:var(--ar)}.article h3{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:30px;scroll-margin-top:80px}html[lang=ar] .article h3{font-family:var(--ar)}.article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article a:hover{color:var(--accent-strong)}.article strong{font-weight:700;color:var(--text)}.article em{font-style:italic}.article code{font-family:var(--mono);font-size:15px;background:var(--surface-2);padding:2px 6px;border-radius:5px;color:var(--accent-strong)}.article pre{position:relative;font-family:var(--mono);font-size:13.5px;line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;overflow-x:auto;direction:ltr;text-align:start}.article pre code{background:none;padding:0;border-radius:0;color:var(--text);font-size:inherit}.guide-copy{position:absolute;inset-block-start:8px;inset-inline-end:8px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 9px;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.guide-copy:hover{background:var(--accent-tint);color:var(--accent);border-color:var(--accent)}.guide-copy.is-copied{color:var(--accent);border-color:var(--accent)}.article ul,.article ol{padding-inline-start:22px}.article ol li,.article ul li{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--text);margin-top:10px}html[lang=ar] .article ol li,html[lang=ar] .article ul li{font-family:var(--ar);line-height:1.9}.article blockquote{font-family:var(--serif);font-size:24px;line-height:1.4;color:var(--accent-strong);font-style:italic;padding-inline-start:22px;border-inline-start:3px solid var(--accent);margin-block:32px}.article blockquote p{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;font-style:inherit}html[lang=ar] .article blockquote,html[lang=ar] .article blockquote p{font-family:var(--ar);font-style:normal;line-height:1.7}.article hr{border:0;border-top:1px solid var(--border);margin-block:32px}.article img{max-width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--border)}.article table{width:100%;border-collapse:collapse;font-size:14.5px}.article table th,.article table td{text-align:start;padding:9px 12px;border-bottom:1px solid var(--border)}.article table th{font-weight:600;color:var(--soft)}.guide-tags-label{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:40px}.guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.guide-tags a.tag{transition:background .14s,color .14s}.guide-tags a.tag:hover{background:var(--accent);color:var(--on-accent)}.guide-faq{margin-top:14px;display:flex;flex-direction:column;gap:14px}.guide-faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:16px 18px;box-shadow:var(--sh-1)}.guide-faq-item dt{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--text)}html[lang=ar] .guide-faq-item dt{font-family:var(--ar)}.guide-faq-item dd{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--soft)}html[lang=ar] .guide-faq-item dd{line-height:1.85}.guide-faq-label{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:40px}.art-rail{position:sticky;inset-block-start:80px;display:flex;flex-direction:column;gap:16px}.art-rail-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:16px;box-shadow:var(--sh-1)}.art-rail-card h4{margin:0 0 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}html[lang=ar] .art-rail-card h4{letter-spacing:.02em}.art-toc a{display:block;padding:6px 0;font-size:13.5px;color:var(--soft)}.art-toc a:hover{color:var(--accent)}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);color:var(--soft);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .14s,color .14s,background .14s}.save-btn:hover,.save-btn.is-on{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.art-rel a{display:block;padding:10px 0;font-size:14px;color:var(--soft);border-top:1px solid var(--border);font-family:var(--serif)}html[lang=ar] .art-rel a{font-family:var(--ar)}.art-rel a:first-of-type{border-top:0}.art-rel a:hover{color:var(--accent)}.next-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--sh-1)}.next-cta .nc-lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}html[lang=ar] .next-cta .nc-lbl{letter-spacing:.02em}.next-cta .nc-t{font-family:var(--serif);font-size:19px;font-weight:600;margin-top:3px}html[lang=ar] .next-cta .nc-t{font-family:var(--ar)}