@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f4faf8;color:#153631;font:18px/1.9 Tajawal,Arial,sans-serif}header{background:#fff;border-bottom:1px solid #dcece7;padding:16px max(20px,calc((100% - 960px)/2));display:flex;gap:18px;align-items:center;font-weight:800}header a{color:#087b63;text-decoration:none}header nav{margin-right:auto;display:flex;gap:14px;font-size:15px}header nav a{color:#45655e}main{max-width:850px;margin:auto;padding:46px 20px 68px}.tag{display:inline-block;background:#e4f5f0;color:#087b63;border-radius:99px;padding:4px 14px;font-size:14px;font-weight:700}h1{font-size:clamp(31px,5vw,43px);line-height:1.3;margin:14px 0}h2{font-size:25px;line-height:1.5;margin-top:30px}.lead{font-size:20px;color:#58716c}.card{background:#fff;border:1px solid #d9ebe6;border-radius:16px;padding:25px;margin:22px 0}.cta{display:inline-block;background:#087b63;color:#fff;text-decoration:none;padding:11px 21px;border-radius:9px;font-weight:700}.list{padding-right:23px}.list li{margin:8px 0}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.related a{border:1px solid #d9ebe6;border-radius:11px;padding:12px;color:#176b5a;text-decoration:none;background:#fff;font-size:16px}footer{text-align:center;padding:25px;color:#68807b;border-top:1px solid #dcece7;font-size:14px}footer a{color:#087b63;text-decoration:none;margin:0 8px}@media(max-width:600px){header{flex-wrap:wrap}header nav{width:100%;margin:0}main{padding-top:32px}.card{padding:20px}}
.tool-first{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf9f5;border:1px solid #cfe3dd;border-radius:12px;padding:14px 16px;margin:0 0 20px}.tool-first strong{color:#087b63}