:root{--con:#D97706;--con-tint:#FFFBEB;--con-border:#FDE68A;--con-dark:#92400E}:root{--ink:#0B1F3D;--ink-2:#44557A;--ink-3:#6B7A99;--primary:#1F6FEB;--primary-600:#1559C9;--primary-700:#1149A8;--primary-tint:#E9F1FF;--primary-tint-2:#F3F8FF;--teal:#0FB5AE;--green:#15A34A;--amber:#EA9A13;--red:#E5484D;--con:#D97706;--con-tint:#FFFBEB;--con-border:#FDE68A;--con-dark:#92400E;--bg:#F2F7FF;--border:#DCE7F8;--border-strong:#C6D8F3;--shadow-sm:0 1px 2px rgba(15,40,80,.05),0 2px 4px rgba(15,40,80,.05);--shadow-md:0 8px 22px rgba(20,70,160,.09);--shadow-lg:0 28px 64px rgba(16,60,150,.16);--radius:16px;--radius-lg:24px;--pill:999px;--maxw:1180px;--font-display:"Readex Pro","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--font-body:"IBM Plex Sans Arabic","Readex Pro","Segoe UI",Tahoma,Arial,sans-serif}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.75;font-size:17px;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary-700);text-decoration:none;transition:color .15s}a:hover{color:var(--primary)}ul,ol{padding-inline-start:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.92rem;padding:10px 20px;border-radius:var(--pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .2s;text-decoration:none}.btn-primary{color:#fff;background:linear-gradient(180deg,#2A78F0,var(--primary-600));box-shadow:0 8px 18px rgba(31,111,235,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(31,111,235,.32);color:#fff}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary-700)}.mobile-menu{display:none;position:fixed;inset:68px 0 0;z-index:55;background:var(--bg);padding:22px;overflow-y:auto}.mobile-menu a{display:block;padding:14px 15px;border-radius:11px;font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--ink);border-bottom:1px solid var(--border);text-decoration:none}.mobile-menu .btn{width:100%;margin-top:16px;justify-content:center}.article-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px;padding-block:48px 80px}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start}.art-head{margin-bottom:36px}.crumbs{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--ink-3);margin-bottom:16px;flex-wrap:wrap}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--primary-700)}.crumbs .sep{opacity:.4}.art-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:.76rem;font-weight:700;color:var(--con-dark);background:var(--con-tint);border:1px solid var(--con-border);border-radius:var(--pill);padding:5px 12px;margin-bottom:14px;text-decoration:none}.art-cat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--con)}.art-head h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--ink);letter-spacing:-.02em}.art-head h1 .hl{color:var(--con)}.art-intro{font-size:1.15rem;color:var(--ink-2);margin-top:16px;line-height:1.8;max-width:68ch;border-inline-start:4px solid var(--con);padding-inline-start:18px}.art-meta{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}.art-meta span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--ink-3)}.art-meta svg{width:15px;height:15px;flex-shrink:0}.art-meta .read-time{background:var(--con-tint);border:1px solid var(--con-border);border-radius:var(--pill);padding:5px 12px}.art-body{font-size:1.04rem;line-height:1.9;color:var(--ink-2)}.art-body h2{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ink);margin-top:52px;margin-bottom:14px;letter-spacing:-.01em;padding-bottom:10px;border-bottom:2px solid var(--border)}.art-body h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--ink);margin-top:32px;margin-bottom:10px}.art-body p{margin-bottom:18px}.art-body ul,.art-body ol{margin-bottom:18px}.art-body ul li{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px;font-size:1rem;color:var(--ink-2)}.art-body ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--con);flex-shrink:0;margin-top:.65em;opacity:.7}.art-body ol{counter-reset:ol}.art-body ol li{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px;font-size:1rem;color:var(--ink-2);counter-increment:ol}.art-body ol li::before{content:counter(ol);min-width:26px;height:26px;border-radius:8px;background:var(--con);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.8rem;display:grid;place-items:center;flex-shrink:0;margin-top:.2em}.art-body a{color:var(--primary-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}.art-body strong{color:var(--ink);font-weight:700}.con-pains{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-block:24px}.cp-card{background:#fff;border:1px solid #FDE68A;border-inline-start:4px solid var(--con);border-radius:var(--radius);padding:16px}.cp-card .cpc-icon{font-size:1.3rem;margin-bottom:7px}.cp-card h3{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:5px}.cp-card p{font-size:.84rem;color:var(--ink-2);margin:0}.con-usecases{display:flex;flex-direction:column;gap:16px;margin-block:24px}.cuc-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.cuc-head{display:flex;align-items:center;gap:13px;padding:14px 18px;background:var(--con-tint);border-bottom:1px solid var(--con-border)}.cuc-icon{width:40px;height:40px;border-radius:11px;background:var(--con);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.cuc-head h3{font-family:var(--font-display);font-weight:700;font-size:.97rem;color:var(--ink);margin:0}.cuc-head .cuc-sub{font-size:.8rem;color:var(--ink-3);margin:0}.cuc-chips{display:flex;flex-wrap:wrap;gap:7px;padding:13px 18px}.cuc-chip{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:var(--pill);background:var(--con-tint);border:1px solid var(--con-border);color:var(--con-dark)}.cuc-chip.auto{background:#E5F7EC;color:#0E7a36;border-color:#BDEBCB}.co-flow{display:flex;flex-direction:column;gap:0;margin-block:22px;counter-reset:co}.co-step{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:flex-start;position:relative;counter-increment:co}.co-step:not(:last-child)::after{content:"";position:absolute;inset-inline-start:22px;top:46px;bottom:0;width:2px;background:linear-gradient(180deg,var(--con),var(--border));opacity:.35;z-index:0}.co-num{width:46px;height:46px;border-radius:13px;background:var(--con);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.88rem;display:grid;place-items:center;flex-shrink:0;box-shadow:0 5px 14px rgba(217,119,6,.28);z-index:1;position:relative}.co-body{padding:8px 0 22px}.co-body .co-title{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--ink);margin-bottom:4px}.co-body p{font-size:.9rem;color:var(--ink-2);margin:0}.co-badge{display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:var(--pill);margin-top:6px}.co-badge.risk{background:#FCE9EA;color:#B3262B;border:1px solid #F4C9CB}.co-badge.ok{background:#E5F7EC;color:#0E7a36;border:1px solid #BDEBCB}.co-badge.note{background:var(--con-tint);color:var(--con-dark);border:1px solid var(--con-border)}.site-to-office{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-block:24px}.sto-box{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.sto-box.site{border:2px solid var(--con-border);background:var(--con-tint)}.sto-box.office{border:2px solid var(--border-strong);background:var(--primary-tint-2)}.sto-label{font-family:var(--font-display);font-weight:700;font-size:.9rem;margin-bottom:10px;display:flex;align-items:center;gap:6px}.sto-box.site .sto-label{color:var(--con-dark)}.sto-box.office .sto-label{color:var(--primary-700)}.sto-box ul{list-style:none;padding:0;margin:0}.sto-box ul li{display:flex;gap:7px;font-size:.85rem;color:var(--ink-2);margin-bottom:6px;align-items:flex-start}.sto-box ul li::before{content:none}.sto-box ul li .bullet{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:.55em;opacity:.7}.sto-box.site ul li .bullet{background:var(--con)}.sto-box.office ul li .bullet{background:var(--primary)}.sto-arrow{font-size:2rem;color:var(--con);opacity:.6;text-align:center}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block:32px}.stat-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.stat-box .sv{font-family:var(--font-display);font-weight:800;font-size:2.1rem;color:var(--con);line-height:1}.stat-box .sl{font-size:.82rem;color:var(--ink-3);margin-top:7px}.info-box{background:var(--primary-tint-2);border:1px solid var(--border-strong);border-inline-start:4px solid var(--primary);border-radius:var(--radius);padding:20px 22px;margin-block:28px}.info-box.con{background:var(--con-tint);border-color:var(--con-border);border-inline-start-color:var(--con)}.info-box.green{background:#E5F7EC;border-color:#BDEBCB;border-inline-start-color:var(--green)}.info-box .ib-title{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink);margin-bottom:8px}.info-box p{margin:0;font-size:.95rem;color:var(--ink-2)}.pull-quote{background:linear-gradient(160deg,var(--con-tint),#FFFEF5);border:1px solid var(--con-border);border-radius:var(--radius-lg);padding:26px 30px;margin-block:36px;text-align:center}.pull-quote p{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.55;margin:0}.faq-section{margin-top:48px}.faq-section h2{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--border)}.faq details{background:#fff;border:1px solid var(--border);border-radius:13px;margin-bottom:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq details[open]{border-color:var(--con-border);box-shadow:var(--shadow-md)}.faq summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary .ico{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;background:var(--con-tint);color:var(--con);transition:transform .2s}.faq details[open] summary .ico{transform:rotate(45deg);background:var(--con);color:#fff}.faq .ans{padding:0 20px 18px;color:var(--ink-2);font-size:.95rem;line-height:1.8}.quick-summary{background:linear-gradient(160deg,#44200A,#7C3708);border-radius:var(--radius-lg);padding:34px;color:#fff;margin-top:48px;position:relative;overflow:hidden}.quick-summary::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 220px at 90% 0%,rgba(217,119,6,.4),transparent 55%)}.quick-summary .inner{position:relative;z-index:2}.quick-summary h2{color:#fff;font-family:var(--font-display);font-size:1.15rem;margin-bottom:14px}.quick-summary h2::before{content:"🏗️ "}.quick-summary p{color:#FEF3C7;font-size:.96rem;line-height:1.85}.quick-summary strong{color:#FDE68A}.art-cta{background:linear-gradient(155deg,#B45309,#78350F);border-radius:var(--radius-lg);padding:36px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);margin-top:40px}.art-cta::before{content:"";position:absolute;inset:0;opacity:.4;background:radial-gradient(400px 200px at 10% 0%,rgba(31,111,235,.2),transparent 55%)}.art-cta .inner{position:relative;z-index:2}.art-cta h2{color:#fff;font-size:1.3rem;font-family:var(--font-display);margin-bottom:10px}.art-cta p{color:#FEF3C7;font-size:.94rem}.art-cta-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:20px}.btn-white{background:#fff;color:var(--con-dark);font-size:.95rem;padding:12px 24px}.btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.18);color:var(--con-dark)}.btn-outline-w{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);font-size:.95rem;padding:12px 24px}.btn-outline-w:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.sidebar-card h3{font-family:var(--font-display);font-weight:700;font-size:.95rem;margin-bottom:14px;color:var(--ink);padding-bottom:9px;border-bottom:1px solid var(--border)}.toc-list{display:flex;flex-direction:column}.toc-list a{display:flex;align-items:center;gap:8px;font-size:.87rem;color:var(--ink-2);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--border);transition:color .15s}.toc-list a:last-child{border-bottom:none}.toc-list a:hover{color:var(--con-dark)}.toc-list a .n{min-width:22px;height:22px;border-radius:6px;background:var(--con-tint);color:var(--con-dark);font-family:var(--font-display);font-weight:700;font-size:.72rem;display:grid;place-items:center;flex-shrink:0}.rel-links a{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:var(--ink-2);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--border);line-height:1.4;transition:color .15s}.rel-links a:last-child{border-bottom:none}.rel-links a:hover{color:var(--primary-700)}.rel-links a::before{content:"←";color:var(--con);flex-shrink:0;margin-top:1px}.sidebar-cta{background:linear-gradient(150deg,var(--con),#B45309);color:#fff;border-radius:var(--radius);padding:22px;text-align:center;text-decoration:none;display:block}.sidebar-cta h3{color:#fff;font-size:1rem;margin-bottom:7px}.sidebar-cta p{color:#FEF3C7;font-size:.84rem;margin-bottom:14px}.sidebar-cta .sc-btn{display:block;background:#fff;color:var(--con-dark);font-family:var(--font-display);font-weight:700;font-size:.88rem;border-radius:var(--pill);padding:11px;transition:opacity .15s}.sidebar-cta .sc-btn:hover{opacity:.92}.related-posts{margin-top:52px;padding-top:36px;border-top:2px solid var(--border)}.related-posts h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink);margin-bottom:20px}.rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rp-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.rp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.rp-card .rp-cat{font-size:.73rem;color:var(--con);font-weight:700;font-family:var(--font-display);margin-bottom:7px}.rp-card h3{font-size:.97rem;color:var(--ink);font-family:var(--font-display);line-height:1.35}.rp-card p{font-size:.84rem;color:var(--ink-3);margin-top:7px}@media(max-width:1080px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.stats-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.stats-row{grid-template-columns:1fr}.con-pains{grid-template-columns:1fr}.site-to-office{grid-template-columns:1fr}.sto-arrow{display:none}.rp-grid{grid-template-columns:1fr}.art-cta-btns{flex-direction:column}.mobile-menu.open{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none !important;scroll-behavior:auto !important}}