Blog \u2014 01010 Digital<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&family=Noto+Kufi+Arabic:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCOPED UNDER #dgb \u2014 Does not conflict with theme\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb{\n font-family:'Tajawal',sans-serif;\n direction:ltr;\n --navy:#0A2647;--navy-l:#133A5C;--navy-m:#1A4A6C;\n --blue:#2B6CB0;--blue-l:#3B82C4;\n --cyan:#A8CCE0;--cyan-xl:#E4EFF5;\n --gold:#F5C542;--gold-d:#D4A832;\n --white:#fff;--off:#F2F7FA;\n --g50:#F8FAFB;--g100:#EDF2F7;--g200:#D8E2EC;\n --g300:#A8B8C8;--g400:#7A8FA4;--g500:#5A6F82;\n --g600:#3F5468;--g900:#0F1D2F;\n --sh-xs:0 1px 4px rgba(10,38,71,.05);\n --sh-s:0 2px 10px rgba(10,38,71,.07);\n --sh-m:0 8px 28px rgba(10,38,71,.10);\n --sh-l:0 20px 52px rgba(10,38,71,.13);\n --r:14px;--rs:8px;--rl:20px;\n}\n#dgb *{box-sizing:border-box;margin:0;padding:0}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .hero{\n position:relative;\n min-height:52vh;\n display:flex;align-items:center;\n overflow:hidden;\n background:linear-gradient(168deg,#D4E8F2 0%,#B8D8E8 36%,#9CC8DE 66%,#7BBAD2 100%);\n margin-bottom:0;\n}\n#dgb .hero::before{\n content:'';position:absolute;inset:0;z-index:1;pointer-events:none;\n background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600'%3E%3Ctext x='10' y='55' font-family='monospace' font-size='13' fill='rgba(10,38,71,.038)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3Ctext x='250' y='195' font-family='monospace' font-size='10' fill='rgba(10,38,71,.023)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3Ctext x='60' y='360' font-family='monospace' font-size='14' fill='rgba(10,38,71,.028)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3C\/svg%3E\");\n}\n#dgb .hero-net{position:absolute;inset:0;z-index:1;pointer-events:none}\n\n\/* gold crosses *\/\n#dgb .hcr{position:absolute;pointer-events:none;z-index:2}\n#dgb .hcr::before,#dgb .hcr::after{content:'';position:absolute;background:var(--gold)}\n#dgb .hcr::before{width:3px;height:24px;left:50%;transform:translateX(-50%)}\n#dgb .hcr::after{width:24px;height:3px;top:50%;transform:translateY(-50%)}\n#dgb .cx1{top:16%;left:42%;opacity:.6}\n#dgb .cx2{bottom:26%;right:7%;opacity:.28;transform:scale(.7)}\n#dgb .cx3{top:44%;right:20%;opacity:.35;transform:scale(.82)}\n\n\/* glow orbs *\/\n#dgb .hgl{position:absolute;border-radius:50%;pointer-events:none;z-index:0}\n#dgb .hgl1{width:460px;height:460px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}\n#dgb .hgl2{width:300px;height:300px;bottom:-70px;right:-70px;background:radial-gradient(circle,rgba(245,197,66,.06),transparent 70%)}\n\n#dgb .hero-inner{\n max-width:1220px;margin:0 auto;\n padding:80px 40px 56px;\n position:relative;z-index:3;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:56px;align-items:center;\n width:100%;\n}\n\n\/* hero text *\/\n#dgb .h-bc{\n display:inline-flex;align-items:center;gap:10px;\n background:rgba(255,255,255,.32);backdrop-filter:blur(10px);\n border:1px solid rgba(255,255,255,.48);border-radius:30px;\n padding:8px 22px;margin-bottom:22px;\n}\n#dgb .h-bc a{font-size:13px;color:var(--navy);opacity:.5;text-decoration:none}\n#dgb .h-bc i{font-size:9px;color:var(--navy);opacity:.28}\n#dgb .h-bc span{font-size:13px;color:var(--navy);font-weight:700}\n\n#dgb .h-ey{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:3.5px;text-transform:uppercase;opacity:.36;margin-bottom:14px}\n\n#dgb .hero h1{\n font-family:'Noto Kufi Arabic',sans-serif;\n font-size:42px;font-weight:900;color:var(--navy);\n line-height:1.3;margin-bottom:12px;\n}\n#dgb .hero h1 em{font-style:normal;color:var(--blue)}\n#dgb .h-line{width:52px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:16px}\n#dgb .h-desc{font-size:15px;color:var(--navy-l);line-height:2;max-width:460px;opacity:.56;margin-bottom:24px}\n\n\/* search *\/\n#dgb .h-search{position:relative;max-width:460px}\n#dgb .h-search input{\n width:100%;padding:13px 112px 13px 46px;\n border-radius:40px;border:2px solid rgba(255,255,255,.55);\n background:rgba(255,255,255,.62);backdrop-filter:blur(14px);\n font-family:'Tajawal',sans-serif;font-size:14px;color:var(--navy);\n outline:none;transition:all .3s;direction:ltr;\n}\n#dgb .h-search input::placeholder{color:rgba(10,38,71,.38)}\n#dgb .h-search input:focus{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(10,38,71,.08)}\n#dgb .h-search .s-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--navy);opacity:.35;pointer-events:none}\n#dgb .h-search .s-btn{\n position:absolute;right:0;top:50%;transform:translateY(-50%);\n background:var(--gold);color:var(--navy);border:none;border-radius:34px;\n padding:8px 20px;font-family:'Noto Kufi Arabic',sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .3s;\n}\n#dgb .h-search .s-btn:hover{background:var(--gold-d)}\n\n\/* hero right: topic cards *\/\n#dgb .h-topics{}\n#dgb .ht-lbl{display:block;font-size:11px;font-weight:700;color:var(--navy);letter-spacing:3px;text-transform:uppercase;opacity:.33;margin-bottom:12px}\n#dgb .ht-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}\n#dgb .ht-card{\n display:flex;align-items:center;gap:11px;\n background:rgba(255,255,255,.5);backdrop-filter:blur(14px);\n border:1px solid rgba(255,255,255,.68);border-radius:14px;\n padding:14px 16px;text-decoration:none;cursor:pointer;\n transition:all .3s;\n}\n#dgb .ht-card:hover{background:rgba(255,255,255,.78);transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,38,71,.1)}\n#dgb .ht-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}\n#dgb .ht-ic.a{background:rgba(43,108,176,.1);color:var(--blue)}\n#dgb .ht-ic.b{background:rgba(245,197,66,.14);color:var(--gold-d)}\n#dgb .ht-ic.c{background:rgba(10,38,71,.07);color:var(--navy)}\n#dgb .ht-ic.d{background:rgba(34,197,94,.1);color:#16a34a}\n#dgb .ht-ic.e{background:rgba(124,58,237,.08);color:#7c3aed}\n#dgb .ht-name{font-family:'Noto Kufi Arabic',sans-serif;font-size:12.5px;font-weight:800;color:var(--navy);display:block}\n#dgb .ht-cnt{font-size:11px;color:var(--navy);opacity:.38;margin-top:2px;display:block}\n\n\/* hero animations *\/\n@keyframes dgUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\n#dgb .hero-left > *{animation:dgUp .6s ease both}\n#dgb .h-bc{animation-delay:.0s}\n#dgb .h-ey{animation-delay:.07s}\n#dgb .hero h1{animation-delay:.13s}\n#dgb .h-line{animation-delay:.17s}\n#dgb .h-desc{animation-delay:.21s}\n#dgb .h-search{animation-delay:.27s}\n#dgb .h-topics{animation:dgUp .7s .33s ease both}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURED \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .feat-wrap{\n padding:0 40px;\n transform:translateY(-48px);\n margin-bottom:-24px;\n position:relative;z-index:4;\n}\n#dgb .feat-card{\n max-width:1220px;margin:24px auto;\n background:var(--white);border-radius:var(--rl);\n box-shadow:var(--sh-l);overflow:hidden;\n display:grid;grid-template-columns:1.1fr 1fr;\n border:1px solid var(--g100);\n transition:box-shadow .5s,transform .5s;\n}\n#dgb .feat-card:hover{box-shadow:0 30px 68px rgba(10,38,71,.15);transform:translateY(-4px)}\n#dgb .feat-img{position:relative;overflow:hidden;min-height:320px}\n#dgb .feat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}\n#dgb .feat-card:hover .feat-img img{transform:scale(1.05)}\n#dgb .feat-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,38,71,.5),transparent 65%)}\n#dgb .feat-badge{position:absolute;top:18px;left:18px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:900;padding:5px 14px;border-radius:20px}\n#dgb .feat-body{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}\n#dgb .feat-cat{font-size:10.5px;font-weight:700;color:var(--blue);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}\n#dgb .feat-cat::before{content:'';width:18px;height:2px;background:var(--blue);border-radius:2px}\n#dgb .feat-title{font-family:'Noto Kufi Arabic',sans-serif;font-size:22px;font-weight:900;color:var(--navy);line-height:1.52;margin-bottom:12px;transition:color .3s}\n#dgb .feat-card:hover .feat-title{color:var(--blue)}\n#dgb .feat-exc{font-size:14px;color:var(--g500);line-height:2;margin-bottom:26px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n#dgb .feat-link{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:var(--white);padding:12px 26px;border-radius:var(--rs);text-decoration:none;font-weight:700;font-size:14px;align-self:flex-start;transition:all .35s}\n#dgb .feat-link:hover{background:var(--blue);transform:translateX(3px)}\n#dgb .feat-link i{transition:transform .3s}\n#dgb .feat-link:hover i{transform:translateX(4px)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN LAYOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* LTR: col1=Left=Sidebar , col2=Right=Posts *\/\n#dgb .page-body{\n max-width:1400px;margin:0 auto;\n padding:48px 32px 90px;\n display:grid;\n grid-template-columns:220px 1fr;\n gap:28px;\n align-items:start;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SIDEBAR (Left) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}\n\n#dgb .sw{background:var(--white);border:1px solid var(--g200);border-radius:var(--r);overflow:hidden;transition:box-shadow .3s}\n#dgb .sw:hover{box-shadow:var(--sh-s)}\n#dgb .sw-hd{padding:14px 18px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px}\n#dgb .sw-hd i{color:var(--blue);font-size:13px}\n#dgb .sw-hd h4{font-family:'Noto Kufi Arabic',sans-serif;font-size:14px;font-weight:800;color:var(--navy)}\n#dgb .sw-bd{padding:12px 14px}\n\n\/* cat links *\/\n#dgb .sb-cl{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;margin-bottom:4px;border-radius:var(--rs);border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:all .26s}\n#dgb .sb-cl:last-child{margin-bottom:0}\n#dgb .sb-cl:hover,#dgb .sb-cl.on{background:rgba(43,108,176,.05);border-color:rgba(43,108,176,.14)}\n#dgb .sb-cl.on .sb-cn{color:var(--blue);font-weight:700}\n#dgb .sb-cl.on .sb-dot,#dgb .sb-cl:hover .sb-dot{background:var(--blue)}\n#dgb .sb-ll{display:flex;align-items:center;gap:8px}\n#dgb .sb-dot{width:7px;height:7px;border-radius:50%;background:var(--g300);flex-shrink:0;transition:background .26s}\n#dgb .sb-cn{font-size:13px;color:var(--g600);transition:color .26s}\n#dgb .sb-num{font-size:11px;color:var(--g300);background:var(--g100);padding:2px 8px;border-radius:10px;font-weight:700}\n\n\/* latest posts *\/\n#dgb .lp{height: 118px;display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--g100);text-decoration:none;transition:all .26s}\n#dgb .lp:last-child{border:none;padding-bottom:0}\n#dgb .lp:hover .lp-t{color:var(--blue)}\n#dgb .lp-th{width:60px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--g100)}\n#dgb .lp-th img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\n#dgb .lp:hover .lp-th img{transform:scale(1.08)}\n#dgb .lp-t{font-family:'Noto Kufi Arabic',sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.55;transition:color .26s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n\n\/* tags \u2014 hidden *\/\n#dgb .tags{display:none}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .fbar{\n background:var(--white);border:1px solid var(--g200);\n border-radius:var(--r);box-shadow:var(--sh-xs);\n padding:8px 14px;\n display:flex !important;align-items:center;gap:10px;\n margin-bottom:22px;\n position:relative;\n overflow:visible;\n flex-wrap:nowrap;\n width:100%;\n}\n\n\/* view group *\/\n#dgb .vg{display:flex;gap:3px;padding-right:10px;border-right:1px solid var(--g200);margin-right:3px;flex-shrink:0}\n#dgb .vbtn{width:34px;height:34px;border:none;border-radius:var(--rs);background:transparent;cursor:pointer;color:var(--g400);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .26s}\n#dgb .vbtn:hover{background:var(--g50);color:var(--navy)}\n#dgb .vbtn.on{background:var(--navy) !important;color:var(--white) !important}\n\n\/* pills \u2014 scrollable, no visible bar *\/\n#dgb .cat-strip{\n flex:1;\n display:flex !important;\n align-items:center;\n gap:7px;\n overflow-x:auto;\n overflow-y:visible;\n padding:4px 2px;\n scrollbar-width:none;\n min-width:0;\n -webkit-overflow-scrolling:touch;\n}\n#dgb .cat-strip::-webkit-scrollbar{display:none}\n\n#dgb .fp{\n flex-shrink:0;\n padding:8px 18px;\n border-radius:30px;\n border:1.5px solid var(--g200);\n background:var(--white);\n font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:700;\n color:var(--g600);cursor:pointer;transition:all .26s;\n white-space:nowrap;\n display:inline-flex !important;\n align-items:center;gap:6px;line-height:1;\n}\n#dgb .fp:hover{border-color:var(--blue);color:var(--blue);background:rgba(43,108,176,.05)}\n#dgb .fp.on{background:var(--navy) !important;color:var(--white) !important;border-color:var(--navy) !important;box-shadow:0 2px 10px rgba(10,38,71,.2)}\n#dgb .fp .fn{font-size:11px;font-weight:800;opacity:.6}\n#dgb .fp.on .fn{opacity:.75}\n\n\/* sort *\/\n#dgb .srt{width:10%;flex-shrink:0;padding:7px 11px;border-radius:var(--rs);border:1.5px solid var(--g200);font-family:'Tajawal',sans-serif;font-size:13px;color:var(--g600);background:var(--g50);outline:none;cursor:pointer;transition:border-color .26s}\n#dgb .srt:focus{border-color:var(--blue)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESULTS BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .rbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:24px;flex-wrap:wrap;gap:6px}\n#dgb .rt{font-size:13px;color:var(--g500)}\n#dgb .rt strong{color:var(--navy);font-weight:700}\n#dgb .act-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:20px;margin-left:6px;background:rgba(43,108,176,.07);border:1px solid rgba(43,108,176,.14);font-size:12px;color:var(--blue);font-weight:600}\n#dgb .act-badge button{background:none;border:none;cursor:pointer;color:var(--blue);opacity:.55;font-size:11px;padding:0;line-height:1}\n#dgb .act-badge button:hover{opacity:1}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SKELETON \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes dgSh{0%{background-position:200% 0}100%{background-position:-200% 0}}\n#dgb .sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n#dgb .sk{background:var(--white);border-radius:var(--r);border:1px solid var(--g200);overflow:hidden}\n#dgb .sk-img{height:178px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite}\n#dgb .sk-bd{padding:18px}\n#dgb .sk-l{height:11px;border-radius:5px;margin-bottom:9px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite}\n#dgb .sk-l.w80{width:80%}#dgb .sk-l.w60{width:60%}#dgb .sk-l.w40{width:40%}#dgb .sk-l.h16{height:16px;margin-bottom:12px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 POSTS GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}\n#dgb .pgrid.lv{grid-template-columns:1fr}\n\n\/* card *\/\n@keyframes dgCi{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}\n#dgb .pc{\n background:var(--white);border-radius:var(--r);border:1px solid var(--g200);\n overflow:hidden;display:flex;flex-direction:column;position:relative;\n transition:all .38s cubic-bezier(.4,0,.2,1);animation:dgCi .4s ease both;\n}\n#dgb .pc::before{\n content:'';position:absolute;top:0;right:0;left:0;height:3px;\n background:linear-gradient(90deg,var(--blue),var(--gold));\n transform:scaleX(0);transform-origin:left;transition:transform .42s;z-index:2;\n}\n#dgb .pc:hover{box-shadow:var(--sh-m);border-color:transparent;transform:translateY(-4px)}\n#dgb .pc:hover::before{transform:scaleX(1)}\n\n\/* thumb *\/\n#dgb .pc-img{position:relative;overflow:hidden;aspect-ratio:16\/9;background:var(--g100)}\n#dgb .pc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .62s}\n#dgb .pc:hover .pc-img img{transform:scale(1.06)}\n#dgb .pc-cat{position:absolute;top:11px;left:11px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:800;padding:4px 12px;border-radius:6px;z-index:2;transition:all .26s}\n#dgb .pc:hover .pc-cat{background:var(--navy);color:var(--white)}\n\n\/* body *\/\n#dgb .pc-body{padding:18px 18px 16px;flex:1;display:flex;flex-direction:column}\n#dgb .pc-title{font-family:'Noto Kufi Arabic',sans-serif;font-size:15px;font-weight:800;color:var(--navy);line-height:1.62;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .26s;flex:1;text-decoration:none;display:block}\n#dgb .pc:hover .pc-title{color:var(--blue)}\n#dgb .pc-exc{font-size:13px;color:var(--g500);line-height:1.82;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n#dgb .pc-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--g100)}\n#dgb .pc-cta{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none;transition:gap .26s}\n#dgb .pc-cta i{font-size:11px;transition:transform .26s}\n#dgb .pc:hover .pc-cta{gap:10px}\n#dgb .pc:hover .pc-cta i{transform:translateX(3px)}\n\n\/* list view *\/\n#dgb .pgrid.lv .pc{flex-direction:row;height:150px}\n#dgb .pgrid.lv .pc-img{width:200px;flex-shrink:0;aspect-ratio:unset;height:100%}\n#dgb .pgrid.lv .pc-body{padding:16px 18px}\n#dgb .pgrid.lv .pc-exc{-webkit-line-clamp:1}\n#dgb .pgrid.lv .pc::before{top:0;bottom:0;left:0;right:auto;width:3px;height:auto;transform:scaleY(0);transform-origin:top;background:linear-gradient(to bottom,var(--blue),var(--gold))}\n#dgb .pgrid.lv .pc:hover::before{transform:scaleY(1)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SPINNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .spin-wrap{display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 0}\n#dgb .spin-wrap.show{display:flex}\n#dgb .spin{width:42px;height:42px;border-radius:50%;border:3px solid var(--g200);border-top-color:var(--blue);animation:dgSpin .75s linear infinite}\n@keyframes dgSpin{to{transform:rotate(360deg)}}\n#dgb .spin-t{font-size:13px;color:var(--g400)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EMPTY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .empty{text-align:center;padding:60px 20px}\n#dgb .empty .ei{font-size:46px;color:var(--g200);margin-bottom:12px;display:block}\n#dgb .empty h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:6px}\n#dgb .empty p{font-size:13.5px;color:var(--g400)}\n#dgb .btn-reset{margin-top:16px;display:inline-flex;align-items:center;gap:7px;background:var(--navy);color:var(--white);padding:11px 24px;border-radius:var(--rs);border:none;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .26s}\n#dgb .btn-reset:hover{background:var(--blue);transform:translateY(-2px)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .pgn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}\n#dgb .pb{width:40px;height:40px;border-radius:var(--rs);border:1px solid var(--g200);background:var(--white);color:var(--g600);font-family:'Noto Kufi Arabic',sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .26s}\n#dgb .pb:hover{border-color:var(--blue);color:var(--blue);background:rgba(43,108,176,.05)}\n#dgb .pb.cur{background:var(--navy);color:var(--white);border-color:var(--navy)}\n#dgb .pb.off{opacity:.35;pointer-events:none}\n#dgb .pdots{color:var(--g300);font-size:14px;padding:0 2px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .rv{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1)}\n#dgb .rv.vis{opacity:1;transform:none}\n#dgb .rv.d1{transition-delay:.06s}\n#dgb .rv.d2{transition-delay:.12s}\n#dgb .rv.d3{transition-delay:.18s}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n #dgb .page-body{grid-template-columns:1fr}\n #dgb .sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}\n #dgb .sk-grid,#dgb .pgrid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:960px){\n #dgb .hero-inner{grid-template-columns:1fr;padding:72px 28px 52px}\n #dgb .h-topics{display:none}\n #dgb .feat-card{grid-template-columns:1fr}\n #dgb .feat-img{min-height:210px}\n}\n@media(max-width:768px){\n #dgb .hero h1{font-size:28px}\n #dgb .feat-wrap{padding:0 20px;transform:translateY(-32px)}\n #dgb .page-body{padding:36px 20px 80px}\n #dgb .sk-grid,#dgb .pgrid{grid-template-columns:1fr}\n #dgb .pgrid.lv .pc{flex-direction:column;height:auto}\n #dgb .pgrid.lv .pc-img{width:100%;height:178px}\n #dgb .sidebar{grid-template-columns:1fr}\n #dgb .fbar{position:relative;flex-wrap:wrap}\n #dgb .vg,#dgb .srt{display:none}\n #dgb .h-bc{display:none}\n}\n@media(max-width:480px){\n #dgb .hero h1{font-size:24px}\n #dgb .hero-inner{padding:64px 20px 44px}\n #dgb .fp{padding:6px 12px;font-size:12px}\n}\n<\/style>\n\n<div id=\"dgb\">\n\n <section class=\"hero\">\n <svg class=\"hero-net\" viewBox=\"0 0 1440 560\" preserveAspectRatio=\"none\">\n <circle cx=\"110\" cy=\"108\" r=\"3\" fill=\"rgba(10,38,71,.07)\"\/>\n <circle cx=\"330\" cy=\"58\" r=\"2.5\" fill=\"rgba(10,38,71,.05)\"\/>\n <circle cx=\"228\" cy=\"244\" r=\"2\" fill=\"rgba(10,38,71,.04)\"\/>\n <circle cx=\"514\" cy=\"130\" r=\"3\" fill=\"rgba(10,38,71,.06)\"\/>\n <circle cx=\"1162\" cy=\"166\" r=\"3\" fill=\"rgba(10,38,71,.06)\"\/>\n <circle cx=\"1056\" cy=\"310\" r=\"2.5\" fill=\"rgba(10,38,71,.04)\"\/>\n <circle cx=\"1316\" cy=\"88\" r=\"2\" fill=\"rgba(10,38,71,.05)\"\/>\n <line x1=\"110\" y1=\"108\" x2=\"330\" y2=\"58\" stroke=\"rgba(10,38,71,.04)\" stroke-width=\"1\"\/>\n <line x1=\"330\" y1=\"58\" x2=\"514\" y2=\"130\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <line x1=\"110\" y1=\"108\" x2=\"228\" y2=\"244\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <line x1=\"1162\" y1=\"166\" x2=\"1056\" y2=\"310\" stroke=\"rgba(10,38,71,.04)\" stroke-width=\"1\"\/>\n <line x1=\"1162\" y1=\"166\" x2=\"1316\" y2=\"88\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <\/svg>\n <div class=\"hcr cx1\"><\/div><div class=\"hcr cx2\"><\/div><div class=\"hcr cx3\"><\/div>\n <div class=\"hgl hgl1\"><\/div><div class=\"hgl hgl2\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"h-bc\">\n <a href=\"\/\">Home<\/a>\n <i class=\"fas fa-chevron-right\"><\/i>\n <span>Blog<\/span>\n <\/div>\n <div class=\"h-ey\">From the field \u2014 not from books<\/div>\n <h1><em>Specialized<\/em> Articles<br>for Decision Makers<\/h1>\n <div class=\"h-line\"><\/div>\n <p class=\"h-desc\">Practical insights into financial digital transformation and auditing \u2014 built on real experiences, not theories.<\/p>\n <div class=\"h-search\">\n <i class=\"fas fa-search s-ic\"><\/i>\n <input type=\"text\" id=\"dgb-search\" placeholder=\"Search articles...\" oninput=\"DGBLOG.onSearch(this.value)\">\n <button class=\"s-btn\" onclick=\"DGBLOG.runSearch()\">Search<\/button>\n <\/div>\n <\/div>\n <div class=\"h-topics\" id=\"dgb-topics\">\n <span class=\"ht-lbl\">Browse by Specialty<\/span>\n <div class=\"ht-grid\" id=\"dgb-topics-grid\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"feat-wrap rv\" id=\"dgb-feat-wrap\" style=\"display:none\">\n <div class=\"feat-card\" id=\"dgb-feat\"><\/div>\n <\/div>\n\n <div class=\"page-body\">\n\n <aside class=\"sidebar\">\n\n <div class=\"sw rv\">\n <div class=\"sw-hd\"><i class=\"fas fa-folder-open\"><\/i><h4>Categories<\/h4><\/div>\n <div class=\"sw-bd\" id=\"dgb-cats-sb\">\n <div style=\"display:flex;flex-direction:column;gap:8px\">\n <div style=\"height:11px;border-radius:5px;width:75%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:55%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:68%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:50%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sw rv d1\">\n <div class=\"sw-hd\"><i class=\"fas fa-fire\"><\/i><h4>Latest Articles<\/h4><\/div>\n <div class=\"sw-bd\" id=\"dgb-latest-sb\">\n <div style=\"display:flex;flex-direction:column;gap:10px\">\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/aside>\n\n <div class=\"posts-col\" id=\"dgb-posts-col\">\n\n <div class=\"fbar rv\">\n <div class=\"vg\">\n <button class=\"vbtn on\" id=\"dgb-vg\" onclick=\"DGBLOG.setView('grid')\" title=\"Grid\"><i class=\"fas fa-th-large\"><\/i><\/button>\n <button class=\"vbtn\" id=\"dgb-vl\" onclick=\"DGBLOG.setView('list')\" title=\"List\"><i class=\"fas fa-list\"><\/i><\/button>\n <\/div>\n <div class=\"cat-strip\" id=\"dgb-strip\">\n <button class=\"fp on\" data-cid=\"0\" onclick=\"DGBLOG.pickCat(0,this)\">All<\/button>\n <\/div>\n <select class=\"srt\" id=\"dgb-sort\" onchange=\"DGBLOG.pickSort(this.value)\">\n <option value=\"date\">Newest First<\/option>\n <option value=\"title\">Alphabetical<\/option>\n <option value=\"modified\">Last Updated<\/option>\n <\/select>\n <\/div>\n\n <div class=\"rbar\" id=\"dgb-rbar\" style=\"display:none\">\n <div class=\"rt\">Showing <strong id=\"dgb-pinfo\"><\/strong><span id=\"dgb-badge\"><\/span><\/div>\n <\/div>\n\n <div class=\"sk-grid\" id=\"dgb-skel\">\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <\/div>\n\n <div class=\"spin-wrap\" id=\"dgb-spin\">\n <div class=\"spin\"><\/div>\n <span class=\"spin-t\">Loading…<\/span>\n <\/div>\n\n <div class=\"pgrid\" id=\"dgb-grid\" style=\"display:none\"><\/div>\n\n <div class=\"empty\" id=\"dgb-empty\" style=\"display:none\">\n <span class=\"ei\"><i class=\"fas fa-search\"><\/i><\/span>\n <h3>No articles found<\/h3>\n <p>Try a different category or search term.<\/p>\n <button class=\"btn-reset\" onclick=\"DGBLOG.reset()\"><i class=\"fas fa-redo\"><\/i> View All<\/button>\n <\/div>\n\n <div class=\"pgn\" id=\"dgb-pgn\" style=\"display:none\"><\/div>\n\n <\/div>\n <\/div>\n\n<\/div><script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 CONFIG \u2500\u2500 *\/\nvar PER = 12; \/* 12 posts per page *\/\nvar BASE = (function(){\n if(typeof wpApiSettings!=='undefined' && wpApiSettings.root){\n return wpApiSettings.root.replace(\/\\\/$\/,'');\n }\n return window.location.origin + '\/wp-json';\n}());\n\nvar ICONS = ['a','b','c','d','e','a','b'];\nvar ICON_MAP = {a:'fas fa-chart-line',b:'fas fa-search-dollar',c:'fas fa-sync-alt',d:'fas fa-layer-group',e:'fas fa-shield-alt'};\nvar FB = [\n 'https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1553028826-f4804a6dba3b?w=640&q=75',\n];\n\n\/* \u2500\u2500 STATE \u2500\u2500 *\/\nvar ST = {\n catId: 0,\n catName: 'All',\n sort: 'date',\n page: 1,\n total: 0,\n pages: 0,\n view: localStorage.getItem('dg_view')||'grid',\n cats: [],\n latestDone: false,\n searchQ: '',\n};\n\n\/* \u2500\u2500 BOOT \u2500\u2500 *\/\nwindow.addEventListener('load', function(){\n \/* restore view *\/\n if(ST.view==='list'){ g('#dgb-vg').classList.remove('on'); g('#dgb-vl').classList.add('on'); }\n \/* load cats then posts *\/\n loadCats().then(function(){\n buildTopics();\n buildCatPills();\n buildSBCats();\n return loadPosts();\n }).then(function(){\n hideSkel();\n });\n \/* reveal observer *\/\n setupReveal();\n});\n\n\/* \u2500\u2500 PUBLIC \u2500\u2500 *\/\nwindow.DGBLOG = {\n pickCat: function(id,btn){ doCat(id,btn); },\n pickSort: function(v){ ST.sort=v; ST.page=1; loadPosts(); },\n setView: function(v){ doView(v); },\n goPage: function(p){ doPage(p); },\n reset: function(){ doCat(0, g('[data-cid=\"0\"]')); document.getElementById('dgb-search').value=''; ST.searchQ=''; },\n onSearch: function(v){ clearTimeout(ST._st); ST._st=setTimeout(function(){ ST.searchQ=v.trim().toLowerCase(); ST.page=1; loadPosts(); },340); },\n runSearch: function(){ ST.searchQ=(document.getElementById('dgb-search').value||'').trim().toLowerCase(); ST.page=1; loadPosts(); },\n};\n\n\/* \u2500\u2500 LOAD CATS \u2500\u2500 *\/\nfunction loadCats(){\n \/* Note: Appending &lang=en ensures WPML fetches the English content *\/\n var url = BASE+'\/wp\/v2\/categories?per_page=30&orderby=count&order=desc&hide_empty=true&_fields=id,name,slug,count&lang=en';\n return fetch(url).then(function(r){ return r.json(); })\n .then(function(data){\n ST.cats = data.filter(function(c){return c.count>0;}).map(function(c){\n return {id:c.id,name:c.name,slug:c.slug,count:c.count};\n });\n }).catch(function(){\n ST.cats=[\n {id:178,name:'Digital Transformation',slug:'digital-transformation',count:'\u2014'},\n {id:179,name:'Artificial Intelligence',slug:'ai',count:'\u2014'},\n {id:180,name:'ERP Systems',slug:'erp',count:'\u2014'},\n {id:181,name:'Accounting Automation',slug:'automation',count:'\u2014'},\n ];\n });\n}\n\n\/* \u2500\u2500 LOAD POSTS (server pagination) \u2500\u2500 *\/\nfunction loadPosts(){\n showSpin();\n \/* Note: Appending &lang=en ensures WPML fetches the English content *\/\n var url = BASE+'\/wp\/v2\/posts'\n +'?_embed=wp:featuredmedia,wp:term'\n +'&per_page='+PER\n +'&page='+ST.page\n +'&orderby='+(ST.sort==='date'||ST.sort==='modified'?ST.sort:'date')\n +'&order='+(ST.sort==='title'?'asc':'desc')\n +'&lang=en';\n \n if(ST.catId!==0) url+='&categories='+ST.catId;\n if(ST.searchQ) url+='&search='+encodeURIComponent(ST.searchQ);\n\n return fetch(url).then(function(r){\n ST.total = parseInt(r.headers.get('X-WP-Total')||'0',10);\n ST.pages = parseInt(r.headers.get('X-WP-TotalPages')||'1',10);\n return r.json();\n }).then(function(posts){\n \/* build latest sidebar once *\/\n if(!ST.latestDone && ST.page===1 && ST.catId===0 && !ST.searchQ){\n buildLatestSB(posts.slice(0,3));\n buildFeatured(posts[0]);\n ST.latestDone = true;\n }\n renderPosts(posts);\n renderPgn();\n renderRbar();\n hideSpin();\n }).catch(function(){\n g('#dgb-empty').style.display='block';\n g('#dgb-grid').style.display='none';\n hideSpin(); hideSkel();\n });\n}\n\n\/* \u2500\u2500 RENDER POSTS \u2500\u2500 *\/\nfunction renderPosts(posts){\n var grid = g('#dgb-grid');\n var empty= g('#dgb-empty');\n if(!posts||!posts.length){\n grid.style.display='none'; empty.style.display='block';\n g('#dgb-pgn').style.display='none'; g('#dgb-rbar').style.display='none';\n return;\n }\n empty.style.display='none';\n grid.style.display='grid';\n grid.className='pgrid'+(ST.view==='list'?' lv':'');\n grid.innerHTML = posts.map(function(p,i){return card(p,i);}).join('');\n}\n\nfunction card(p,i){\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[p.id%FB.length];\n var cat='General'; try{cat=p._embedded['wp:term'][0][0].name;}catch(e){}\n var title=st(p.title.rendered||'');\n var exc=st(p.excerpt.rendered||'').slice(0,100)+'\u2026';\n return '<article class=\"pc\" style=\"animation-delay:'+(i*.05)+'s\">'\n +'<div class=\"pc-img\"><a href=\"'+esc(p.link)+'\" tabindex=\"-1\" aria-hidden=\"true\">'\n +'<img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"'+esc(title)+'\" loading=\"lazy\"><\/a>'\n +'<span class=\"pc-cat\">'+esc(cat)+'<\/span><\/div>'\n +'<div class=\"pc-body\">'\n +'<a href=\"'+esc(p.link)+'\" class=\"pc-title\">'+esc(title)+'<\/a>'\n +'<p class=\"pc-exc\">'+esc(exc)+'<\/p>'\n +'<div class=\"pc-foot\"><a href=\"'+esc(p.link)+'\" class=\"pc-cta\">Read Article <i class=\"fas fa-arrow-right\"><\/i><\/a><\/div>'\n +'<\/div><\/article>';\n}\n\n\/* \u2500\u2500 FEATURED \u2500\u2500 *\/\nfunction buildFeatured(p){\n if(!p) return;\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[0];\n var cat='General'; try{cat=p._embedded['wp:term'][0][0].name;}catch(e){}\n var title=st(p.title.rendered||'');\n var exc=st(p.excerpt.rendered||'').slice(0,180)+'\u2026';\n g('#dgb-feat').innerHTML=\n '<div class=\"feat-img\"><img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"'+esc(title)+'\" loading=\"eager\">'\n +'<div class=\"feat-ov\"><\/div><span class=\"feat-badge\">Featured Article<\/span><\/div>'\n +'<div class=\"feat-body\"><div class=\"feat-cat\">'+esc(cat)+'<\/div>'\n +'<div class=\"feat-title\">'+esc(title)+'<\/div>'\n +'<p class=\"feat-exc\">'+esc(exc)+'<\/p>'\n +'<a href=\"'+esc(p.link)+'\" class=\"feat-link\">Read Article <i class=\"fas fa-arrow-right\"><\/i><\/a>'\n +'<\/div>';\n g('#dgb-feat-wrap').style.display='block';\n}\n\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\nfunction buildSBCats(){\n var all=[{id:0,name:'All Articles',count:'\u2014'}].concat(ST.cats);\n g('#dgb-cats-sb').innerHTML=all.map(function(c){\n return '<a class=\"sb-cl'+(c.id===ST.catId?' on':'')+'\" href=\"#\" data-cid=\"'+c.id+'\"'\n +' onclick=\"DGBLOG.pickCat('+c.id+',this);return false;\">'\n +'<div class=\"sb-ll\"><div class=\"sb-dot\"><\/div><span class=\"sb-cn\">'+esc(c.name)+'<\/span><\/div>'\n +'<span class=\"sb-num\">'+c.count+'<\/span><\/a>';\n }).join('');\n}\n\nfunction buildLatestSB(posts){\n g('#dgb-latest-sb').innerHTML=posts.map(function(p){\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[p.id%FB.length];\n return '<a href=\"'+esc(p.link)+'\" class=\"lp\">'\n +'<div class=\"lp-th\"><img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"\" loading=\"lazy\"><\/div>'\n +'<div class=\"lp-t\">'+esc(st(p.title.rendered||''))+'<\/div>'\n +'<\/a>';\n }).join('');\n}\n\n\/* \u2500\u2500 HERO TOPICS \u2500\u2500 *\/\nfunction buildTopics(){\n g('#dgb-topics-grid').innerHTML=ST.cats.slice(0,6).map(function(c,i){\n var cl=ICONS[i%ICONS.length];\n return '<a class=\"ht-card\" href=\"#\" onclick=\"DGBLOG.pickCat('+c.id+',null);return false;\">'\n +'<div class=\"ht-ic '+cl+'\"><i class=\"'+ICON_MAP[cl]+'\"><\/i><\/div>'\n +'<div><span class=\"ht-name\">'+esc(c.name)+'<\/span><span class=\"ht-cnt\">'+c.count+' Articles<\/span><\/div>'\n +'<\/a>';\n }).join('');\n}\n\n\/* \u2500\u2500 FILTER BAR PILLS \u2500\u2500 *\/\nfunction buildCatPills(){\n var strip=g('#dgb-strip');\n ST.cats.forEach(function(c){\n var b=document.createElement('button');\n b.className='fp'; b.dataset.cid=c.id;\n b.innerHTML=esc(c.name)+' <span class=\"fn\">'+c.count+'<\/span>';\n b.onclick=function(){DGBLOG.pickCat(c.id,b);};\n strip.appendChild(b);\n });\n}\n\n\/* \u2500\u2500 ACTIONS \u2500\u2500 *\/\nfunction doCat(id, btn){\n ST.catId=id; ST.page=1;\n ST.catName = id===0?'All': (function(){var f=ST.cats.find(function(c){return c.id===id;});return f?f.name:'';})();\n \/* filter bar pills *\/\n ga('.fp').forEach(function(b){b.classList.toggle('on',parseInt(b.dataset.cid,10)===id);});\n \/* sidebar cats *\/\n ga('.sb-cl').forEach(function(a){a.classList.toggle('on',parseInt(a.dataset.cid,10)===id);});\n loadPosts();\n}\n\nfunction doView(v){\n ST.view=v; localStorage.setItem('dg_view',v);\n g('#dgb-vg').classList.toggle('on',v==='grid');\n g('#dgb-vl').classList.toggle('on',v==='list');\n var gr=g('#dgb-grid'); if(gr) gr.className='pgrid'+(v==='list'?' lv':'');\n}\n\nfunction doPage(p){\n if(p<1||p>ST.pages) return;\n ST.page=p; loadPosts().then(function(){\n var col=g('#dgb-posts-col'); if(col) col.scrollIntoView({behavior:'smooth',block:'start'});\n });\n}\n\n\/* \u2500\u2500 PAGINATION \u2500\u2500 *\/\nfunction renderPgn(){\n var el=g('#dgb-pgn');\n if(ST.pages<=1){el.style.display='none';return;}\n el.style.display='flex';\n var cur=ST.page,total=ST.pages;\n var rng=pageRange(cur,total);\n var html='<button class=\"pb'+(cur===1?' off':'')+'\" onclick=\"DGBLOG.goPage('+(cur-1)+')\"><i class=\"fas fa-chevron-left\"><\/i><\/button>';\n rng.forEach(function(p){\n html+=p==='\u2026'?'<span class=\"pdots\">\u2026<\/span>'\n :'<button class=\"pb'+(p===cur?' cur':'')+'\" onclick=\"DGBLOG.goPage('+p+')\">'+p+'<\/button>';\n });\n html+='<button class=\"pb'+(cur===total?' off':'')+'\" onclick=\"DGBLOG.goPage('+(cur+1)+')\"><i class=\"fas fa-chevron-right\"><\/i><\/button>';\n el.innerHTML=html;\n}\nfunction pageRange(cur,total){\n if(total<=7) return Array.from({length:total},function(_,i){return i+1;});\n if(cur<=4) return [1,2,3,4,5,'\u2026',total];\n if(cur>=total-3) return [1,'\u2026',total-4,total-3,total-2,total-1,total];\n return [1,'\u2026',cur-1,cur,cur+1,'\u2026',total];\n}\n\n\/* \u2500\u2500 RESULTS BAR \u2500\u2500 *\/\nfunction renderRbar(){\n var el=g('#dgb-rbar'); el.style.display='flex';\n var s=(ST.page-1)*PER+1, e=Math.min(ST.page*PER,ST.total);\n g('#dgb-pinfo').textContent=s+'-'+e+' of '+ST.total+' articles';\n var badge=g('#dgb-badge');\n if(ST.catId!==0){\n badge.innerHTML='<span class=\"act-badge\">'+esc(ST.catName)+'<button onclick=\"DGBLOG.reset()\"><i class=\"fas fa-times\"><\/i><\/button><\/span>';\n } else if(ST.searchQ){\n badge.innerHTML='<span class=\"act-badge\">Search: \"'+esc(ST.searchQ)+'\"<button onclick=\"DGBLOG.reset()\"><i class=\"fas fa-times\"><\/i><\/button><\/span>';\n } else { badge.innerHTML=''; }\n}\n\n\/* \u2500\u2500 SKELETON \/ SPINNER \u2500\u2500 *\/\nfunction hideSkel(){var s=g('#dgb-skel');if(s)s.style.display='none';}\nfunction showSpin(){g('#dgb-spin').classList.add('show');g('#dgb-grid').style.display='none';}\nfunction hideSpin(){g('#dgb-spin').classList.remove('show');}\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\nfunction setupReveal(){\n var io=new IntersectionObserver(function(entries){\n entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('vis');io.unobserve(e.target);}});\n },{threshold:.06});\n document.querySelectorAll('#dgb .rv').forEach(function(el){io.observe(el);});\n}\n\n\/* \u2500\u2500 UTILS \u2500\u2500 *\/\nfunction g(sel){return document.querySelector(sel);}\nfunction ga(sel){return document.querySelectorAll(sel);}\nfunction esc(s){return String(s||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>').replace(\/\"\/g,'"');}\nfunction st(h){return (h||'').replace(\/<[^>]*>\/g,'').replace(\/&[^;]+;\/g,' ').trim();}\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Blog \u2014 01010 Digital Home Blog From the field \u2014 not from books Specialized Articlesfor Decision Makers Practical insights into<\/p>\n","protected":false},"author":3557,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13851","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages\/13851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/users\/3557"}],"replies":[{"embeddable":true,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/comments?post=13851"}],"version-history":[{"count":0,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages\/13851\/revisions"}],"wp:attachment":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/media?parent=13851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13851,"date":"2025-07-28T22:02:49","date_gmt":"2025-07-28T22:02:49","guid":{"rendered":"https:\/\/internalauditsheets.com\/?page_id=13851"},"modified":"2026-03-22T22:30:03","modified_gmt":"2026-03-22T22:30:03","slug":"blog","status":"publish","type":"page","link":"https:\/\/internalauditsheets.com\/en\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\n\n\n\n\n\nBlog \u2014 01010 Digital<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&family=Noto+Kufi+Arabic:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCOPED UNDER #dgb \u2014 Does not conflict with theme\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb{\n font-family:'Tajawal',sans-serif;\n direction:ltr;\n --navy:#0A2647;--navy-l:#133A5C;--navy-m:#1A4A6C;\n --blue:#2B6CB0;--blue-l:#3B82C4;\n --cyan:#A8CCE0;--cyan-xl:#E4EFF5;\n --gold:#F5C542;--gold-d:#D4A832;\n --white:#fff;--off:#F2F7FA;\n --g50:#F8FAFB;--g100:#EDF2F7;--g200:#D8E2EC;\n --g300:#A8B8C8;--g400:#7A8FA4;--g500:#5A6F82;\n --g600:#3F5468;--g900:#0F1D2F;\n --sh-xs:0 1px 4px rgba(10,38,71,.05);\n --sh-s:0 2px 10px rgba(10,38,71,.07);\n --sh-m:0 8px 28px rgba(10,38,71,.10);\n --sh-l:0 20px 52px rgba(10,38,71,.13);\n --r:14px;--rs:8px;--rl:20px;\n}\n#dgb *{box-sizing:border-box;margin:0;padding:0}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .hero{\n position:relative;\n min-height:52vh;\n display:flex;align-items:center;\n overflow:hidden;\n background:linear-gradient(168deg,#D4E8F2 0%,#B8D8E8 36%,#9CC8DE 66%,#7BBAD2 100%);\n margin-bottom:0;\n}\n#dgb .hero::before{\n content:'';position:absolute;inset:0;z-index:1;pointer-events:none;\n background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600'%3E%3Ctext x='10' y='55' font-family='monospace' font-size='13' fill='rgba(10,38,71,.038)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3Ctext x='250' y='195' font-family='monospace' font-size='10' fill='rgba(10,38,71,.023)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3Ctext x='60' y='360' font-family='monospace' font-size='14' fill='rgba(10,38,71,.028)' transform='rotate(-18)'%3E01010 digital 00%3C\/text%3E%3C\/svg%3E\");\n}\n#dgb .hero-net{position:absolute;inset:0;z-index:1;pointer-events:none}\n\n\/* gold crosses *\/\n#dgb .hcr{position:absolute;pointer-events:none;z-index:2}\n#dgb .hcr::before,#dgb .hcr::after{content:'';position:absolute;background:var(--gold)}\n#dgb .hcr::before{width:3px;height:24px;left:50%;transform:translateX(-50%)}\n#dgb .hcr::after{width:24px;height:3px;top:50%;transform:translateY(-50%)}\n#dgb .cx1{top:16%;left:42%;opacity:.6}\n#dgb .cx2{bottom:26%;right:7%;opacity:.28;transform:scale(.7)}\n#dgb .cx3{top:44%;right:20%;opacity:.35;transform:scale(.82)}\n\n\/* glow orbs *\/\n#dgb .hgl{position:absolute;border-radius:50%;pointer-events:none;z-index:0}\n#dgb .hgl1{width:460px;height:460px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}\n#dgb .hgl2{width:300px;height:300px;bottom:-70px;right:-70px;background:radial-gradient(circle,rgba(245,197,66,.06),transparent 70%)}\n\n#dgb .hero-inner{\n max-width:1220px;margin:0 auto;\n padding:80px 40px 56px;\n position:relative;z-index:3;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:56px;align-items:center;\n width:100%;\n}\n\n\/* hero text *\/\n#dgb .h-bc{\n display:inline-flex;align-items:center;gap:10px;\n background:rgba(255,255,255,.32);backdrop-filter:blur(10px);\n border:1px solid rgba(255,255,255,.48);border-radius:30px;\n padding:8px 22px;margin-bottom:22px;\n}\n#dgb .h-bc a{font-size:13px;color:var(--navy);opacity:.5;text-decoration:none}\n#dgb .h-bc i{font-size:9px;color:var(--navy);opacity:.28}\n#dgb .h-bc span{font-size:13px;color:var(--navy);font-weight:700}\n\n#dgb .h-ey{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:3.5px;text-transform:uppercase;opacity:.36;margin-bottom:14px}\n\n#dgb .hero h1{\n font-family:'Noto Kufi Arabic',sans-serif;\n font-size:42px;font-weight:900;color:var(--navy);\n line-height:1.3;margin-bottom:12px;\n}\n#dgb .hero h1 em{font-style:normal;color:var(--blue)}\n#dgb .h-line{width:52px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:16px}\n#dgb .h-desc{font-size:15px;color:var(--navy-l);line-height:2;max-width:460px;opacity:.56;margin-bottom:24px}\n\n\/* search *\/\n#dgb .h-search{position:relative;max-width:460px}\n#dgb .h-search input{\n width:100%;padding:13px 112px 13px 46px;\n border-radius:40px;border:2px solid rgba(255,255,255,.55);\n background:rgba(255,255,255,.62);backdrop-filter:blur(14px);\n font-family:'Tajawal',sans-serif;font-size:14px;color:var(--navy);\n outline:none;transition:all .3s;direction:ltr;\n}\n#dgb .h-search input::placeholder{color:rgba(10,38,71,.38)}\n#dgb .h-search input:focus{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(10,38,71,.08)}\n#dgb .h-search .s-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--navy);opacity:.35;pointer-events:none}\n#dgb .h-search .s-btn{\n position:absolute;right:0;top:50%;transform:translateY(-50%);\n background:var(--gold);color:var(--navy);border:none;border-radius:34px;\n padding:8px 20px;font-family:'Noto Kufi Arabic',sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .3s;\n}\n#dgb .h-search .s-btn:hover{background:var(--gold-d)}\n\n\/* hero right: topic cards *\/\n#dgb .h-topics{}\n#dgb .ht-lbl{display:block;font-size:11px;font-weight:700;color:var(--navy);letter-spacing:3px;text-transform:uppercase;opacity:.33;margin-bottom:12px}\n#dgb .ht-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}\n#dgb .ht-card{\n display:flex;align-items:center;gap:11px;\n background:rgba(255,255,255,.5);backdrop-filter:blur(14px);\n border:1px solid rgba(255,255,255,.68);border-radius:14px;\n padding:14px 16px;text-decoration:none;cursor:pointer;\n transition:all .3s;\n}\n#dgb .ht-card:hover{background:rgba(255,255,255,.78);transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,38,71,.1)}\n#dgb .ht-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}\n#dgb .ht-ic.a{background:rgba(43,108,176,.1);color:var(--blue)}\n#dgb .ht-ic.b{background:rgba(245,197,66,.14);color:var(--gold-d)}\n#dgb .ht-ic.c{background:rgba(10,38,71,.07);color:var(--navy)}\n#dgb .ht-ic.d{background:rgba(34,197,94,.1);color:#16a34a}\n#dgb .ht-ic.e{background:rgba(124,58,237,.08);color:#7c3aed}\n#dgb .ht-name{font-family:'Noto Kufi Arabic',sans-serif;font-size:12.5px;font-weight:800;color:var(--navy);display:block}\n#dgb .ht-cnt{font-size:11px;color:var(--navy);opacity:.38;margin-top:2px;display:block}\n\n\/* hero animations *\/\n@keyframes dgUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\n#dgb .hero-left > *{animation:dgUp .6s ease both}\n#dgb .h-bc{animation-delay:.0s}\n#dgb .h-ey{animation-delay:.07s}\n#dgb .hero h1{animation-delay:.13s}\n#dgb .h-line{animation-delay:.17s}\n#dgb .h-desc{animation-delay:.21s}\n#dgb .h-search{animation-delay:.27s}\n#dgb .h-topics{animation:dgUp .7s .33s ease both}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURED \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .feat-wrap{\n padding:0 40px;\n transform:translateY(-48px);\n margin-bottom:-24px;\n position:relative;z-index:4;\n}\n#dgb .feat-card{\n max-width:1220px;margin:24px auto;\n background:var(--white);border-radius:var(--rl);\n box-shadow:var(--sh-l);overflow:hidden;\n display:grid;grid-template-columns:1.1fr 1fr;\n border:1px solid var(--g100);\n transition:box-shadow .5s,transform .5s;\n}\n#dgb .feat-card:hover{box-shadow:0 30px 68px rgba(10,38,71,.15);transform:translateY(-4px)}\n#dgb .feat-img{position:relative;overflow:hidden;min-height:320px}\n#dgb .feat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}\n#dgb .feat-card:hover .feat-img img{transform:scale(1.05)}\n#dgb .feat-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,38,71,.5),transparent 65%)}\n#dgb .feat-badge{position:absolute;top:18px;left:18px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:900;padding:5px 14px;border-radius:20px}\n#dgb .feat-body{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}\n#dgb .feat-cat{font-size:10.5px;font-weight:700;color:var(--blue);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}\n#dgb .feat-cat::before{content:'';width:18px;height:2px;background:var(--blue);border-radius:2px}\n#dgb .feat-title{font-family:'Noto Kufi Arabic',sans-serif;font-size:22px;font-weight:900;color:var(--navy);line-height:1.52;margin-bottom:12px;transition:color .3s}\n#dgb .feat-card:hover .feat-title{color:var(--blue)}\n#dgb .feat-exc{font-size:14px;color:var(--g500);line-height:2;margin-bottom:26px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n#dgb .feat-link{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:var(--white);padding:12px 26px;border-radius:var(--rs);text-decoration:none;font-weight:700;font-size:14px;align-self:flex-start;transition:all .35s}\n#dgb .feat-link:hover{background:var(--blue);transform:translateX(3px)}\n#dgb .feat-link i{transition:transform .3s}\n#dgb .feat-link:hover i{transform:translateX(4px)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN LAYOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* LTR: col1=Left=Sidebar , col2=Right=Posts *\/\n#dgb .page-body{\n max-width:1400px;margin:0 auto;\n padding:48px 32px 90px;\n display:grid;\n grid-template-columns:220px 1fr;\n gap:28px;\n align-items:start;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SIDEBAR (Left) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}\n\n#dgb .sw{background:var(--white);border:1px solid var(--g200);border-radius:var(--r);overflow:hidden;transition:box-shadow .3s}\n#dgb .sw:hover{box-shadow:var(--sh-s)}\n#dgb .sw-hd{padding:14px 18px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px}\n#dgb .sw-hd i{color:var(--blue);font-size:13px}\n#dgb .sw-hd h4{font-family:'Noto Kufi Arabic',sans-serif;font-size:14px;font-weight:800;color:var(--navy)}\n#dgb .sw-bd{padding:12px 14px}\n\n\/* cat links *\/\n#dgb .sb-cl{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;margin-bottom:4px;border-radius:var(--rs);border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:all .26s}\n#dgb .sb-cl:last-child{margin-bottom:0}\n#dgb .sb-cl:hover,#dgb .sb-cl.on{background:rgba(43,108,176,.05);border-color:rgba(43,108,176,.14)}\n#dgb .sb-cl.on .sb-cn{color:var(--blue);font-weight:700}\n#dgb .sb-cl.on .sb-dot,#dgb .sb-cl:hover .sb-dot{background:var(--blue)}\n#dgb .sb-ll{display:flex;align-items:center;gap:8px}\n#dgb .sb-dot{width:7px;height:7px;border-radius:50%;background:var(--g300);flex-shrink:0;transition:background .26s}\n#dgb .sb-cn{font-size:13px;color:var(--g600);transition:color .26s}\n#dgb .sb-num{font-size:11px;color:var(--g300);background:var(--g100);padding:2px 8px;border-radius:10px;font-weight:700}\n\n\/* latest posts *\/\n#dgb .lp{height: 118px;display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--g100);text-decoration:none;transition:all .26s}\n#dgb .lp:last-child{border:none;padding-bottom:0}\n#dgb .lp:hover .lp-t{color:var(--blue)}\n#dgb .lp-th{width:60px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--g100)}\n#dgb .lp-th img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\n#dgb .lp:hover .lp-th img{transform:scale(1.08)}\n#dgb .lp-t{font-family:'Noto Kufi Arabic',sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.55;transition:color .26s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n\n\/* tags \u2014 hidden *\/\n#dgb .tags{display:none}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .fbar{\n background:var(--white);border:1px solid var(--g200);\n border-radius:var(--r);box-shadow:var(--sh-xs);\n padding:8px 14px;\n display:flex !important;align-items:center;gap:10px;\n margin-bottom:22px;\n position:relative;\n overflow:visible;\n flex-wrap:nowrap;\n width:100%;\n}\n\n\/* view group *\/\n#dgb .vg{display:flex;gap:3px;padding-right:10px;border-right:1px solid var(--g200);margin-right:3px;flex-shrink:0}\n#dgb .vbtn{width:34px;height:34px;border:none;border-radius:var(--rs);background:transparent;cursor:pointer;color:var(--g400);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .26s}\n#dgb .vbtn:hover{background:var(--g50);color:var(--navy)}\n#dgb .vbtn.on{background:var(--navy) !important;color:var(--white) !important}\n\n\/* pills \u2014 scrollable, no visible bar *\/\n#dgb .cat-strip{\n flex:1;\n display:flex !important;\n align-items:center;\n gap:7px;\n overflow-x:auto;\n overflow-y:visible;\n padding:4px 2px;\n scrollbar-width:none;\n min-width:0;\n -webkit-overflow-scrolling:touch;\n}\n#dgb .cat-strip::-webkit-scrollbar{display:none}\n\n#dgb .fp{\n flex-shrink:0;\n padding:8px 18px;\n border-radius:30px;\n border:1.5px solid var(--g200);\n background:var(--white);\n font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:700;\n color:var(--g600);cursor:pointer;transition:all .26s;\n white-space:nowrap;\n display:inline-flex !important;\n align-items:center;gap:6px;line-height:1;\n}\n#dgb .fp:hover{border-color:var(--blue);color:var(--blue);background:rgba(43,108,176,.05)}\n#dgb .fp.on{background:var(--navy) !important;color:var(--white) !important;border-color:var(--navy) !important;box-shadow:0 2px 10px rgba(10,38,71,.2)}\n#dgb .fp .fn{font-size:11px;font-weight:800;opacity:.6}\n#dgb .fp.on .fn{opacity:.75}\n\n\/* sort *\/\n#dgb .srt{width:10%;flex-shrink:0;padding:7px 11px;border-radius:var(--rs);border:1.5px solid var(--g200);font-family:'Tajawal',sans-serif;font-size:13px;color:var(--g600);background:var(--g50);outline:none;cursor:pointer;transition:border-color .26s}\n#dgb .srt:focus{border-color:var(--blue)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESULTS BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .rbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:24px;flex-wrap:wrap;gap:6px}\n#dgb .rt{font-size:13px;color:var(--g500)}\n#dgb .rt strong{color:var(--navy);font-weight:700}\n#dgb .act-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:20px;margin-left:6px;background:rgba(43,108,176,.07);border:1px solid rgba(43,108,176,.14);font-size:12px;color:var(--blue);font-weight:600}\n#dgb .act-badge button{background:none;border:none;cursor:pointer;color:var(--blue);opacity:.55;font-size:11px;padding:0;line-height:1}\n#dgb .act-badge button:hover{opacity:1}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SKELETON \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes dgSh{0%{background-position:200% 0}100%{background-position:-200% 0}}\n#dgb .sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n#dgb .sk{background:var(--white);border-radius:var(--r);border:1px solid var(--g200);overflow:hidden}\n#dgb .sk-img{height:178px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite}\n#dgb .sk-bd{padding:18px}\n#dgb .sk-l{height:11px;border-radius:5px;margin-bottom:9px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite}\n#dgb .sk-l.w80{width:80%}#dgb .sk-l.w60{width:60%}#dgb .sk-l.w40{width:40%}#dgb .sk-l.h16{height:16px;margin-bottom:12px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 POSTS GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}\n#dgb .pgrid.lv{grid-template-columns:1fr}\n\n\/* card *\/\n@keyframes dgCi{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}\n#dgb .pc{\n background:var(--white);border-radius:var(--r);border:1px solid var(--g200);\n overflow:hidden;display:flex;flex-direction:column;position:relative;\n transition:all .38s cubic-bezier(.4,0,.2,1);animation:dgCi .4s ease both;\n}\n#dgb .pc::before{\n content:'';position:absolute;top:0;right:0;left:0;height:3px;\n background:linear-gradient(90deg,var(--blue),var(--gold));\n transform:scaleX(0);transform-origin:left;transition:transform .42s;z-index:2;\n}\n#dgb .pc:hover{box-shadow:var(--sh-m);border-color:transparent;transform:translateY(-4px)}\n#dgb .pc:hover::before{transform:scaleX(1)}\n\n\/* thumb *\/\n#dgb .pc-img{position:relative;overflow:hidden;aspect-ratio:16\/9;background:var(--g100)}\n#dgb .pc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .62s}\n#dgb .pc:hover .pc-img img{transform:scale(1.06)}\n#dgb .pc-cat{position:absolute;top:11px;left:11px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:800;padding:4px 12px;border-radius:6px;z-index:2;transition:all .26s}\n#dgb .pc:hover .pc-cat{background:var(--navy);color:var(--white)}\n\n\/* body *\/\n#dgb .pc-body{padding:18px 18px 16px;flex:1;display:flex;flex-direction:column}\n#dgb .pc-title{font-family:'Noto Kufi Arabic',sans-serif;font-size:15px;font-weight:800;color:var(--navy);line-height:1.62;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .26s;flex:1;text-decoration:none;display:block}\n#dgb .pc:hover .pc-title{color:var(--blue)}\n#dgb .pc-exc{font-size:13px;color:var(--g500);line-height:1.82;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n#dgb .pc-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--g100)}\n#dgb .pc-cta{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none;transition:gap .26s}\n#dgb .pc-cta i{font-size:11px;transition:transform .26s}\n#dgb .pc:hover .pc-cta{gap:10px}\n#dgb .pc:hover .pc-cta i{transform:translateX(3px)}\n\n\/* list view *\/\n#dgb .pgrid.lv .pc{flex-direction:row;height:150px}\n#dgb .pgrid.lv .pc-img{width:200px;flex-shrink:0;aspect-ratio:unset;height:100%}\n#dgb .pgrid.lv .pc-body{padding:16px 18px}\n#dgb .pgrid.lv .pc-exc{-webkit-line-clamp:1}\n#dgb .pgrid.lv .pc::before{top:0;bottom:0;left:0;right:auto;width:3px;height:auto;transform:scaleY(0);transform-origin:top;background:linear-gradient(to bottom,var(--blue),var(--gold))}\n#dgb .pgrid.lv .pc:hover::before{transform:scaleY(1)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SPINNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .spin-wrap{display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 0}\n#dgb .spin-wrap.show{display:flex}\n#dgb .spin{width:42px;height:42px;border-radius:50%;border:3px solid var(--g200);border-top-color:var(--blue);animation:dgSpin .75s linear infinite}\n@keyframes dgSpin{to{transform:rotate(360deg)}}\n#dgb .spin-t{font-size:13px;color:var(--g400)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EMPTY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .empty{text-align:center;padding:60px 20px}\n#dgb .empty .ei{font-size:46px;color:var(--g200);margin-bottom:12px;display:block}\n#dgb .empty h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:6px}\n#dgb .empty p{font-size:13.5px;color:var(--g400)}\n#dgb .btn-reset{margin-top:16px;display:inline-flex;align-items:center;gap:7px;background:var(--navy);color:var(--white);padding:11px 24px;border-radius:var(--rs);border:none;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .26s}\n#dgb .btn-reset:hover{background:var(--blue);transform:translateY(-2px)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .pgn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}\n#dgb .pb{width:40px;height:40px;border-radius:var(--rs);border:1px solid var(--g200);background:var(--white);color:var(--g600);font-family:'Noto Kufi Arabic',sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .26s}\n#dgb .pb:hover{border-color:var(--blue);color:var(--blue);background:rgba(43,108,176,.05)}\n#dgb .pb.cur{background:var(--navy);color:var(--white);border-color:var(--navy)}\n#dgb .pb.off{opacity:.35;pointer-events:none}\n#dgb .pdots{color:var(--g300);font-size:14px;padding:0 2px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dgb .rv{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1)}\n#dgb .rv.vis{opacity:1;transform:none}\n#dgb .rv.d1{transition-delay:.06s}\n#dgb .rv.d2{transition-delay:.12s}\n#dgb .rv.d3{transition-delay:.18s}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n #dgb .page-body{grid-template-columns:1fr}\n #dgb .sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}\n #dgb .sk-grid,#dgb .pgrid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:960px){\n #dgb .hero-inner{grid-template-columns:1fr;padding:72px 28px 52px}\n #dgb .h-topics{display:none}\n #dgb .feat-card{grid-template-columns:1fr}\n #dgb .feat-img{min-height:210px}\n}\n@media(max-width:768px){\n #dgb .hero h1{font-size:28px}\n #dgb .feat-wrap{padding:0 20px;transform:translateY(-32px)}\n #dgb .page-body{padding:36px 20px 80px}\n #dgb .sk-grid,#dgb .pgrid{grid-template-columns:1fr}\n #dgb .pgrid.lv .pc{flex-direction:column;height:auto}\n #dgb .pgrid.lv .pc-img{width:100%;height:178px}\n #dgb .sidebar{grid-template-columns:1fr}\n #dgb .fbar{position:relative;flex-wrap:wrap}\n #dgb .vg,#dgb .srt{display:none}\n #dgb .h-bc{display:none}\n}\n@media(max-width:480px){\n #dgb .hero h1{font-size:24px}\n #dgb .hero-inner{padding:64px 20px 44px}\n #dgb .fp{padding:6px 12px;font-size:12px}\n}\n<\/style>\n\n<div id=\"dgb\">\n\n <section class=\"hero\">\n <svg class=\"hero-net\" viewBox=\"0 0 1440 560\" preserveAspectRatio=\"none\">\n <circle cx=\"110\" cy=\"108\" r=\"3\" fill=\"rgba(10,38,71,.07)\"\/>\n <circle cx=\"330\" cy=\"58\" r=\"2.5\" fill=\"rgba(10,38,71,.05)\"\/>\n <circle cx=\"228\" cy=\"244\" r=\"2\" fill=\"rgba(10,38,71,.04)\"\/>\n <circle cx=\"514\" cy=\"130\" r=\"3\" fill=\"rgba(10,38,71,.06)\"\/>\n <circle cx=\"1162\" cy=\"166\" r=\"3\" fill=\"rgba(10,38,71,.06)\"\/>\n <circle cx=\"1056\" cy=\"310\" r=\"2.5\" fill=\"rgba(10,38,71,.04)\"\/>\n <circle cx=\"1316\" cy=\"88\" r=\"2\" fill=\"rgba(10,38,71,.05)\"\/>\n <line x1=\"110\" y1=\"108\" x2=\"330\" y2=\"58\" stroke=\"rgba(10,38,71,.04)\" stroke-width=\"1\"\/>\n <line x1=\"330\" y1=\"58\" x2=\"514\" y2=\"130\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <line x1=\"110\" y1=\"108\" x2=\"228\" y2=\"244\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <line x1=\"1162\" y1=\"166\" x2=\"1056\" y2=\"310\" stroke=\"rgba(10,38,71,.04)\" stroke-width=\"1\"\/>\n <line x1=\"1162\" y1=\"166\" x2=\"1316\" y2=\"88\" stroke=\"rgba(10,38,71,.03)\" stroke-width=\"1\"\/>\n <\/svg>\n <div class=\"hcr cx1\"><\/div><div class=\"hcr cx2\"><\/div><div class=\"hcr cx3\"><\/div>\n <div class=\"hgl hgl1\"><\/div><div class=\"hgl hgl2\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"h-bc\">\n <a href=\"\/\">Home<\/a>\n <i class=\"fas fa-chevron-right\"><\/i>\n <span>Blog<\/span>\n <\/div>\n <div class=\"h-ey\">From the field \u2014 not from books<\/div>\n <h1><em>Specialized<\/em> Articles<br>for Decision Makers<\/h1>\n <div class=\"h-line\"><\/div>\n <p class=\"h-desc\">Practical insights into financial digital transformation and auditing \u2014 built on real experiences, not theories.<\/p>\n <div class=\"h-search\">\n <i class=\"fas fa-search s-ic\"><\/i>\n <input type=\"text\" id=\"dgb-search\" placeholder=\"Search articles...\" oninput=\"DGBLOG.onSearch(this.value)\">\n <button class=\"s-btn\" onclick=\"DGBLOG.runSearch()\">Search<\/button>\n <\/div>\n <\/div>\n <div class=\"h-topics\" id=\"dgb-topics\">\n <span class=\"ht-lbl\">Browse by Specialty<\/span>\n <div class=\"ht-grid\" id=\"dgb-topics-grid\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"feat-wrap rv\" id=\"dgb-feat-wrap\" style=\"display:none\">\n <div class=\"feat-card\" id=\"dgb-feat\"><\/div>\n <\/div>\n\n <div class=\"page-body\">\n\n <aside class=\"sidebar\">\n\n <div class=\"sw rv\">\n <div class=\"sw-hd\"><i class=\"fas fa-folder-open\"><\/i><h4>Categories<\/h4><\/div>\n <div class=\"sw-bd\" id=\"dgb-cats-sb\">\n <div style=\"display:flex;flex-direction:column;gap:8px\">\n <div style=\"height:11px;border-radius:5px;width:75%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:55%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:68%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:11px;border-radius:5px;width:50%;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sw rv d1\">\n <div class=\"sw-hd\"><i class=\"fas fa-fire\"><\/i><h4>Latest Articles<\/h4><\/div>\n <div class=\"sw-bd\" id=\"dgb-latest-sb\">\n <div style=\"display:flex;flex-direction:column;gap:10px\">\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <div style=\"height:52px;border-radius:8px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:200% 100%;animation:dgSh 1.4s infinite\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/aside>\n\n <div class=\"posts-col\" id=\"dgb-posts-col\">\n\n <div class=\"fbar rv\">\n <div class=\"vg\">\n <button class=\"vbtn on\" id=\"dgb-vg\" onclick=\"DGBLOG.setView('grid')\" title=\"Grid\"><i class=\"fas fa-th-large\"><\/i><\/button>\n <button class=\"vbtn\" id=\"dgb-vl\" onclick=\"DGBLOG.setView('list')\" title=\"List\"><i class=\"fas fa-list\"><\/i><\/button>\n <\/div>\n <div class=\"cat-strip\" id=\"dgb-strip\">\n <button class=\"fp on\" data-cid=\"0\" onclick=\"DGBLOG.pickCat(0,this)\">All<\/button>\n <\/div>\n <select class=\"srt\" id=\"dgb-sort\" onchange=\"DGBLOG.pickSort(this.value)\">\n <option value=\"date\">Newest First<\/option>\n <option value=\"title\">Alphabetical<\/option>\n <option value=\"modified\">Last Updated<\/option>\n <\/select>\n <\/div>\n\n <div class=\"rbar\" id=\"dgb-rbar\" style=\"display:none\">\n <div class=\"rt\">Showing <strong id=\"dgb-pinfo\"><\/strong><span id=\"dgb-badge\"><\/span><\/div>\n <\/div>\n\n <div class=\"sk-grid\" id=\"dgb-skel\">\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <div class=\"sk\"><div class=\"sk-img\"><\/div><div class=\"sk-bd\"><div class=\"sk-l w40\"><\/div><div class=\"sk-l w80 h16\"><\/div><div class=\"sk-l w60\"><\/div><\/div><\/div>\n <\/div>\n\n <div class=\"spin-wrap\" id=\"dgb-spin\">\n <div class=\"spin\"><\/div>\n <span class=\"spin-t\">Loading…<\/span>\n <\/div>\n\n <div class=\"pgrid\" id=\"dgb-grid\" style=\"display:none\"><\/div>\n\n <div class=\"empty\" id=\"dgb-empty\" style=\"display:none\">\n <span class=\"ei\"><i class=\"fas fa-search\"><\/i><\/span>\n <h3>No articles found<\/h3>\n <p>Try a different category or search term.<\/p>\n <button class=\"btn-reset\" onclick=\"DGBLOG.reset()\"><i class=\"fas fa-redo\"><\/i> View All<\/button>\n <\/div>\n\n <div class=\"pgn\" id=\"dgb-pgn\" style=\"display:none\"><\/div>\n\n <\/div>\n <\/div>\n\n<\/div><script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 CONFIG \u2500\u2500 *\/\nvar PER = 12; \/* 12 posts per page *\/\nvar BASE = (function(){\n if(typeof wpApiSettings!=='undefined' && wpApiSettings.root){\n return wpApiSettings.root.replace(\/\\\/$\/,'');\n }\n return window.location.origin + '\/wp-json';\n}());\n\nvar ICONS = ['a','b','c','d','e','a','b'];\nvar ICON_MAP = {a:'fas fa-chart-line',b:'fas fa-search-dollar',c:'fas fa-sync-alt',d:'fas fa-layer-group',e:'fas fa-shield-alt'};\nvar FB = [\n 'https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?w=640&q=75',\n 'https:\/\/images.unsplash.com\/photo-1553028826-f4804a6dba3b?w=640&q=75',\n];\n\n\/* \u2500\u2500 STATE \u2500\u2500 *\/\nvar ST = {\n catId: 0,\n catName: 'All',\n sort: 'date',\n page: 1,\n total: 0,\n pages: 0,\n view: localStorage.getItem('dg_view')||'grid',\n cats: [],\n latestDone: false,\n searchQ: '',\n};\n\n\/* \u2500\u2500 BOOT \u2500\u2500 *\/\nwindow.addEventListener('load', function(){\n \/* restore view *\/\n if(ST.view==='list'){ g('#dgb-vg').classList.remove('on'); g('#dgb-vl').classList.add('on'); }\n \/* load cats then posts *\/\n loadCats().then(function(){\n buildTopics();\n buildCatPills();\n buildSBCats();\n return loadPosts();\n }).then(function(){\n hideSkel();\n });\n \/* reveal observer *\/\n setupReveal();\n});\n\n\/* \u2500\u2500 PUBLIC \u2500\u2500 *\/\nwindow.DGBLOG = {\n pickCat: function(id,btn){ doCat(id,btn); },\n pickSort: function(v){ ST.sort=v; ST.page=1; loadPosts(); },\n setView: function(v){ doView(v); },\n goPage: function(p){ doPage(p); },\n reset: function(){ doCat(0, g('[data-cid=\"0\"]')); document.getElementById('dgb-search').value=''; ST.searchQ=''; },\n onSearch: function(v){ clearTimeout(ST._st); ST._st=setTimeout(function(){ ST.searchQ=v.trim().toLowerCase(); ST.page=1; loadPosts(); },340); },\n runSearch: function(){ ST.searchQ=(document.getElementById('dgb-search').value||'').trim().toLowerCase(); ST.page=1; loadPosts(); },\n};\n\n\/* \u2500\u2500 LOAD CATS \u2500\u2500 *\/\nfunction loadCats(){\n \/* Note: Appending &lang=en ensures WPML fetches the English content *\/\n var url = BASE+'\/wp\/v2\/categories?per_page=30&orderby=count&order=desc&hide_empty=true&_fields=id,name,slug,count&lang=en';\n return fetch(url).then(function(r){ return r.json(); })\n .then(function(data){\n ST.cats = data.filter(function(c){return c.count>0;}).map(function(c){\n return {id:c.id,name:c.name,slug:c.slug,count:c.count};\n });\n }).catch(function(){\n ST.cats=[\n {id:178,name:'Digital Transformation',slug:'digital-transformation',count:'\u2014'},\n {id:179,name:'Artificial Intelligence',slug:'ai',count:'\u2014'},\n {id:180,name:'ERP Systems',slug:'erp',count:'\u2014'},\n {id:181,name:'Accounting Automation',slug:'automation',count:'\u2014'},\n ];\n });\n}\n\n\/* \u2500\u2500 LOAD POSTS (server pagination) \u2500\u2500 *\/\nfunction loadPosts(){\n showSpin();\n \/* Note: Appending &lang=en ensures WPML fetches the English content *\/\n var url = BASE+'\/wp\/v2\/posts'\n +'?_embed=wp:featuredmedia,wp:term'\n +'&per_page='+PER\n +'&page='+ST.page\n +'&orderby='+(ST.sort==='date'||ST.sort==='modified'?ST.sort:'date')\n +'&order='+(ST.sort==='title'?'asc':'desc')\n +'&lang=en';\n \n if(ST.catId!==0) url+='&categories='+ST.catId;\n if(ST.searchQ) url+='&search='+encodeURIComponent(ST.searchQ);\n\n return fetch(url).then(function(r){\n ST.total = parseInt(r.headers.get('X-WP-Total')||'0',10);\n ST.pages = parseInt(r.headers.get('X-WP-TotalPages')||'1',10);\n return r.json();\n }).then(function(posts){\n \/* build latest sidebar once *\/\n if(!ST.latestDone && ST.page===1 && ST.catId===0 && !ST.searchQ){\n buildLatestSB(posts.slice(0,3));\n buildFeatured(posts[0]);\n ST.latestDone = true;\n }\n renderPosts(posts);\n renderPgn();\n renderRbar();\n hideSpin();\n }).catch(function(){\n g('#dgb-empty').style.display='block';\n g('#dgb-grid').style.display='none';\n hideSpin(); hideSkel();\n });\n}\n\n\/* \u2500\u2500 RENDER POSTS \u2500\u2500 *\/\nfunction renderPosts(posts){\n var grid = g('#dgb-grid');\n var empty= g('#dgb-empty');\n if(!posts||!posts.length){\n grid.style.display='none'; empty.style.display='block';\n g('#dgb-pgn').style.display='none'; g('#dgb-rbar').style.display='none';\n return;\n }\n empty.style.display='none';\n grid.style.display='grid';\n grid.className='pgrid'+(ST.view==='list'?' lv':'');\n grid.innerHTML = posts.map(function(p,i){return card(p,i);}).join('');\n}\n\nfunction card(p,i){\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[p.id%FB.length];\n var cat='General'; try{cat=p._embedded['wp:term'][0][0].name;}catch(e){}\n var title=st(p.title.rendered||'');\n var exc=st(p.excerpt.rendered||'').slice(0,100)+'\u2026';\n return '<article class=\"pc\" style=\"animation-delay:'+(i*.05)+'s\">'\n +'<div class=\"pc-img\"><a href=\"'+esc(p.link)+'\" tabindex=\"-1\" aria-hidden=\"true\">'\n +'<img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"'+esc(title)+'\" loading=\"lazy\"><\/a>'\n +'<span class=\"pc-cat\">'+esc(cat)+'<\/span><\/div>'\n +'<div class=\"pc-body\">'\n +'<a href=\"'+esc(p.link)+'\" class=\"pc-title\">'+esc(title)+'<\/a>'\n +'<p class=\"pc-exc\">'+esc(exc)+'<\/p>'\n +'<div class=\"pc-foot\"><a href=\"'+esc(p.link)+'\" class=\"pc-cta\">Read Article <i class=\"fas fa-arrow-right\"><\/i><\/a><\/div>'\n +'<\/div><\/article>';\n}\n\n\/* \u2500\u2500 FEATURED \u2500\u2500 *\/\nfunction buildFeatured(p){\n if(!p) return;\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[0];\n var cat='General'; try{cat=p._embedded['wp:term'][0][0].name;}catch(e){}\n var title=st(p.title.rendered||'');\n var exc=st(p.excerpt.rendered||'').slice(0,180)+'\u2026';\n g('#dgb-feat').innerHTML=\n '<div class=\"feat-img\"><img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"'+esc(title)+'\" loading=\"eager\">'\n +'<div class=\"feat-ov\"><\/div><span class=\"feat-badge\">Featured Article<\/span><\/div>'\n +'<div class=\"feat-body\"><div class=\"feat-cat\">'+esc(cat)+'<\/div>'\n +'<div class=\"feat-title\">'+esc(title)+'<\/div>'\n +'<p class=\"feat-exc\">'+esc(exc)+'<\/p>'\n +'<a href=\"'+esc(p.link)+'\" class=\"feat-link\">Read Article <i class=\"fas fa-arrow-right\"><\/i><\/a>'\n +'<\/div>';\n g('#dgb-feat-wrap').style.display='block';\n}\n\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\nfunction buildSBCats(){\n var all=[{id:0,name:'All Articles',count:'\u2014'}].concat(ST.cats);\n g('#dgb-cats-sb').innerHTML=all.map(function(c){\n return '<a class=\"sb-cl'+(c.id===ST.catId?' on':'')+'\" href=\"#\" data-cid=\"'+c.id+'\"'\n +' onclick=\"DGBLOG.pickCat('+c.id+',this);return false;\">'\n +'<div class=\"sb-ll\"><div class=\"sb-dot\"><\/div><span class=\"sb-cn\">'+esc(c.name)+'<\/span><\/div>'\n +'<span class=\"sb-num\">'+c.count+'<\/span><\/a>';\n }).join('');\n}\n\nfunction buildLatestSB(posts){\n g('#dgb-latest-sb').innerHTML=posts.map(function(p){\n var img=''; try{img=p._embedded['wp:featuredmedia'][0].source_url;}catch(e){}\n if(!img) img=FB[p.id%FB.length];\n return '<a href=\"'+esc(p.link)+'\" class=\"lp\">'\n +'<div class=\"lp-th\"><img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"\" loading=\"lazy\"><\/div>'\n +'<div class=\"lp-t\">'+esc(st(p.title.rendered||''))+'<\/div>'\n +'<\/a>';\n }).join('');\n}\n\n\/* \u2500\u2500 HERO TOPICS \u2500\u2500 *\/\nfunction buildTopics(){\n g('#dgb-topics-grid').innerHTML=ST.cats.slice(0,6).map(function(c,i){\n var cl=ICONS[i%ICONS.length];\n return '<a class=\"ht-card\" href=\"#\" onclick=\"DGBLOG.pickCat('+c.id+',null);return false;\">'\n +'<div class=\"ht-ic '+cl+'\"><i class=\"'+ICON_MAP[cl]+'\"><\/i><\/div>'\n +'<div><span class=\"ht-name\">'+esc(c.name)+'<\/span><span class=\"ht-cnt\">'+c.count+' Articles<\/span><\/div>'\n +'<\/a>';\n }).join('');\n}\n\n\/* \u2500\u2500 FILTER BAR PILLS \u2500\u2500 *\/\nfunction buildCatPills(){\n var strip=g('#dgb-strip');\n ST.cats.forEach(function(c){\n var b=document.createElement('button');\n b.className='fp'; b.dataset.cid=c.id;\n b.innerHTML=esc(c.name)+' <span class=\"fn\">'+c.count+'<\/span>';\n b.onclick=function(){DGBLOG.pickCat(c.id,b);};\n strip.appendChild(b);\n });\n}\n\n\/* \u2500\u2500 ACTIONS \u2500\u2500 *\/\nfunction doCat(id, btn){\n ST.catId=id; ST.page=1;\n ST.catName = id===0?'All': (function(){var f=ST.cats.find(function(c){return c.id===id;});return f?f.name:'';})();\n \/* filter bar pills *\/\n ga('.fp').forEach(function(b){b.classList.toggle('on',parseInt(b.dataset.cid,10)===id);});\n \/* sidebar cats *\/\n ga('.sb-cl').forEach(function(a){a.classList.toggle('on',parseInt(a.dataset.cid,10)===id);});\n loadPosts();\n}\n\nfunction doView(v){\n ST.view=v; localStorage.setItem('dg_view',v);\n g('#dgb-vg').classList.toggle('on',v==='grid');\n g('#dgb-vl').classList.toggle('on',v==='list');\n var gr=g('#dgb-grid'); if(gr) gr.className='pgrid'+(v==='list'?' lv':'');\n}\n\nfunction doPage(p){\n if(p<1||p>ST.pages) return;\n ST.page=p; loadPosts().then(function(){\n var col=g('#dgb-posts-col'); if(col) col.scrollIntoView({behavior:'smooth',block:'start'});\n });\n}\n\n\/* \u2500\u2500 PAGINATION \u2500\u2500 *\/\nfunction renderPgn(){\n var el=g('#dgb-pgn');\n if(ST.pages<=1){el.style.display='none';return;}\n el.style.display='flex';\n var cur=ST.page,total=ST.pages;\n var rng=pageRange(cur,total);\n var html='<button class=\"pb'+(cur===1?' off':'')+'\" onclick=\"DGBLOG.goPage('+(cur-1)+')\"><i class=\"fas fa-chevron-left\"><\/i><\/button>';\n rng.forEach(function(p){\n html+=p==='\u2026'?'<span class=\"pdots\">\u2026<\/span>'\n :'<button class=\"pb'+(p===cur?' cur':'')+'\" onclick=\"DGBLOG.goPage('+p+')\">'+p+'<\/button>';\n });\n html+='<button class=\"pb'+(cur===total?' off':'')+'\" onclick=\"DGBLOG.goPage('+(cur+1)+')\"><i class=\"fas fa-chevron-right\"><\/i><\/button>';\n el.innerHTML=html;\n}\nfunction pageRange(cur,total){\n if(total<=7) return Array.from({length:total},function(_,i){return i+1;});\n if(cur<=4) return [1,2,3,4,5,'\u2026',total];\n if(cur>=total-3) return [1,'\u2026',total-4,total-3,total-2,total-1,total];\n return [1,'\u2026',cur-1,cur,cur+1,'\u2026',total];\n}\n\n\/* \u2500\u2500 RESULTS BAR \u2500\u2500 *\/\nfunction renderRbar(){\n var el=g('#dgb-rbar'); el.style.display='flex';\n var s=(ST.page-1)*PER+1, e=Math.min(ST.page*PER,ST.total);\n g('#dgb-pinfo').textContent=s+'-'+e+' of '+ST.total+' articles';\n var badge=g('#dgb-badge');\n if(ST.catId!==0){\n badge.innerHTML='<span class=\"act-badge\">'+esc(ST.catName)+'<button onclick=\"DGBLOG.reset()\"><i class=\"fas fa-times\"><\/i><\/button><\/span>';\n } else if(ST.searchQ){\n badge.innerHTML='<span class=\"act-badge\">Search: \"'+esc(ST.searchQ)+'\"<button onclick=\"DGBLOG.reset()\"><i class=\"fas fa-times\"><\/i><\/button><\/span>';\n } else { badge.innerHTML=''; }\n}\n\n\/* \u2500\u2500 SKELETON \/ SPINNER \u2500\u2500 *\/\nfunction hideSkel(){var s=g('#dgb-skel');if(s)s.style.display='none';}\nfunction showSpin(){g('#dgb-spin').classList.add('show');g('#dgb-grid').style.display='none';}\nfunction hideSpin(){g('#dgb-spin').classList.remove('show');}\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\nfunction setupReveal(){\n var io=new IntersectionObserver(function(entries){\n entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('vis');io.unobserve(e.target);}});\n },{threshold:.06});\n document.querySelectorAll('#dgb .rv').forEach(function(el){io.observe(el);});\n}\n\n\/* \u2500\u2500 UTILS \u2500\u2500 *\/\nfunction g(sel){return document.querySelector(sel);}\nfunction ga(sel){return document.querySelectorAll(sel);}\nfunction esc(s){return String(s||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>').replace(\/\"\/g,'"');}\nfunction st(h){return (h||'').replace(\/<[^>]*>\/g,'').replace(\/&[^;]+;\/g,' ').trim();}\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Blog \u2014 01010 Digital Home Blog From the field \u2014 not from books Specialized Articlesfor Decision Makers Practical insights into<\/p>\n","protected":false},"author":3557,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13851","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages\/13851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/users\/3557"}],"replies":[{"embeddable":true,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/comments?post=13851"}],"version-history":[{"count":0,"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/pages\/13851\/revisions"}],"wp:attachment":[{"href":"https:\/\/internalauditsheets.com\/en\/wp-json\/wp\/v2\/media?parent=13851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}