@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#152d30;--muted:#5d6d6b;--green:#135f50;--cream:#f5f2e9;--line:#d8dfd7;--sand:#e3dac6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;line-height:1.75}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}.skip{position:absolute;top:-100px;right:1rem;background:#fff;padding:.7rem;z-index:10}.skip:focus{top:.5rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c48e36;outline-offset:3px}
.kl-container,.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.kl-utility{display:flex;justify-content:space-between;gap:1rem;background:#153f3b;color:#dceae0;padding:.35rem max(24px,calc((100% - 1160px)/2));font-size:.75rem}.kl-utility nav{display:flex;gap:1.2rem}.kl-utility a:hover{color:white}.kl-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(24px,calc((100% - 1160px)/2));border-bottom:1px solid var(--line);background:#fff}.kl-brand{display:flex;align-items:center;gap:.7rem;font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.2}.kl-brand small{display:block;color:var(--muted);font:500 .65rem 'IBM Plex Sans Arabic',sans-serif;letter-spacing:.02em}.kl-brand-mark{display:grid;place-items:center;width:49px;height:49px;color:white;background:var(--green);font:bold 1.5rem Georgia,serif;border-radius:3px}.kl-brand-mark span,.kl-footer-logo span{color:#dfb766}.kl-header nav{display:flex;gap:1.45rem;font-size:.91rem;font-weight:600}.kl-header-cta,.kl-button{display:inline-flex;align-items:center;gap:.75rem;background:var(--green);color:#fff;padding:.75rem 1.2rem;font-weight:700}.kl-header-cta{font-size:.82rem}.kl-button:hover,.kl-header-cta:hover{background:#104b40;text-decoration:none}.kl-flash{padding:.8rem 2rem;background:#e9f6ed}
.kl-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--cream)}.kl-hero-copy{padding:clamp(3rem,6vw,6.5rem) max(24px,calc((100vw - 1160px)/2)) 3rem 3rem;display:flex;flex-direction:column;justify-content:center}.kl-overline{display:flex;gap:1rem;align-items:center;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.13em}.kl-overline span+span:before{content:"";display:inline-block;width:28px;height:1px;background:var(--green);vertical-align:middle;margin-inline-end:1rem}.kl-hero h1,.kl-section-intro h2,.kl-regions h2{font:800 clamp(2.6rem,4.2vw,5.2rem)/1.25 Cairo,sans-serif;letter-spacing:-.05em;margin:1.3rem 0}.kl-hero h1 em{font-style:normal;color:var(--green)}.kl-hero-copy>p{max-width:640px;color:#425451;font-size:1.08rem}.kl-hero-actions{display:flex;gap:1.4rem;align-items:center;margin:1.8rem 0 2.5rem}.kl-text-link{border-bottom:1px solid var(--green);font-weight:700}.kl-hero-stats{display:flex;gap:2rem;border-top:1px solid #ccd7cb;padding-top:1.2rem}.kl-hero-stats div{display:flex;flex-direction:column;min-width:100px}.kl-hero-stats strong{font:700 2rem Georgia,serif;color:var(--green)}.kl-hero-stats span{font-size:.74rem;color:var(--muted)}.kl-hero-visual{position:relative;min-height:540px;overflow:hidden;background:#bac7ba}.kl-hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.7)}.kl-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#143b37bb 0%,transparent 45%,#143b37a8 100%)}.kl-visual-label,.kl-visual-caption{position:absolute;z-index:1;color:white}.kl-visual-label{top:2.5rem;left:2.5rem;font:700 1.15rem/1.4 Georgia,serif;letter-spacing:.12em}.kl-visual-label b{display:block;font-size:3.5rem}.kl-visual-caption{bottom:2.5rem;right:2.5rem;max-width:260px;border-right:3px solid #e3be76;padding-right:1rem}
.kl-method{padding-block:6rem;display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}.kl-eyebrow{color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.08em}.kl-section-intro h2,.kl-regions h2{font-size:clamp(2.2rem,3.2vw,4rem)}.kl-section-intro p{color:var(--muted)}.kl-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kl-method-grid article{padding:1.5rem;border:1px solid var(--line);background:#fcfdfb}.kl-method-grid article:nth-child(2){background:#e8efea}.kl-method-grid span{font:bold .75rem Georgia,serif;color:var(--green)}.kl-method-grid h3{font:800 1.18rem Cairo,sans-serif;line-height:1.5;margin:2rem 0 .8rem}.kl-method-grid p{font-size:.85rem;color:var(--muted)}
.kl-reading{padding-bottom:6rem}.kl-reading-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.kl-reading-head h2{font:800 clamp(2rem,3vw,3.3rem)/1.3 Cairo,sans-serif;margin:.3rem 0}.kl-reading-head>a{font-weight:700;color:var(--green)}.kl-reading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.kl-reading-card{border-bottom:1px solid var(--line)}.kl-card-image{display:block;aspect-ratio:4/3;background:#dfe8e0;overflow:hidden}.kl-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.kl-card-image:hover img{transform:scale(1.04)}.kl-reading-card>div{padding:1rem .1rem}.kl-reading-card span{font:700 .68rem Georgia,serif;color:var(--green)}.kl-reading-card h3{font:800 1.05rem/1.5 Cairo,sans-serif}.kl-reading-card p{font-size:.83rem;color:var(--muted)}.kl-card-link{display:inline-block;color:var(--green);font-size:.8rem;font-weight:700;margin-block:.5rem}
.kl-regions{background:#153f3b;color:white;padding-block:5.5rem}.kl-regions-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.kl-regions .kl-eyebrow{color:#b9decf}.kl-regions p{max-width:520px;color:#c6dad2}.kl-region-list{border-top:1px solid #5b8577}.kl-region-list>div{display:grid;grid-template-columns:50px 120px 1fr;gap:1rem;align-items:center;border-bottom:1px solid #5b8577;padding:1.3rem 0}.kl-region-list strong{font:700 1.5rem Georgia,serif;color:#e1bf7d}.kl-region-list span{font:700 1.2rem Cairo,sans-serif}.kl-region-list small{color:#c6dad2}.kl-region-list>a{display:inline-block;margin-top:1.5rem;color:#e1bf7d;font-weight:700}.kl-callout{padding-block:6rem;text-align:center}.kl-callout h2{font:800 clamp(2rem,3vw,3.2rem) Cairo,sans-serif;margin:.4rem}.kl-callout p{color:var(--muted);max-width:560px;margin:0 auto 1.5rem}
.kl-footer{background:#102d2c;color:#d9e5df}.kl-footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2.5rem;padding-block:4rem}.kl-footer-main p{font-size:.83rem;color:#adcbc0;max-width:300px}.kl-footer-logo{font:800 1.4rem Cairo,sans-serif;color:white}.kl-footer nav{display:flex;flex-direction:column;gap:.5rem;font-size:.82rem}.kl-footer nav strong{color:#e1bf7d;margin-bottom:.4rem}.kl-footer-bottom{display:flex;justify-content:space-between;padding-block:1rem;border-top:1px solid #52706a;font-size:.75rem}.managed-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem max(24px,calc((100% - 1160px)/2));background:#102d2c;color:#b7cfc6;font-size:.72rem;border-top:1px solid #2d514a}
.article-page,.archive-list,.archive-intro{line-height:1.8}.article-heading{padding-block:4rem 2rem}.article-heading h1{font:800 clamp(2rem,4vw,3.6rem)/1.35 Cairo,sans-serif;max-width:900px}.article-deck{font-size:1.15rem;color:var(--muted);max-width:760px}.breadcrumbs,.article-meta,.card-meta{display:flex;gap:.7rem;color:var(--muted);font-size:.77rem}.article-hero img{display:block;width:100%;max-height:550px;object-fit:cover}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3rem;padding-block:3rem}.article-toc{align-self:start;position:sticky;top:1rem;border-top:2px solid var(--green);padding-top:1rem;font-size:.83rem}.article-toc nav{display:grid;gap:.5rem}.toc-note{background:#edf2ee;padding:1rem;margin-top:1rem}.reading-body{font-size:1.03rem;max-width:790px;overflow-wrap:anywhere}.reading-body img,.reading-body iframe{max-width:100%;height:auto}.reading-body h2,.reading-body h3{font-family:Cairo,sans-serif;line-height:1.4;margin-top:2rem}.reading-body a{color:var(--green);text-decoration:underline}.article-end,.latest-section{padding-block:2rem}.article-end{display:flex;gap:2rem;border-top:1px solid var(--line)}.article-end a{color:var(--green);font-weight:700}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.story-card{border:1px solid var(--line);padding-bottom:1rem}.story-card .card-image{display:block;aspect-ratio:3/2;overflow:hidden}.story-card img{width:100%;height:100%;object-fit:cover}.story-card>div:not(.card-image),.story-card h3,.story-card p,.story-card>.text-link{margin-inline:1rem}.story-card h3{font:800 1.1rem/1.5 Cairo,sans-serif}.story-card p{color:var(--muted);font-size:.84rem}.text-link{color:var(--green);font-weight:700;font-size:.82rem}.archive-intro{padding-block:3rem}.archive-intro h1{font:800 2.6rem Cairo,sans-serif}.search-form{display:grid;gap:.5rem;max-width:580px}.search-form>div{display:flex}.search-form input{flex:1;min-width:0;padding:.7rem;border:1px solid var(--line)}.search-form button,.solid-button{border:0;background:var(--green);color:white;padding:.7rem 1.2rem;cursor:pointer}.archive-count{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:1rem}.archive-list{padding-bottom:4rem}.pagination{margin-top:2rem}.contact-panel form{display:grid;gap:1rem}.contact-panel input,.contact-panel textarea{display:block;width:100%;border:1px solid var(--line);padding:.6rem}.ch-honeypot{position:absolute;left:-9999px}.comments{border-top:1px solid var(--line);margin-top:2rem}
@media(max-width:950px){.kl-header nav{display:none}.kl-hero{grid-template-columns:1fr}.kl-hero-copy{padding:3rem 24px}.kl-hero-visual{min-height:430px}.kl-method,.kl-regions-grid{grid-template-columns:1fr;gap:2rem}.kl-reading-grid{grid-template-columns:repeat(2,1fr)}.kl-footer-main{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-toc{position:static}}@media(max-width:600px){.kl-container,.wrap{width:min(100% - 32px,1160px)}.kl-utility>span{display:none}.kl-utility{justify-content:center}.kl-header{min-height:75px;padding-inline:16px}.kl-header-cta{font-size:.7rem;padding:.5rem}.kl-hero h1{font-size:2.7rem}.kl-hero-stats{gap:1rem}.kl-method-grid,.kl-reading-grid,.story-grid,.kl-footer-main{grid-template-columns:1fr}.kl-region-list>div{grid-template-columns:45px 1fr}.kl-region-list small{grid-column:2}.kl-reading-head{align-items:start;gap:1rem}.kl-footer-bottom{gap:1rem}}

/* Keep every primary route reachable on compact screens. */
@media(max-width:950px){
  .kl-header{flex-wrap:wrap}
  .kl-header nav{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;
    gap:.45rem 1.1rem;padding:.65rem 0 .1rem;border-top:1px solid var(--line);font-size:.82rem}
}
