:root{--ink:#20264a;--violet:#5d4bd5;--paper:#f7f7ff;--line:#e5e4f3;--coral:#ed735f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Noto Sans Arabic",sans-serif;line-height:2}a{color:inherit}.content-header{max-width:1060px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.content-brand{text-decoration:none;font-weight:900}.content-brand span{color:var(--violet)}.content-home{font-size:13px;text-decoration:none;border-bottom:1px solid}.article-hero{background:#252b79;color:#fff;padding:68px 24px}.article-hero>div{max-width:900px;margin:auto}.crumbs{font-size:12px;color:#d8d9fa}.crumbs a{color:#ffdf7d;text-decoration:none}.article-hero h1{font-size:clamp(34px,6vw,60px);line-height:1.55;margin:16px 0 10px;letter-spacing:-1px}.article-hero p{max-width:730px;color:#e3e4ff;font-size:17px;margin:0}.article-meta{margin-top:22px;font-size:12px;color:#bfc3ed}.article-layout{max-width:1060px;margin:42px auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,720px) 260px;gap:42px}.article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 42px;box-shadow:0 16px 40px #3128700a}.article h2{font-size:26px;line-height:1.7;margin:38px 0 10px}.article h2:first-child{margin-top:0}.article h3{font-size:19px;margin:28px 0 7px}.article p{color:#414766}.article ul,.article ol{padding-right:24px;color:#414766}.article li{margin:7px 0}.callout{background:#fff7d9;border-right:4px solid #f0b83e;padding:18px 21px;border-radius:12px;margin:25px 0}.example{background:#efedff;border:1px solid #ddd8ff;padding:18px 21px;border-radius:12px;margin:25px 0}.article-cta{display:block;background:#5d4bd5;color:#fff;text-decoration:none;text-align:center;font-weight:800;border-radius:12px;padding:15px;margin-top:36px}.sidebar{align-self:start;position:sticky;top:20px}.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:15px}.side-card strong{display:block;margin-bottom:8px}.side-card a{display:block;color:#5d4bd5;text-decoration:none;font-size:13px;margin:7px 0}.hub{max-width:1060px;margin:42px auto 75px;padding:0 24px}.hub-intro{max-width:760px;color:#565c78}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.article-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;text-decoration:none;transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #30247612}.article-card small{color:var(--coral);font-weight:800}.article-card h2{font-size:21px;line-height:1.7;margin:8px 0}.article-card p{font-size:13px;color:#656b85;margin:0}.content-footer{text-align:center;border-top:1px solid var(--line);padding:24px;color:#8589a3;font-size:12px}@media(max-width:800px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.article-grid{grid-template-columns:1fr}}@media(max-width:520px){.article-hero{padding-top:45px}.article{padding:25px 20px}.article-layout{padding:0 12px}.article-hero h1{font-size:36px}.content-header{padding:18px}.hub{padding:0 14px}}