:root{--hm-navy:#173647;--hm-teal:#1e756f;--hm-gold:#b99a62;--hm-border:#dbe7e5}
body{font-family:Vazirmatn,Tahoma,sans-serif}
.hm-progress{position:fixed;top:0;right:0;height:4px;width:0;background:linear-gradient(90deg,#1e8f86,#d1ae71);z-index:99;transition:width .08s linear;pointer-events:none}
.hm-article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 19px;color:#627983;font-size:12px;line-height:1.8}
.hm-article-meta span{padding:5px 10px;background:#edf6f4;border:1px solid #dbe9e5;border-radius:50px}
.hm-purpose{border:1px solid #dce9e4;border-right:4px solid #b99a62;border-radius:15px;background:linear-gradient(110deg,#fbfdfc,#f3f8f6);margin:24px 0;padding:18px 22px;box-shadow:0 12px 22px rgba(18,44,54,.035)}
.hm-purpose strong{color:#184856;display:block;font-size:15px;margin-bottom:6px}
.hm-purpose p{font-size:14px;margin:0;line-height:2;color:#435f69}
.hm-purpose a{display:inline-block;margin-top:9px;text-decoration:none;color:#176a69;font-size:13px;font-weight:800}
.hm-play{margin:34px 0;border:1px solid #cfe1dd;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(18,53,62,.09)}
.hm-play-head{padding:23px 27px 14px;background:linear-gradient(115deg,#f1f9f6,#f6faf9)}
.hm-play h2{color:#173c4a!important;font-size:clamp(21px,2.7vw,26px)!important;line-height:1.6!important;margin:6px 0 7px!important}
.hm-play p{color:#58727b;font-size:13px;line-height:2;margin:5px 0 0;text-align:right}
.hm-flag{color:#167c73;font-size:11px;font-weight:900;letter-spacing:.1px}
.hm-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 24px;padding:24px 27px}
.hm-field{display:block;min-width:0}.hm-field>span{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:800;color:#344f5b;margin-bottom:13px}.hm-field output{color:#0f7770;font-size:13px;font-variant-numeric:tabular-nums}
.hm-field input[type=range]{width:100%;height:7px;background:#dbeae7;accent-color:#177e75;cursor:pointer}
.hm-option-group{grid-column:1/-1;display:grid;gap:10px}.hm-option-group p{font-weight:750!important;font-size:14px!important;margin-bottom:8px}.hm-option-group label{border:1px solid #dce9e6;border-radius:12px;padding:10px 14px;font-size:13px;color:#284654;cursor:pointer}.hm-option-group label:has(input:checked){background:#eaf7f3;border-color:#77bbb0}.hm-option-group input{accent-color:#18867d;margin-left:8px}
.hm-result{padding:20px 26px;margin:0 27px 15px;border-radius:17px;background:linear-gradient(120deg,#193947,#245862);color:#fff}.hm-result>span{color:#bcdad9;font-size:12px}.hm-result strong{display:block;font-size:clamp(19px,2.6vw,27px);font-weight:900;color:#e9cb93;margin:7px 0 4px;line-height:1.5}.hm-result p{color:#d9e6e7;font-size:12px;margin:0!important;text-align:right!important}
.hm-caveat{padding:0 27px 23px;font-size:11px!important;color:#7a8b90!important;margin:0!important;line-height:1.9!important}
.hm-link-out{margin:26px 0;padding:18px 22px;border:1px solid #d9e5e2;border-radius:15px;background:#fbfcfb}
.hm-link-out b{display:block;color:#1e4854}.hm-link-out p{font-size:13px!important;margin:5px 0!important;color:#607680!important}.hm-link-out a{display:inline-flex;align-items:center;gap:4px;color:#166b66;text-decoration:none;font-size:13px;font-weight:800;margin-top:6px}
.hm-image-fit{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.hm-readmore{background:#f6faf9;border-radius:14px;border:1px solid #e2ece9;padding:18px;margin-top:22px}
.hm-readmore a{color:#196b67;font-weight:750}
.hm-lead-card{display:grid;grid-template-columns:1.15fr .85fr;border-radius:25px;overflow:hidden;border:1px solid #dbe7e3;background:#143846;color:#fff;margin:30px 0 20px;text-decoration:none!important;box-shadow:0 18px 43px rgba(17,51,62,.14)}
.hm-lead-card img{width:100%;height:100%;min-height:260px;object-fit:cover}.hm-lead-copy{padding:35px;display:flex;flex-direction:column;justify-content:center;gap:15px}.hm-lead-copy .hm-flag{color:#d5c28a}.hm-lead-copy strong{font-size:clamp(20px,2.7vw,29px);font-weight:900;line-height:1.6}.hm-lead-copy p{font-size:13px;color:#cbdddd;line-height:2;margin:0}.hm-lead-copy small{color:#e5cb96;font-size:12px;font-weight:800}
.hm-hub-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;padding:15px 17px;border-radius:17px;border:1px solid #e1ebe8;margin:18px 0 16px;box-shadow:0 8px 20px rgba(21,48,60,.04)}
.hm-hub-search label{font-size:13px;font-weight:800;color:#274858}.hm-hub-search input{flex:1;min-width:180px;direction:rtl;border:1px solid #d4e5e1;border-radius:11px;padding:10px 15px;color:#214957;background:#fbfefd;font-family:inherit;font-size:13px}
.hm-hub-search small{font-size:12px;color:#769099}.hm-empty{display:none;padding:28px;text-align:center;border:1px dashed #c9dcd6;border-radius:16px}
.grid .card img{height:190px;object-fit:cover}.grid .card:hover{box-shadow:0 20px 45px rgba(19,49,58,.13);transform:translateY(-4px)}
.grid .card .pad{padding:20px}.grid .card strong{font-size:15px;line-height:1.9}.grid .card .pad>small{color:#196b6a;font-weight:800}
.hm-card-meta{display:block;font-size:11px;color:#82949b;margin:8px 0}
@media(max-width:750px){.hm-inputs{grid-template-columns:1fr}.hm-lead-card{grid-template-columns:1fr}.hm-lead-card img{height:220px;min-height:0}.hm-lead-copy{padding:23px}.hm-hub-search{align-items:stretch}.hm-play-head,.hm-inputs{padding:18px}.hm-result{margin:0 18px 15px;padding:17px}.hm-caveat{padding:0 18px 17px}}
@media(prefers-reduced-motion:reduce){.hm-progress{transition:none!important}}