:root{--ink:#163830;--green:#12664f;--nav:#103b32;--mint:#e9f4ee;--paper:#f7f8f4;--line:#dce7e1;--gold:#d7ae62;--muted:#6d7f79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,"Noto Sans Arabic",sans-serif;font-size:17px;line-height:1.7}a{color:inherit}.libraryHeader{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;min-height:76px;padding:12px max(22px,calc((100vw - 1220px)/2));background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.libraryBrand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:850}.libraryBrand svg{width:34px;fill:none;stroke:#3d9273;stroke-width:3}.libraryHeader nav{display:flex;gap:20px;margin-inline-start:auto}.libraryHeader nav a{text-decoration:none;font-weight:700;font-size:14px}.libraryLanguages{display:flex;gap:4px}.libraryLanguages a{min-width:40px;padding:7px;border-radius:9px;text-align:center;text-decoration:none;font-size:13px}.libraryLanguages a.active{background:var(--mint);color:var(--green);font-weight:800}.libraryDemo{padding:10px 15px;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;font-size:14px}.libraryHero{max-width:1220px;margin:auto;padding:86px 24px 55px;text-align:center}.eyebrow{color:var(--green);font-size:13px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.libraryHero h1{max-width:920px;margin:16px auto;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.045em}.libraryHero p{max-width:770px;margin:0 auto;color:var(--muted);font-size:20px}.articleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1220px;margin:0 auto;padding:0 24px 90px}.articleCard{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 45px #163d3212}.articleCard:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.articleCard img{display:block;width:100%;height:240px;object-fit:cover}.articleCard:first-child img{height:100%;min-height:360px}.articleCard div{padding:28px}.articleCard small{color:var(--green);font-weight:800}.articleCard h2{margin:9px 0 12px;font-size:28px;line-height:1.2}.articleCard p{margin:0 0 18px;color:var(--muted)}.articleCard a{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:850;text-decoration:none}.articlePage{max-width:980px;margin:auto;padding:55px 24px 95px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px}.articlePage h1{margin:23px 0 18px;font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.04em}.articleLead{font-size:22px;color:var(--muted);max-width:860px}.articleCover{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:24px;margin:32px 0}.articleMeta{display:flex;gap:12px;color:var(--muted);font-size:14px}.articleBody{max-width:780px;margin:auto}.articleBody h2{margin:48px 0 12px;font-size:31px;line-height:1.22}.articleBody p{margin:0;color:#344e48}.officialNote{margin:32px 0;padding:22px;border-inline-start:5px solid var(--gold);border-radius:12px;background:#fff8e9}.officialNote a{color:var(--green);font-weight:800}.articleDemoBox{margin:55px 0;padding:32px;border-radius:22px;background:var(--nav);color:#fff}.articleDemoBox h2{margin:0 0 10px}.articleDemoBox p{color:#c8d9d3}.articleDemoBox ol{padding-inline-start:22px}.articleDemoBox a{display:inline-block;margin-top:8px;padding:12px 18px;border-radius:10px;background:#fff;color:var(--nav);font-weight:850;text-decoration:none}.faq{border-top:1px solid var(--line);margin-top:46px}.faq article{padding:20px 0;border-bottom:1px solid var(--line)}.faq h3{margin:0 0 6px;font-size:20px}.libraryFooter{padding:46px max(22px,calc((100vw - 1220px)/2));background:var(--nav);color:#fff}.libraryFooter h2{margin:0 0 12px}.libraryFooter p{color:#b9cec6}.libraryFooter nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.libraryFooter a{color:#fff}.related{max-width:980px;margin:0 auto 80px;padding:0 24px}.related h2{font-size:30px}.relatedLinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.relatedLinks a{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;font-weight:750}
@media(max-width:760px){body{font-size:16px}.libraryHeader{gap:12px;padding:10px 14px}.libraryHeader nav{display:none}.libraryBrand{font-size:19px}.libraryDemo{display:none}.libraryHero{padding:55px 18px 38px}.libraryHero h1{font-size:43px}.libraryHero p{font-size:18px}.articleGrid{grid-template-columns:1fr;padding:0 16px 65px}.articleCard:first-child{grid-column:auto;display:block}.articleCard:first-child img,.articleCard img{height:210px;min-height:0}.articleCard div{padding:22px}.articleCard h2{font-size:24px}.articlePage{padding:35px 17px 65px}.articlePage h1{font-size:40px}.articleLead{font-size:19px}.articleCover{aspect-ratio:16/8;margin:24px 0}.articleBody h2{font-size:27px}.articleDemoBox{padding:24px 20px}.related{padding:0 17px}.relatedLinks{grid-template-columns:1fr}}