/* Ogilio public blog V2: matches the live homepage type scale and color system. */
body.og-blog-v2{--blog-ink:#171817;--blog-muted:#686e63;--blog-line:#e5e8dd;--blog-soft:#f7f8ef;--blog-lime:#eaff60;background:#fff;color:var(--blog-ink);font-family:OgilioV2Sans,"Noto Sans Arabic",Arial,sans-serif}
body.og-blog-v2 :is(h1,h2,h3,h4,h5,h6,p,a,button,input){font-family:OgilioV2Sans,"Noto Sans Arabic",Arial,sans-serif}
body.og-blog-v2 .main-container{width:min(1180px,calc(100% - 48px));max-width:none;margin-inline:auto}
body.og-blog-v2 .blog-v2-list-section{padding:106px 0 82px!important}
body.og-blog-v2 .blog-v2-hero{position:relative;isolation:isolate;min-height:320px;padding:58px 42px 62px;margin-bottom:54px!important;border:1px solid #e9eccf;border-radius:16px;background:radial-gradient(circle at 74% 10%,#eaf8a8 0,transparent 42%),linear-gradient(120deg,#f8f9ed,#f4f6e9);text-align:center}
body.og-blog-v2 .blog-v2-hero:before{content:"OGILIO";display:block;margin:0 auto 21px;font-size:11px;font-weight:600;letter-spacing:.13em;color:#617122}
body.og-blog-v2 .blog-hero-title{max-width:990px;margin-inline:auto;color:var(--blog-ink)!important;font-size:clamp(42px,5vw,64px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.028em!important}
body.og-blog-v2 .blog-hero-title span{color:#677e26!important}
body.og-blog-v2 .blog-v2-hero>p{max-width:670px;margin:22px auto 0;color:#575d53!important;font-size:16px;line-height:1.5}
body.og-blog-v2 .blog-v2-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 282px;align-items:start;gap:34px!important}
body.og-blog-v2 .blog-v2-posts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;max-width:none!important;min-width:0}
body.og-blog-v2 .blog-v2-posts>*{margin:0!important}
body.og-blog-v2 .blog-v2-card{min-width:0;overflow:hidden;border:1px solid var(--blog-line);border-radius:13px;background:#fff;transition:box-shadow .25s,border-color .25s,transform .25s}
body.og-blog-v2 .blog-v2-card:hover{border-color:#ccd7a6;box-shadow:0 16px 36px #202c1714;transform:translateY(-3px)}
body.og-blog-v2 .blog-v2-card>div{height:100%;border-radius:0!important;background:#fff!important;transform:none!important}
body.og-blog-v2 .blog-v2-card>div>div{display:flex!important;flex-direction:column;gap:0!important;min-height:100%}
body.og-blog-v2 .blog-v2-card-media{display:block;min-width:0}
body.og-blog-v2 .blog-v2-card figure{width:100%;max-width:none!important;max-height:none!important;height:auto!important;aspect-ratio:16/10!important;border-radius:0!important;background:#e9eee2}
body.og-blog-v2 .blog-v2-card figure img{width:100%;height:100%;object-fit:cover;border-radius:0!important}
body.og-blog-v2 .blog-v2-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:20px 22px 23px!important}
body.og-blog-v2 .blog-v2-card-copy .badge{padding:5px 9px;border:1px solid #e8edcf;border-radius:5px;background:#f4f7e5;color:#465529;font-size:10px;font-weight:500;line-height:1.3}
body.og-blog-v2 .blog-v2-card-copy .flex.items-center.gap-2.mb-8{margin-bottom:16px!important}
body.og-blog-v2 .blog-v2-card-copy time,body.og-blog-v2 .blog-v2-card-copy time~span{color:#72776e!important;font-size:12px;font-weight:400}
body.og-blog-v2 .og-blog-title{margin:14px 0 18px!important;color:var(--blog-ink)!important;font-size:clamp(23px,2vw,28px)!important;font-weight:400!important;line-height:1.14!important;letter-spacing:-.02em!important}
body.og-blog-v2 .og-blog-title a{color:inherit}
body.og-blog-v2 .blog-v2-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 22px;color:#626960;font-size:14px;line-height:1.5}\nbody.og-blog-v2 .blog-v2-card-copy>div:last-child{margin-top:auto;text-align:start}
body.og-blog-v2 .blog-v2-card .btn-md-v2{min-height:38px!important;height:auto!important;padding:8px 13px!important;border:1px solid #d9dfc9!important;border-radius:6px!important;background:#fff!important;color:#26321f!important;font-size:13px!important;font-weight:500!important;text-transform:none!important}
body.og-blog-v2 .blog-v2-card .btn-md-v2:hover{background:var(--blog-lime)!important;border-color:var(--blog-lime)!important}
body.og-blog-v2 .blog-v2-card:first-child{grid-column:span 2}
body.og-blog-v2 .blog-v2-card:first-child>div>div{display:grid!important;grid-template-columns:1.08fr .92fr}
body.og-blog-v2 .blog-v2-card:first-child figure{height:100%!important;min-height:350px;aspect-ratio:auto!important}
body.og-blog-v2 .blog-v2-card:first-child .blog-v2-card-copy{padding:30px!important}
body.og-blog-v2 .blog-v2-card:first-child .og-blog-title{font-size:clamp(28px,2.5vw,36px)!important}
body.og-blog-v2 .blog-v2-sidebar{max-width:none!important;width:100%;padding:25px 22px!important;margin:0!important;border:1px solid var(--blog-line);border-radius:12px!important;background:#f8f9f4!important;box-shadow:none!important;position:sticky;top:84px}
body.og-blog-v2 .blog-v2-sidebar :is(h3,.og-sidebar-title){font-size:18px!important;line-height:1.2!important;font-weight:500!important;color:var(--blog-ink)}
body.og-blog-v2 .blog-v2-sidebar input[type=search]{border-color:#dfe4d8;background:#fff;box-shadow:none;border-radius:6px!important;font-size:14px}
body.og-blog-v2 .blog-v2-sidebar a{font-size:13px;color:#4f584c}
body.og-blog-v2 .blog-v2-sidebar a:hover{color:#4f651d}
body.og-blog-v2 .blog-v2-sidebar>div{margin-top:30px}
body.og-blog-v2 .blog-v2-sidebar>div:first-of-type{margin-top:0}
body.og-blog-v2 .blog-v2-sidebar img{border-radius:6px}
body.og-blog-v2 .blog-v2-list-section+section>.bg-background-2,body.og-blog-v2-detail .main-container.mt-16>.bg-background-2{border:0!important;border-radius:14px!important;background:#1d241b!important;color:#fff;padding:62px 25px!important}
body.og-blog-v2 .blog-v2-list-section+section>.bg-background-2>p:first-child,body.og-blog-v2-detail .main-container.mt-16>.bg-background-2>p:first-child{color:#fff!important;font-size:clamp(32px,3vw,44px)!important;line-height:1.07;font-weight:400!important;letter-spacing:-.02em}
body.og-blog-v2 .blog-v2-list-section+section>.bg-background-2>p:nth-child(2),body.og-blog-v2-detail .main-container.mt-16>.bg-background-2>p:nth-child(2){color:#c3d0c0!important;font-size:16px}
body.og-blog-v2 .blog-v2-list-section+section a.btn-xl-v2,body.og-blog-v2-detail .main-container.mt-16 a.btn-xl-v2{border-radius:6px!important;background:var(--blog-lime)!important;color:var(--blog-ink)!important;font-size:14px!important}
body.og-blog-v2 .blog-v2-article-section{padding:102px 0 68px!important}
body.og-blog-v2 .blog-v2-article-header{max-width:none!important;padding:46px 52px 42px;border:1px solid #e9eccf;border-radius:16px;background:radial-gradient(circle at 80% 0,#eaf7ac,transparent 40%),#f7f8ee}
body.og-blog-v2 .blog-article-badge{padding:6px 10px;border:1px solid #dfe8c0;border-radius:5px;background:#f0f5d9;color:#4c5c2b;font-size:11px;font-weight:500!important}
body.og-blog-v2 .blog-v2-article-title{max-width:980px!important;margin:20px 0 32px!important;color:var(--blog-ink)!important;font-size:clamp(42px,5vw,64px)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.028em!important;overflow-wrap:anywhere}
body.og-blog-v2 .blog-v2-article-header figure{width:38px;height:38px;background:#fff;border:1px solid var(--blog-line)}
body.og-blog-v2 .blog-v2-article-header time,body.og-blog-v2 .blog-v2-article-header h3{color:#596156!important;font-size:13px;font-weight:500}
body.og-blog-v2 .blog-v2-cover{max-width:none;width:100%;height:auto;aspect-ratio:16/8.3;margin:30px 0 68px!important;border-radius:14px!important;background:#e9efe1}
body.og-blog-v2 .blog-v2-cover img{display:block;width:100%;height:100%;object-fit:cover}
body.og-blog-v2 .blog-v2-body{max-width:760px;color:#3d443c;font-size:18px;line-height:1.7;letter-spacing:0}
body.og-blog-v2 .blog-v2-body h2{margin:50px 0 18px;color:var(--blog-ink);font-size:clamp(30px,3vw,38px);font-weight:400;line-height:1.13;letter-spacing:-.022em}
body.og-blog-v2 .blog-v2-body h3{color:var(--blog-ink);font-size:26px;font-weight:400;line-height:1.2}
body.og-blog-v2 .blog-v2-body p{margin:0 0 24px}
body.og-blog-v2 .blog-v2-body a{color:#4c641d;text-decoration:underline;text-underline-offset:4px}
body.og-blog-v2 .blog-v2-body>p:last-child a{display:inline-flex;align-items:center;min-height:43px;margin-top:16px;padding:10px 17px;border-radius:6px;background:#eaff60;color:#171817;text-decoration:none;font-size:14px;font-weight:600}
body.og-blog-v2 .blog-v2-body :is(ul,ol){padding-inline-start:1.5em}
body.og-blog-v2 .blog-v2-body blockquote{border-inline-start:3px solid #b9cf67;border-left:0;background:#f7f8ef;color:#485142}
body.og-blog-v2 .related-card{border-color:var(--blog-line);border-radius:12px;box-shadow:none!important}
body.og-blog-v2 .related-card h3{font-size:23px;font-weight:400!important;line-height:1.18;letter-spacing:-.015em}
body.og-blog-v2 .main-container.mt-16>h2{font-size:clamp(30px,3vw,40px);font-weight:400!important;line-height:1.1}
@media(max-width:1000px){body.og-blog-v2 .blog-v2-layout{grid-template-columns:1fr}body.og-blog-v2 .blog-v2-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body.og-blog-v2 .blog-v2-sidebar>div{margin:0}body.og-blog-v2 .blog-v2-sidebar form{grid-column:span 2}}
@media(max-width:700px){body.og-blog-v2 .main-container{width:calc(100% - 32px)}body.og-blog-v2 .blog-v2-list-section,body.og-blog-v2 .blog-v2-article-section{padding-top:84px!important}body.og-blog-v2 .blog-v2-hero{min-height:0;padding:42px 22px;margin-bottom:30px!important}body.og-blog-v2 .blog-hero-title,body.og-blog-v2 .blog-v2-article-title{font-size:clamp(38px,9vw,52px)!important}body.og-blog-v2 .blog-v2-posts{grid-template-columns:1fr}body.og-blog-v2 .blog-v2-card:first-child{grid-column:auto}body.og-blog-v2 .blog-v2-card:first-child>div>div{display:flex!important}body.og-blog-v2 .blog-v2-card:first-child figure{height:auto!important;min-height:0;aspect-ratio:16/10!important}body.og-blog-v2 .blog-v2-card:first-child .og-blog-title{font-size:27px!important}body.og-blog-v2 .blog-v2-sidebar{display:block}body.og-blog-v2 .blog-v2-sidebar>div{margin-top:28px}body.og-blog-v2 .blog-v2-article-header{padding:33px 22px}body.og-blog-v2 .blog-v2-cover{margin:22px 0 44px!important;aspect-ratio:16/10}body.og-blog-v2 .blog-v2-body{font-size:16px}body.og-blog-v2 .blog-v2-body h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){body.og-blog-v2 .blog-v2-card{transition:none}}