@import url('/marketing/marketing.css');

body{background:var(--white)}
.header{background:rgba(255,255,255,.94)}
.navlinks>a[aria-current=page]{color:var(--green);font-weight:700}
.blog-hero{padding:105px 0 90px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 45%,#f2f5f0)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:80px;align-items:end}
.blog-hero h1,.category-hero h1,.article-header h1{font-family:'Noto Naskh Arabic',serif;line-height:1.25;letter-spacing:-.02em}
.blog-hero h1{max-width:800px;margin:0 0 20px;font-size:clamp(44px,6vw,72px)}
.blog-hero .lead{margin-inline:0;max-width:720px}.text-cta{display:inline-block;color:var(--forest);font-weight:700;border-bottom:1px solid var(--forest);padding-bottom:3px}
.hero-note{padding:26px;border-inline-start:2px solid var(--green)}.hero-note span{color:var(--green);font-weight:700}.hero-note p{margin:8px 0 0;color:var(--muted)}
.category-section,.article-list-section,.related-section{padding:90px 0}.category-section{background:#fafbf9}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.35;margin:0}.section-heading.row{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-heading.row>p{max-width:390px;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.category-card{display:flex;min-height:330px;flex-direction:column;padding:34px;border:1px solid var(--line);border-radius:22px;background:white;transition:.2s}.category-card:hover{border-color:#aebdb3;transform:translateY(-2px)}.category-card>span{color:var(--green);font-size:14px}.category-card h3{font-family:'Noto Naskh Arabic',serif;font-size:35px;margin:30px 0 5px}.category-card p{color:var(--muted);margin:0;max-width:570px}.category-card small{color:var(--green);margin-top:12px}.category-card b{margin-top:auto;padding-top:25px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{display:flex;min-width:0;min-height:330px;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.category-label{width:max-content;color:var(--green);font-size:14px;font-weight:700}.blog-card h2{font-family:'Noto Naskh Arabic',serif;font-size:27px;line-height:1.5;margin:18px 0 7px}.blog-card p{color:var(--muted);margin:0 0 25px}.card-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:auto}.read-link{margin-top:20px;font-weight:700;color:var(--forest)}
.category-hero{padding-block:70px 60px}.breadcrumbs{display:flex;align-items:center;gap:9px;overflow:hidden;margin-bottom:45px;color:var(--muted);font-size:14px;white-space:nowrap}.breadcrumbs span[aria-current=page]{overflow:hidden;text-overflow:ellipsis}.category-hero h1{font-size:clamp(48px,7vw,76px);margin:0}.category-hero>p:last-of-type{max-width:720px;color:var(--muted);font-size:20px}.topic-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.topic-list span{padding:5px 14px;border:1px solid var(--line);border-radius:99px;font-size:14px}.category-list{border-top:1px solid var(--line);background:#fafbf9}.list-count{margin-bottom:20px;color:var(--muted)}
.article-header{max-width:930px;padding-block:64px 44px}.article-header .breadcrumbs{margin-bottom:50px}.article-header h1{font-size:clamp(42px,6vw,68px);margin:18px 0}.article-deck{max-width:790px;color:var(--muted);font-size:21px}.article-meta{display:flex;gap:25px;margin-top:25px;color:var(--muted);font-size:14px}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:65px;justify-content:center;align-items:start;padding-block:25px 100px}.article-toc{position:sticky;top:105px;padding-inline-start:18px;border-inline-start:1px solid var(--line)}.article-toc strong,.article-toc a{display:block}.article-toc strong{margin-bottom:10px}.article-toc a{padding:5px 0;color:var(--muted);font-size:14px}.article-main{min-width:0}.article-content{font-size:18px;line-height:2.05}.article-content h2{scroll-margin-top:105px;font-family:'Noto Naskh Arabic',serif;font-size:31px;line-height:1.5;margin:58px 0 12px}.article-content h3{font-size:21px;margin:34px 0 7px}.article-content p{color:#34403a;margin:0 0 20px}.article-content li{padding:4px 3px}.article-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.adel-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:10px 0 45px;padding:25px 28px;border:1px solid #cbd7cf;border-radius:16px;background:var(--sage)}.adel-cta strong{font-size:19px}.adel-cta p{margin:4px 0 0;color:var(--muted)}.adel-cta .btn{flex:0 0 auto}.article-note{margin:32px 0;padding:21px 24px;border-inline-start:3px solid #b28a4a;background:#f8f4eb}.article-note p{margin:4px 0 0}.template-block{margin:30px 0;padding:34px;border:1px solid #bac8bf;border-radius:16px;background:#fafcf9;overflow-wrap:anywhere}.template-label{margin:-34px -34px 28px;padding:10px 20px;background:var(--forest);color:#fff;font-size:13px}.template-block p{margin-bottom:18px}.template-block mark{padding:0 3px;background:#e9dfbd;color:inherit;border-radius:3px}.legal-disclaimer{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.sources{margin-top:45px}.related-section{background:#fafbf9;border-top:1px solid var(--line)}
@media(max-width:900px){.blog-hero-grid{grid-template-columns:1fr;gap:45px}.hero-note{max-width:520px}.article-layout{grid-template-columns:1fr;gap:25px}.article-toc{position:static;padding:22px;border:1px solid var(--line);border-radius:14px;columns:2}.article-toc strong{column-span:all}.article-main{max-width:760px;margin:auto}}
@media(max-width:700px){.blog-hero{padding:65px 0 55px}.category-section,.article-list-section,.related-section{padding:60px 0}.category-grid,.article-grid{grid-template-columns:1fr}.category-card{min-height:280px;padding:26px}.section-heading.row{display:block}.section-heading.row>p{margin-top:12px}.article-header{padding-block:42px 28px}.article-header .breadcrumbs{margin-bottom:35px}.article-deck{font-size:18px}.article-layout{padding-block:15px 65px}.article-content{font-size:17px}.article-content h2{font-size:27px;margin-top:45px}.adel-cta{align-items:stretch;flex-direction:column}.adel-cta .btn{width:100%}.template-block{padding:23px}.template-label{margin:-23px -23px 22px}.breadcrumbs{margin-bottom:32px}.blog-card{min-height:290px}}
@media(max-width:420px){.article-meta,.card-meta{gap:8px 14px}.article-toc{columns:1}.article-header h1{font-size:38px}.blog-hero h1{font-size:42px}}