@font-face{font-family:Vazir;src:url("fonts/Vazir-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazir;src:url("fonts/Vazir-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Vazir;src:url("fonts/Vazir-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
html body,body button,body input,body select,body textarea,body h1,body h2,body h3,body p,body a,body span{font-family:Vazir,Tahoma,sans-serif!important;letter-spacing:normal}
:root{--line:#e3eae6;--teal:#397c72;--navy:#29433f;--muted:#62736f}
body{background:#f7f8f5!important;color:#2e4540!important}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #73a99a;outline-offset:4px}
.blog-page-head,.hero{background:linear-gradient(115deg,#edf3ef,#faf8f2)!important;border-color:#e5ebe5!important}
.blog-page-head h1{font-size:36px;font-weight:700}.blog-page-head p{color:#62736f}.blog-layout{gap:32px}.blog-card,.sidebar-box,.content,.panel{border-color:#e4eae5!important;box-shadow:0 5px 22px #304d3c05!important;border-radius:22px!important;background:#fffefa!important}
.blog-card:hover{box-shadow:0 12px 28px #304d3c10!important;transform:translateY(-3px)}.blog-card-body{padding:22px}.blog-card h3{font-size:19px;line-height:1.9;color:#29433f;min-height:73px}.blog-card p{color:#61716c;font-size:13px}.blog-thumb-wrap{aspect-ratio:1200/630;margin:9px 9px 0;border-radius:16px}.blog-thumb-wrap img{transition:transform .5s}.blog-card:hover img{transform:scale(1.025)}.blog-meta{font-size:11px;color:#596d65;gap:6px}.blog-tag{background:#edf4ef;padding:2px 9px;border-radius:20px;color:#3f7566}.sidebar-title{font-size:19px}.sidebar-cat.active{background:#edf4ef;border-radius:10px;padding-inline:10px}.sidebar-post-index{color:#90aaa0;font-size:27px}.sidebar-post-copy small{color:#62736f}.blog-pagination button{border-radius:12px;font:inherit}.blog-pagination button.is-active{background:#397c72;border-color:#397c72}.hm-empty:not([hidden]){display:block}.demo-date-note{font-size:11px;color:#64756d;margin-top:9px}.content p{line-height:2.25}.content .cover{border-radius:19px}.callout,.hm-purpose{background:#eef5ef!important;border-color:#8daf9e!important}.top{background:#fffefa!important}
@media(max-width:900px){.blog-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar-box{margin:0}.sidebar-box:nth-child(n+3){display:none}.sidebar-cats{flex-direction:row;flex-wrap:wrap;gap:5px}.sidebar-cat{width:auto;border:0;padding:5px 8px;font-size:12px}.blog-layout{padding-top:20px}.sidebar-title{font-size:16px;margin-bottom:10px}}
@media(max-width:600px){.blog-sidebar{grid-template-columns:1fr}.blog-page-head h1{font-size:28px}.blog-card h3{min-height:0}.blog-card-body{padding:18px}.top .wrap{padding-inline:0}.top nav{gap:10px}.blog-grid{gap:20px}.content{padding:20px}.wrap{width:calc(100% - 24px);padding-inline:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Final responsive safeguards */
img,video{max-width:100%}input,select,textarea{max-width:100%}.blog-content,.blog-sidebar,.content,.main>*{min-width:0}.content a,.source a{overflow-wrap:anywhere}@media(max-width:600px){.content table{display:block;max-width:100%;overflow-x:auto}.top nav{min-width:0}.content h1,.content h2,.content h3{overflow-wrap:break-word}}