@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,700&display=swap");:root{--ink:#10203b;--muted:#66738b;--aqua:#59d7c3;--paper:#fbfcfe;--line:#e4e9f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans Arabic,Arial,sans-serif}.nav{height:80px;display:flex;align-items:center;gap:28px;padding:0 max(5vw,28px);border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:700;font-size:23px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand i{font-family:Newsreader,serif;font-style:normal;color:#0c796e;font-size:27px;margin-left:5px}.nav form{display:flex;max-width:390px;flex:1 1;margin-right:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden}.nav input{font:inherit;border:0;outline:0;padding:9px 13px;width:100%;background:#f9fafc}.nav button{border:0;background:transparent;color:#0c796e;font-size:24px;padding:0 12px}.back,.collection{font-size:13px;color:var(--muted);text-decoration:none}.hero{background:var(--ink);color:#fff;padding:82px max(8vw,28px) 94px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;border:1px solid #42617f;border-radius:50%;width:460px;height:460px;left:-150px;top:-260px}.eyebrow,.hero p{color:var(--aqua);font-size:13px;font-weight:600;letter-spacing:.04em}.hero h1{font-size:clamp(40px,6vw,78px);line-height:1.12;margin:16px 0 24px;font-weight:700}.hero em{font-family:Newsreader,IBM Plex Sans Arabic,serif;color:var(--aqua);font-weight:500}.hero>span{color:#bdc9d8;font-size:14px}.content,.related{max-width:1240px;margin:0 auto;padding:62px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.faq h2,.related h2,.section-heading h2{font-size:31px;margin:6px 0 0}.count{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.card{background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #15315812}.cover{height:184px;position:relative;background:#173251;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover span{position:absolute;bottom:11px;right:11px;background:#fff;color:#216c66;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:600}.card-body{padding:17px 17px 18px}.card h3{font-size:19px;line-height:1.55;margin:0 0 8px}.card p{font-size:12px;color:var(--muted);margin:0 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card b,.related b{font-size:12px;color:#087d70}.pagination{margin-top:42px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:13px;color:var(--muted)}.pagination a{padding:8px 17px;border:1px solid var(--line);border-radius:5px;color:var(--ink);text-decoration:none}.empty{padding:75px;background:#fff;border:1px solid var(--line)}.empty,footer{text-align:center;color:var(--muted)}footer{font-size:12px;border-top:1px solid var(--line);padding:28px}.article{max-width:820px;margin:0 auto;padding:70px 28px 30px}.article-meta{display:flex;gap:15px;align-items:center;color:#087d70;font-size:13px;font-weight:600}.article-meta small{color:var(--muted);font-weight:400}.article>h1{font-size:clamp(34px,5vw,57px);line-height:1.3;margin:18px 0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 30px}.tags span{background:#e9f8f5;color:#16786d;border-radius:30px;padding:5px 10px;font-size:11px}.article-image{width:100%;max-height:470px;object-fit:cover;border-radius:10px;margin:6px 0 34px}.prose{font-size:18px;line-height:2;color:#25334a}.prose h1,.prose h2,.prose h3{color:var(--ink);line-height:1.45;margin:1.9em 0 .65em}.prose h2{font-size:28px}.prose h3{font-size:22px}.prose img{max-width:100%;height:auto;border-radius:8px}.prose figure{margin:35px 0}.prose figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose td,.prose th{border:1px solid var(--line);padding:10px;text-align:right}.faq{margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}details{background:#fff;border:1px solid var(--line);padding:14px 17px;margin:9px 0;border-radius:7px}summary{font-weight:600;cursor:pointer}details p{line-height:1.8;color:var(--muted);font-size:15px}.related{padding-top:40px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:23px}.related-grid>a{background:#eaf7f4;padding:21px;text-decoration:none;color:var(--ink);border-radius:8px}.related-grid span{font-size:11px;color:#087d70}.related-grid h3{font-size:17px;line-height:1.6;min-height:57px}@media(max-width:720px){.nav{height:67px;padding:0 18px}.collection{display:none}.nav form{max-width:none}.hero{padding:58px 28px}.grid,.related-grid{grid-template-columns:1fr}.section-heading{align-items:start}.article{padding-top:46px}.prose{font-size:17px}.article>h1{font-size:36px}}