:root{--bg:#050507;--surface:#0e0d12;--surface2:#15121a;--line:rgba(255,255,255,.13);--text:#f8f5f7;--muted:#a39ba5;--red:#ed263d;--violet:#9a43f5;--cyan:#64dcff;--content:820px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px;scrollbar-width:thin;scrollbar-color:#a6162b #050507}body{margin:0;color:var(--text);background:#050507 url('../images/blog-shards-bg.png') center top/cover fixed no-repeat;font-family:Cairo,"Segoe UI",Tahoma,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,3,5,.54),rgba(3,3,5,.9) 62%,#050507)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050507}::-webkit-scrollbar-thumb{border:2px solid #050507;border-radius:20px;background:linear-gradient(#ef263d,#661020)}.article-header{position:sticky;z-index:30;top:12px;width:calc(100% - 28px);height:82px;margin:12px 14px 0;padding:0 24px;display:flex;align-items:center;gap:32px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(110deg,rgba(5,5,8,.82),rgba(14,9,15,.68));box-shadow:0 16px 46px rgba(0,0,0,.45);backdrop-filter:blur(22px) saturate(130%)}.article-brand{display:flex;align-items:center;gap:12px}.article-brand img{width:185px}.article-brand span{padding-right:12px;border-right:1px solid var(--line);color:#b8b0b7;font-size:12px}.article-header nav{margin-inline:auto;display:flex;gap:32px;color:#cfc9ce;font-size:13px}.article-header nav a{position:relative;padding:29px 0}.article-header nav a:after{content:"";position:absolute;right:0;left:0;bottom:17px;height:2px;background:var(--red);transform:scaleX(0);transition:.25s}.article-header nav a:hover:after{transform:scaleX(1)}.back-blog{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(237,38,61,.42);border-radius:10px;background:rgba(237,38,61,.08);font-size:12px}.back-blog svg{width:17px;fill:none;stroke:currentColor;stroke-width:2}.article-hero{position:relative;width:min(1500px,calc(100% - 60px));height:min(680px,70vh);min-height:560px;margin:18px auto 0;overflow:hidden;border:1px solid rgba(237,38,61,.32);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.article-hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,7,.96) 2%,rgba(4,4,7,.67) 42%,rgba(4,4,7,.05) 76%),linear-gradient(0deg,rgba(4,4,7,.72),transparent 55%)}.hero-copy{position:absolute;z-index:2;top:50%;left:7%;width:min(650px,50%);direction:rtl;text-align:right;transform:translateY(-46%)}.crumb{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,67,91,.55);border-radius:7px;background:rgba(188,12,36,.19);color:#ff465d;font-size:12px;font-weight:800}.hero-copy h1{margin:20px 0 15px;font-size:clamp(46px,5vw,78px);line-height:1.18;letter-spacing:-2px;text-shadow:0 5px 28px #000}.hero-copy>p{max-width:590px;margin:0;color:#ccc4cb;font-size:17px;line-height:1.9}.hero-meta{display:flex;gap:24px;margin-top:27px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17);color:#98909a;font-size:11px}.hero-meta span+span:before{content:"•";margin-left:24px;color:#ef3047}.hero-index{position:absolute;top:26px;right:28px;color:rgba(255,255,255,.48);font:700 11px Arial;letter-spacing:2px}.reading-progress{position:sticky;z-index:29;top:94px;height:3px;background:transparent}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--violet),var(--cyan));box-shadow:0 0 12px rgba(237,38,61,.65)}.article-layout{width:min(1180px,calc(100% - 60px));margin:70px auto 0;display:grid;grid-template-columns:270px minmax(0,var(--content));justify-content:center;gap:64px;direction:ltr}.article-aside{direction:rtl}.author-card{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.author-card img{width:46px;height:46px;object-fit:cover;border:1px solid rgba(255,255,255,.2);border-radius:12px}.author-card strong,.author-card span{display:block}.author-card strong{font-size:14px}.author-card span{margin-top:4px;color:var(--muted);font-size:10px}.toc{position:sticky;top:125px;margin-top:25px}.toc>p{margin:0 0 13px;color:#77707a;font-size:10px;letter-spacing:1px}.toc a{display:flex;align-items:center;gap:11px;padding:12px 10px;border-right:2px solid rgba(255,255,255,.08);color:#908992;font-size:12px;transition:.2s}.toc a b{color:#665f69;font:700 10px Arial}.toc a:hover,.toc a.active{border-right-color:var(--red);background:linear-gradient(90deg,transparent,rgba(237,38,61,.08));color:#fff}.toc a.active b{color:#ff4259}.share-box{margin-top:25px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(12,11,15,.72)}.share-box>span{display:block;margin-bottom:10px;color:#8f8790;font-size:10px}.share-box div{display:flex;gap:8px}.share-box button,.share-box a{flex:1;padding:8px;border:1px solid var(--line);border-radius:7px;background:#0d0c10;color:#ddd5dc;text-align:center;font-size:10px;cursor:pointer}.article-content{direction:rtl;min-width:0}.article-content p{margin:0 0 25px;color:#c4bdc4;font-size:16px;line-height:2.15}.article-content .lead{margin-bottom:35px;color:#f4eef2;font-size:23px;line-height:2;font-weight:600}.quick-summary{margin:0 0 64px;padding:23px 26px;border:1px solid rgba(101,220,255,.25);border-radius:14px;background:linear-gradient(120deg,rgba(23,50,63,.32),rgba(12,11,16,.76));box-shadow:inset 3px 0 var(--cyan)}.quick-summary span{color:var(--cyan);font-size:11px;font-weight:800}.quick-summary p{margin:7px 0 0;font-size:14px}.article-content section{position:relative;margin:0 0 76px}.section-no{position:absolute;top:-8px;left:100%;margin-left:28px;color:rgba(255,255,255,.08);font:800 64px Arial}.article-content h2{margin:0 0 23px;color:#fff;font-size:34px;line-height:1.45;letter-spacing:-.5px}.article-content strong{color:#fff}blockquote{position:relative;margin:38px 0;padding:30px 36px 27px;border:1px solid rgba(153,67,245,.32);border-radius:16px;background:linear-gradient(135deg,rgba(47,23,70,.35),rgba(10,9,14,.78))}blockquote:before{content:"“";position:absolute;top:4px;right:17px;color:#b35bff;font:80px Georgia;line-height:1}blockquote p{position:relative;margin:0!important;padding-right:35px;color:#f5eef5!important;font-size:19px!important}blockquote cite{display:block;margin-top:14px;padding-right:35px;color:#918893;font-size:11px;font-style:normal}.article-content p a{color:#73ddff;border-bottom:1px solid rgba(115,221,255,.45)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pillars>div{min-height:200px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(22,19,27,.9),rgba(9,9,12,.85))}.pillars b{color:#ff3a51;font:800 12px Arial}.pillars h3{margin:35px 0 10px;font-size:18px}.pillars p{margin:0;font-size:12px;line-height:1.9}.wide-media{margin:10px -120px 75px}.wide-media img{width:100%;aspect-ratio:16/8.7;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.5)}.wide-media figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 12px;color:#8e8790;font-size:10px}.wide-media figcaption span{color:#d6ced5}.note-box{display:flex;align-items:flex-start;gap:16px;margin:30px 0;padding:20px;border:1px solid rgba(237,38,61,.28);border-radius:13px;background:rgba(71,16,27,.2)}.note-box svg{flex:0 0 26px;width:26px;fill:none;stroke:#ff3d53;stroke-width:1.6}.note-box strong{display:block;margin-bottom:6px;font-size:13px}.note-box p{margin:0;font-size:12px;line-height:1.8}.copy-surface{overflow:hidden;margin-top:26px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#09090d;box-shadow:0 24px 60px rgba(0,0,0,.4)}.code-head,.prompt-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 10px;border-bottom:1px solid var(--line);background:#121118;direction:ltr}.code-head>span{display:flex;gap:6px}.code-head i{width:8px;height:8px;border-radius:50%;background:#ff5064}.code-head i:nth-child(2){background:#f0b849}.code-head i:nth-child(3){background:#4dcf8d}.code-head b{margin-left:auto;margin-right:16px;color:#8f8792;font:600 11px Consolas}.copy-btn{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#191720;color:#e8e1e7;font-size:10px;cursor:pointer;transition:.2s}.copy-btn:hover{border-color:#ff4057;color:#fff;background:rgba(237,38,61,.14)}.copy-btn svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.6}pre{margin:0;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.code-block pre{padding:25px 28px;color:#d8d4dc;font:14px/1.85 Consolas,"Courier New",monospace}.kw{color:#ef65d0}.type{color:#65d9ff}.fn{color:#d7bd72}.str{color:#93d57d}.prompt-block{border-color:rgba(153,67,245,.38);background:linear-gradient(135deg,#100c17,#0a0910)}.prompt-head{direction:rtl;background:rgba(48,23,66,.38)}.prompt-head>span{color:#c778ff;font:800 10px Arial;letter-spacing:1.5px}.prompt-block pre{padding:27px;color:#e2dae3;font:14px/2.1 Cairo,Tahoma,sans-serif;direction:rtl;text-align:right}.video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#08080b;box-shadow:0 25px 70px rgba(0,0,0,.45)}.video-frame iframe{width:100%;height:100%;border:0}.media-note{margin-top:12px!important;color:#7f7781!important;font-size:10px!important}.article-end;margin-top:110px}.article-end{text-align:center;margin:115px 0 70px;padding:65px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-end>span{color:#ff3149;font-size:30px}.article-end p{margin:8px 0!important;color:#8f8790!important;font-size:11px!important}.article-end h2{margin:0 0 26px;font-size:30px}.article-end a{display:inline-flex;padding:12px 20px;border-radius:8px;background:linear-gradient(100deg,#d8122b,#f02b42);font-size:12px;font-weight:800}.copy-toast{position:fixed;z-index:50;right:50%;bottom:24px;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid rgba(85,224,157,.35);border-radius:10px;background:rgba(9,19,15,.95);box-shadow:0 16px 50px #000;color:#eafff4;font-size:12px;opacity:0;pointer-events:none;transform:translate(50%,18px);transition:.28s}.copy-toast.show{opacity:1;transform:translate(50%,0)}.copy-toast span{color:#55e09d}.article-footer{width:min(1500px,calc(100% - 60px));margin:0 auto 25px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#89818a;font-size:10px}.article-footer img{width:150px}.article-footer div{display:flex;gap:18px}
@media(max-width:1050px){.article-header nav{display:none}.back-blog{margin-right:auto}.article-layout{grid-template-columns:220px minmax(0,720px);gap:35px}.wide-media{margin-inline:-35px}.section-no{display:none}}
@media(max-width:760px){.article-header{height:70px;padding:0 14px}.article-brand img{width:145px}.article-brand span{display:none}.back-blog{padding:9px 11px}.article-hero{width:calc(100% - 24px);height:620px;min-height:0;margin-top:12px}.hero-shade{background:linear-gradient(0deg,rgba(4,4,7,.97) 0%,rgba(4,4,7,.7) 55%,rgba(4,4,7,.1))}.hero-copy{right:25px;left:25px;top:auto;bottom:35px;width:auto;transform:none}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:13px}.hero-meta{flex-wrap:wrap;gap:9px 16px}.hero-meta span+span:before{margin-left:16px}.article-layout{width:calc(100% - 34px);margin-top:45px;display:block}.article-aside{display:none}.article-content .lead{font-size:19px}.article-content h2{font-size:27px}.pillars{grid-template-columns:1fr}.pillars>div{min-height:0}.pillars h3{margin-top:17px}.wide-media{margin:0 0 60px}.wide-media img{aspect-ratio:4/3}.wide-media figcaption{display:block;line-height:1.8}.article-footer{width:calc(100% - 34px);display:block;text-align:center}.article-footer>a{display:inline-block}.article-footer img{margin:auto}.article-footer p{margin:18px 0}.article-footer div{justify-content:center}.code-block pre{padding:20px 16px;font-size:12px}.prompt-block pre{padding:20px;font-size:12px}.copy-btn span{display:none}}
@media(max-width:430px){.article-header{top:8px;width:calc(100% - 16px);margin:8px}.back-blog{font-size:10px}.article-hero{height:570px}.hero-copy h1{font-size:34px}.hero-meta{font-size:9px}.hero-index{font-size:9px}.article-content p{font-size:14px}.article-content .lead{font-size:18px}.article-content h2{font-size:25px}.quick-summary{padding:18px}.code-head b{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep every sidebar module in one sticky flow to prevent overlap. */
.article-aside{position:sticky;top:125px;align-self:start;max-height:calc(100vh - 145px);overflow:auto;padding-left:6px;scrollbar-width:none}.article-aside::-webkit-scrollbar{display:none}.toc{position:static;margin-top:25px}.share-box{position:static;margin-top:20px}

.related-section{margin:105px -120px 20px!important;padding-top:42px;border-top:1px solid var(--line)}.related-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.related-heading span{color:#f13a50;font-size:10px;font-weight:800}.related-heading h2{margin:5px 0 0;font-size:30px}.related-heading>a{display:flex;align-items:center;gap:7px;color:#aaa2ab;font-size:11px}.related-heading svg,.related-body b svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.related-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px;direction:rtl}.related-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(22,19,27,.92),rgba(8,8,11,.94));transition:.3s}.related-card:hover{transform:translateY(-5px);border-color:rgba(237,38,61,.65);box-shadow:0 22px 55px rgba(0,0,0,.35)}.related-poster{position:relative;height:185px;overflow:hidden}.related-main .related-poster{height:220px}.related-poster:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,8,11,.95))}.related-poster img{width:100%;height:100%;object-fit:cover;transition:.45s}.related-card:hover .related-poster img{transform:scale(1.04);filter:saturate(1.12)}.related-poster>span{position:absolute;z-index:2;top:12px;right:12px;padding:5px 9px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(113,35,166,.9);font-size:9px;font-weight:800}.related-body{padding:15px 17px 18px}.related-meta{display:flex;justify-content:space-between;color:#837b85;font-size:9px}.related-body h3{margin:10px 0 7px;font-size:17px;line-height:1.6}.related-main .related-body h3{font-size:21px}.related-body p{min-height:48px;margin:0 0 13px;font-size:11px;line-height:1.8}.related-body b{display:flex;align-items:center;gap:7px;color:#ff4359;font-size:10px}
@media(max-width:1050px){.related-section{margin-inline:-35px!important}.article-aside{top:115px}}
@media(max-width:760px){.related-section{margin:75px 0 10px!important}.related-grid{grid-template-columns:1fr}.related-poster,.related-main .related-poster{height:210px}.related-heading h2{font-size:25px}.related-heading>a{display:none}}

.related-section{margin-right:0!important;margin-left:0!important}

/* Contextual article reference: an editorial insert, separate from the related grid below. */
.inline-reference{position:relative;display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);min-height:230px;margin:38px 0 4px;overflow:hidden;border:1px solid rgba(237,38,61,.4);border-radius:17px;background:linear-gradient(120deg,rgba(25,12,22,.96),rgba(10,9,14,.96));box-shadow:0 24px 65px rgba(0,0,0,.38);isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}.inline-reference:before{content:"";position:absolute;z-index:2;top:0;right:38%;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--red))}.inline-reference:hover{transform:translateY(-4px);border-color:rgba(255,61,86,.72);box-shadow:0 30px 78px rgba(0,0,0,.5),0 0 35px rgba(237,38,61,.08)}.inline-reference__poster{position:relative;min-height:230px;overflow:hidden}.inline-reference__poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,14,.88),transparent 48%),linear-gradient(0deg,rgba(8,7,11,.5),transparent 60%)}.inline-reference__poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.inline-reference:hover .inline-reference__poster img{transform:scale(1.055);filter:saturate(1.16)}.inline-reference__poster i{position:absolute;z-index:2;top:15px;right:15px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(7,6,10,.7);backdrop-filter:blur(10px);color:#f5dfe3;font-size:9px;font-style:normal;font-weight:800}.inline-reference__content{display:flex;min-width:0;padding:25px 27px 22px;flex-direction:column;justify-content:center}.inline-reference__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#ff4057;font-size:10px;font-weight:800}.inline-reference__eyebrow b{padding-right:9px;border-right:1px solid rgba(255,255,255,.17);color:#8d848d;font-size:9px}.inline-reference__content>strong{max-width:480px;color:#fff;font-size:22px;line-height:1.65}.inline-reference__content>small{display:block;margin-top:8px;color:#aaa1aa;font-size:12px;line-height:1.95}.inline-reference__footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.inline-reference__footer em{color:#7e747e;font-size:9px;font-style:normal}.inline-reference__footer b{display:flex;align-items:center;gap:6px;color:#ff4057;font-size:10px}.inline-reference__footer svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:760px){.inline-reference{grid-template-columns:1fr}.inline-reference__poster{min-height:205px}.inline-reference:before{right:0}.inline-reference__poster:after{background:linear-gradient(0deg,rgba(10,9,14,.82),transparent 52%)}.inline-reference__content{padding:22px}.inline-reference__content>strong{font-size:19px}.inline-reference__footer{align-items:flex-start;flex-direction:column}.inline-reference__footer b{align-self:flex-end}}

@media(pointer:fine){html,body,a,button{cursor:url('../images/cursor-dztfix.svg') 4 4,auto}a:hover,button:hover,[role="button"]:hover{cursor:url('../images/cursor-dztfix-action.svg') 8 8,pointer}}

/* Dynamic editor blocks */
.article-content h3{margin:38px 0 18px;font-size:25px}.article-video{margin:38px 0 65px}.article-video figcaption{padding:10px;color:#827985;font-size:10px}.article-action{margin:28px 0 48px}.article-btn{min-height:48px;display:inline-flex;align-items:center;gap:12px;padding:0 22px;border-radius:10px;font-size:12px;font-weight:800;transition:.25s}.article-btn:hover{transform:translateY(-3px)}.article-btn--primary{border:1px solid #ff4960;background:linear-gradient(100deg,#b80b26,#ec2940);box-shadow:0 12px 30px rgba(237,38,61,.2)}.article-btn--cyan{border:1px solid var(--cyan);background:rgba(100,220,255,.09);color:#c7f5ff}.article-btn--glass{border:1px solid var(--line);background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.resource-card{display:grid;grid-template-columns:72px 1fr;gap:20px;margin:35px 0;padding:25px;border:1px solid rgba(100,220,255,.27);border-radius:17px;background:linear-gradient(120deg,rgba(8,19,29,.92),rgba(13,9,18,.93));box-shadow:0 22px 60px rgba(0,0,0,.3)}.resource-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:17px;color:var(--cyan);font:800 20px Consolas}.resource-card small{color:var(--cyan);font:800 9px Arial;letter-spacing:1.5px}.resource-card h3{margin:5px 0 5px}.resource-card p{margin:0 0 10px;font-size:13px}.resource-meta{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.resource-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:#aca3ad;font-size:9px}.resource-card a{color:#62dcff;font-size:11px;font-weight:800}.resource-card--ai_tool{border-color:rgba(154,67,245,.35)}.resource-card--ai_tool .resource-icon{border-color:var(--violet);color:#c477ff}.article-callout{margin:30px 0;padding:20px 22px;border:1px solid rgba(100,220,255,.28);border-radius:13px;background:rgba(25,53,64,.2);box-shadow:inset 3px 0 var(--cyan)}.article-callout strong{display:block;margin-bottom:5px}.article-callout p{margin:0;font-size:13px}.article-callout--warning{border-color:rgba(255,190,69,.34);box-shadow:inset 3px 0 #f2b548}.article-callout--success{border-color:rgba(77,224,162,.32);box-shadow:inset 3px 0 #4de0a2}.article-callout--danger{border-color:rgba(237,38,61,.38);box-shadow:inset 3px 0 var(--red)}.article-list{display:grid;gap:10px;margin:22px 0 48px;padding-right:25px;color:#c9c0ca;line-height:1.9}.article-list li::marker{color:var(--red);font-weight:800}.article-list--check{list-style:none;padding:0}.article-list--check li{padding:12px 43px 12px 14px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);position:relative}.article-list--check li:before{content:'✓';position:absolute;right:15px;color:#4de0a2}.article-table-wrap{margin:32px 0 55px;overflow:auto;border:1px solid var(--line);border-radius:14px}.article-table-wrap table{width:100%;border-collapse:collapse;min-width:500px}.article-table-wrap th,.article-table-wrap td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:right}.article-table-wrap th{color:var(--cyan);background:rgba(100,220,255,.06);font-size:11px}.article-table-wrap td{color:#c1b9c2;font-size:12px}.download-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:17px;margin:30px 0 55px;padding:20px;border:1px solid rgba(237,38,61,.35);border-radius:15px;background:linear-gradient(110deg,rgba(61,12,23,.28),rgba(12,10,15,.9));transition:.25s}.download-card:hover{transform:translateY(-3px);border-color:#ff4960}.download-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:rgba(237,38,61,.14);color:#ff5065;font-size:25px}.download-card small,.download-card strong{display:block}.download-card small{color:#807780;font-size:9px}.download-card strong{margin:4px 0}.download-card p{margin:0;font-size:11px}.download-card>b{padding:9px 13px;border-radius:8px;background:var(--red);font-size:10px}.article-faq{margin:12px 0;padding:17px 20px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.article-faq summary{cursor:pointer;font-weight:800}.article-faq p{margin:15px 0 0;font-size:13px}.source-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;margin:34px 0;padding:17px 19px;border:1px solid rgba(154,67,245,.3);border-radius:13px;background:linear-gradient(110deg,rgba(48,22,70,.22),rgba(11,10,14,.9))}.source-card>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--violet);border-radius:50%;color:#c77aff;font-size:20px}.source-card small,.source-card strong{display:block}.source-card small{color:#9c72bf;font-size:9px}.source-card p{margin:3px 0 0;font-size:10px}.source-card>a{color:#c579ff;font-size:10px;font-weight:800}.article-divider{height:80px;display:flex;align-items:center;justify-content:center;color:#ff4057}.article-divider:before,.article-divider:after{content:'';width:36%;height:1px;background:linear-gradient(90deg,transparent,rgba(237,38,61,.55))}.article-divider:after{transform:scaleX(-1)}.article-divider span{margin:0 16px;text-shadow:0 0 15px var(--red)}
@media(max-width:760px){.resource-card{grid-template-columns:52px 1fr;padding:18px}.resource-icon{width:50px;height:50px}.download-card,.source-card{grid-template-columns:48px 1fr}.download-card>b,.source-card>a{grid-column:1/-1;text-align:center}.wide-media{margin-inline:0}.article-content h3{font-size:21px}}
.component-showcase{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(237,38,61,.12),transparent 36%),linear-gradient(135deg,rgba(20,17,24,.96),rgba(8,8,11,.9))}.button-gallery{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}.dz-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:10px;color:#fff;font-weight:800;font-size:11px;transition:.25s;cursor:pointer}.dz-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:2}.dz-button:hover{transform:translateY(-3px)}.dz-button--primary{border:1px solid #ff4258;background:linear-gradient(100deg,#b70825,#ed263d);box-shadow:0 10px 28px rgba(237,38,61,.22)}.dz-button--glass{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.dz-button--glass:hover{border-color:var(--cyan);color:var(--cyan)}.dz-button--violet{border:1px solid rgba(196,102,255,.55);background:linear-gradient(120deg,rgba(102,31,158,.72),rgba(215,40,126,.64));box-shadow:inset 0 0 20px rgba(255,255,255,.06)}.button-spark{color:#ffd36b}.dz-button--text{border:0;border-bottom:1px solid rgba(255,66,88,.55);border-radius:0;background:transparent;color:#ff6073}.ai-resource{display:grid;grid-template-columns:34% 66%;overflow:hidden;border:1px solid rgba(100,220,255,.3);border-radius:20px;background:linear-gradient(120deg,#0a1118,#0d0b13);box-shadow:0 30px 75px rgba(0,0,0,.4)}.ai-resource__visual{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(100,220,255,.25),transparent 32%),linear-gradient(145deg,#11192b,#08090d)}.ai-resource__visual:before,.ai-resource__visual:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(100,220,255,.22);transform:rotate(45deg)}.ai-resource__visual:after{width:145px;height:145px;border-color:rgba(177,74,255,.3)}.ai-resource__visual>span{position:relative;z-index:2;color:#dff8ff;font:800 38px Consolas;text-shadow:0 0 25px var(--cyan)}.ai-resource__visual i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:aiFloat 3s ease-in-out infinite}.ai-resource__visual i:nth-of-type(1){top:23%;left:20%}.ai-resource__visual i:nth-of-type(2){right:18%;bottom:25%;animation-delay:-1s;background:#b564ff}.ai-resource__visual i:nth-of-type(3){right:25%;top:20%;animation-delay:-2s}.ai-resource__content{padding:35px 34px}.ai-resource__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6fe5ff;font-size:9px;font-weight:800}.ai-resource__meta b{color:#69616d;font:700 9px Arial;letter-spacing:1px}.ai-resource h2{margin:19px 0 12px;font-size:28px}.ai-resource p{font-size:13px;line-height:2}.ai-resource__stats{display:flex;gap:22px;margin:20px 0;color:#756d77;font-size:9px}.ai-resource__stats b{display:block;margin-bottom:3px;color:#ddd5df;font:800 11px Arial}.ai-resource__actions{display:flex;align-items:center;gap:10px;margin-top:23px}.ai-resource__actions a,.ai-resource__actions button{min-height:43px;padding:0 15px;border-radius:8px;font-size:10px;font-weight:800}.ai-resource__actions a{display:flex;align-items:center;gap:8px;border:1px solid var(--cyan);background:rgba(100,220,255,.1);color:#b8f2ff}.ai-resource__actions a svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.ai-resource__actions button{border:1px solid var(--line);background:transparent;color:#aaa1ac}.article-slideshow{margin-inline:-120px!important}.slideshow-stage{position:relative;overflow:hidden;aspect-ratio:16/8.2;border:1px solid rgba(237,38,61,.34);border-radius:20px;background:#08080b;box-shadow:0 30px 80px rgba(0,0,0,.48)}.article-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .7s,transform 1.2s,visibility .7s}.article-slide.active{opacity:1;visibility:visible;transform:scale(1)}.article-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,8,.88),transparent 65%),linear-gradient(0deg,rgba(5,4,8,.65),transparent 60%)}.article-slide img{width:100%;height:100%;object-fit:cover}.article-slide figcaption{position:absolute;z-index:2;right:40px;bottom:37px;display:grid;grid-template-columns:34px 1fr;max-width:420px}.article-slide figcaption b{grid-row:1/3;color:#ff4058;font:800 12px Arial}.article-slide figcaption span{color:#fff;font-size:25px;font-weight:800}.article-slide figcaption small{margin-top:5px;color:#b8afb8;font-size:11px}.slide-arrow{position:absolute;z-index:4;top:50%;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(8,7,11,.62);backdrop-filter:blur(10px);color:#fff;transform:translateY(-50%)}.slide-arrow:hover{border-color:#ff4057;background:rgba(158,13,37,.7)}.slide-arrow svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.slide-arrow--prev{left:18px}.slide-arrow--next{right:18px}.slide-dots{position:absolute;z-index:4;left:50%;bottom:20px;display:flex;gap:7px;transform:translateX(-50%)}.slide-dots button{width:7px;height:7px;padding:0;border:0;border-radius:20px;background:rgba(255,255,255,.42);transition:.25s}.slide-dots button.active{width:27px;background:linear-gradient(90deg,var(--red),var(--violet))}@keyframes aiFloat{50%{transform:translateY(-12px);opacity:.55}}
@media(max-width:1050px){.article-slideshow{margin-inline:-35px!important}}
@media(max-width:760px){.component-showcase{padding:22px}.button-gallery{display:grid;grid-template-columns:1fr 1fr}.dz-button{padding-inline:12px}.ai-resource{grid-template-columns:1fr}.ai-resource__visual{min-height:230px}.ai-resource__content{padding:25px 22px}.ai-resource__stats{justify-content:space-between}.ai-resource__actions{align-items:stretch;flex-direction:column}.ai-resource__actions a,.ai-resource__actions button{justify-content:center}.article-slideshow{margin-inline:0!important}.slideshow-stage{aspect-ratio:4/5}.article-slide:after{background:linear-gradient(0deg,rgba(5,4,8,.92),transparent 70%)}.article-slide figcaption{right:24px;left:24px;bottom:52px}.article-slide figcaption span{font-size:20px}.slide-arrow{width:40px;height:40px}.slide-arrow--prev{left:10px}.slide-arrow--next{right:10px}}
@media(max-width:430px){.button-gallery{grid-template-columns:1fr}.ai-resource__meta{align-items:flex-start;flex-direction:column}.ai-resource__stats{gap:12px}.article-slide figcaption{grid-template-columns:26px 1fr}}

/* Keep the gallery aligned with the article column and away from the sticky sidebar. */
.article-slideshow{margin-inline:0!important}.slideshow-stage{aspect-ratio:16/9}
@media(max-width:760px){.slideshow-stage{aspect-ratio:4/5}}