/* Shared by every public page: self-hosted font, mobile menu, small utilities */
@font-face{font-family:'Vazirmatn';src:url("../fonts/Vazirmatn-var.f6d31671339d.woff2") format('woff2-variations'),url("../fonts/Vazirmatn-var.f6d31671339d.woff2") format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.skip{position:absolute;top:-60px;right:16px;z-index:400;background:#23292D;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{top:12px}
.nav-login{font-size:15px;font-weight:600;color:#5B6863}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid #E2E8E5;background:#fff}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span,.mnav summary span::before,.mnav summary span::after{display:block;width:18px;height:2px;background:#1D2225;border-radius:2px;position:relative;content:""}
.mnav summary span::before{position:absolute;top:-6px}.mnav summary span::after{position:absolute;top:6px}
.mnav[open] summary span{background:transparent}.mnav[open] summary span::before{top:0;transform:rotate(45deg)}.mnav[open] summary span::after{top:0;transform:rotate(-45deg)}
.mnav-panel{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));inset-inline:0;background:#fff;border-bottom:1px solid #E2E8E5;box-shadow:0 18px 40px rgba(29,34,37,.12);padding:12px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));display:grid;gap:2px;max-height:calc(100vh - 76px);overflow:auto}
.mnav-panel a{display:block;padding:14px 4px;font-size:17px;font-weight:600;border-bottom:1px solid #F0F3F1;color:#1D2225}
.mnav-panel a[aria-current="page"]{color:#008A52}
.mnav-panel .btn{margin-top:16px;justify-content:center;border-bottom:0;color:#fff}
@media(max-width:960px){.mnav{display:block}.nav-end .btn,.nav-login{display:none}}
.flash{padding:16px 20px;border-radius:14px;font-weight:700;margin-bottom:24px}
.flash.ok{background:#E3F6EC;color:#006B40}.flash.err{background:#FCE9E7;color:#A4271F}
.errlist{list-style:none;margin:6px 0 0;padding:0;color:#A4271F;font-size:14px;font-weight:600}
.mnav-panel a{display:flex;align-items:center;gap:12px}
.mnav-panel a .ni{flex:none;width:20px;height:20px;color:#00B36B}
.mnav-panel .btn .ni{display:none}

/* menu icons */
.nav-menu{gap:22px!important}
.nav-menu a{display:inline-flex;align-items:center;gap:7px;padding:8px 0;position:relative;transition:color .2s}
.nav-menu .ni{flex:none;color:#9AA7A1;transition:color .2s,transform .25s}
.nav-menu a:hover .ni,.nav-menu a[aria-current="page"] .ni{color:var(--green,#00B36B)}
.nav-menu a:hover .ni{transform:translateY(-2px)}
.nav-menu a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:#00B36B;transform:scaleX(0);transition:transform .25s}
.nav-menu a:hover::after,.nav-menu a[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:1260px){.nav-menu{gap:18px!important;font-size:15px!important}.nav .wrap{gap:24px}}
@media(max-width:1140px){.nav-menu .ni{display:none}}
@media(prefers-reduced-motion:reduce){.nav-menu .ni,.nav-menu a::after{transition:none}}