@font-face{font-family:Vazirmatn;src:url('/static/fonts/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--forest:#075c4d;--forest-deep:#034b40;--mint:#53b779;--paper:#fbfcfa;--surface:#fff;--soft:#f4f7f3;--line:#e2e8e3;--ink:#101d20;--muted:#6d7775;--maxw:1420px;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.wrap{width:min(var(--maxw),calc(100% - 64px));margin:auto}
.topbar{position:sticky;top:0;z-index:30;padding:14px 28px;background:transparent}.topbar>.wrap{width:min(1540px,100%);min-height:86px;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;background:rgba(255,255,255,.96);border:1px solid #e6ebe7;border-radius:22px;box-shadow:0 12px 35px rgba(23,43,36,.09);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:1.55rem;color:var(--forest-deep)}.brand img{width:52px;height:52px;object-fit:contain}.topbar-nav{display:flex;align-items:center;justify-content:center;gap:38px;height:100%;font-size:.88rem;font-weight:700}.topbar-nav a{position:relative;white-space:nowrap}.topbar-nav a:hover,.topbar-nav a.active{color:var(--forest)}.topbar-nav a.active:after{content:"";position:absolute;right:50%;bottom:-26px;width:16px;height:4px;border-radius:5px;background:var(--mint);transform:translateX(50%)}.topbar-actions{display:flex;align-items:center;gap:12px;direction:ltr}.topbar-actions a{padding:12px 20px;border-radius:10px;font-size:.8rem;font-weight:850;direction:rtl}.topbar-actions .login{border:1px solid #cddbd4;color:var(--forest)}.topbar-actions .start{background:linear-gradient(135deg,#096554,#03483e);color:#fff;box-shadow:0 9px 20px -14px #02382f}
.hero{position:relative;min-height:235px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff 0,#f9fbf8 62%,#f2f6f2 100%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 22% 55%,transparent 0 38px,rgba(68,150,106,.06) 39px 40px);mask-image:linear-gradient(90deg,#000,transparent 47%)}.hero-content{position:relative;text-align:center;z-index:2}.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.2;margin:8px 0 14px;font-weight:950;letter-spacing:-.04em;color:#071619}.hero p{margin:0;color:var(--muted);font-size:1.05rem}.hero-decoration{position:absolute;z-index:1}.hero-decoration-right{right:5%;top:40px;width:150px;height:105px;background-image:radial-gradient(#b8ddca 3px,transparent 4px);background-size:24px 24px;opacity:.65}.hero-decoration-left{left:4%;bottom:-35px;width:330px;height:180px;border-radius:55% 45% 0 0;background:radial-gradient(circle at 42% 40%,#c9e1d0 0 11%,#edf4ee 12% 33%,transparent 34%);filter:blur(.2px);opacity:.65}
.blog-layout{display:grid;grid-template-columns:335px minmax(0,1fr);grid-template-areas:"sidebar content";gap:30px;align-items:start;padding:18px 0 58px}.blog-layout>main{grid-area:content}.blog-layout>.blog-sidebar{grid-area:sidebar}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-card{min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px -27px rgba(12,44,35,.35);transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px -28px rgba(7,60,48,.42)}.post-card .cover{height:225px;margin:12px 12px 0;border-radius:13px;overflow:hidden;background:#eef2ee}.post-card .cover img{width:100%;height:100%;display:block;object-fit:cover}.post-card .body{display:flex;flex:1;flex-direction:column;padding:16px 18px 14px}.category-badge{align-self:flex-start;padding:5px 13px;border-radius:99px;background:#e7f6ec;color:#278557;font-size:.68rem;font-weight:850}.post-card h2{font-size:1.08rem;line-height:1.85;text-align:center;color:#112b27;margin:15px 0 11px;font-weight:900}.post-card p{margin:0;color:var(--muted);line-height:2;font-size:.78rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;color:#84908b;font-size:.62rem;border-top:1px solid #eef1ee}.post-meta i{margin-right:auto;font-size:1.25rem;color:#2f403c;font-style:normal}
.blog-sidebar{display:flex;flex-direction:column;gap:14px}.side-box{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:15px 18px;box-shadow:0 14px 35px -28px rgba(10,42,33,.35)}.side-box h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding-bottom:11px;border-bottom:1px solid var(--line);color:var(--forest-deep);font-size:.94rem}.side-box h3 i{color:var(--mint);font-style:normal}.side-list{display:flex;flex-direction:column}.side-list>a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ee;font-size:.72rem;line-height:1.65}.side-list>a:last-child{border-bottom:0}.side-list img{order:-1;flex:0 0 47px;width:47px;height:47px;border-radius:8px;object-fit:cover;background:#edf2ed}.side-list a>span{min-width:0}.side-list small{display:block;color:#929d98;font-size:.61rem;margin-top:3px}.category-link{justify-content:space-between}.category-link b{padding:3px 8px;border-radius:99px;background:#e8f5ed;color:#2c895b;font-size:.62rem}.pagination{display:flex;justify-content:center;gap:10px;padding:28px 0 0;direction:rtl}.pagination a{min-width:48px;padding:10px 16px;text-align:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--forest);font-weight:850}.pagination a.active{background:linear-gradient(135deg,#0a6554,#03483e);color:#fff}.empty{text-align:center;padding:80px;color:var(--muted)}
.site-footer{position:relative;overflow:hidden;padding:42px 0;background:linear-gradient(135deg,#07594d,#023d36);color:#fff}.site-footer:after{content:"";position:absolute;inset:auto -5% -80px -5%;height:180px;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,rgba(107,202,159,.12) 19px 20px)}.footer-inner{position:relative;z-index:1;width:min(var(--maxw),calc(100% - 64px));margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:.78rem}.footer-social{display:flex;align-items:center;gap:14px;direction:ltr;font-size:.75rem}.footer-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%}
/* Article */
.article-hero{padding:45px 0 18px;text-align:center}.article-top-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.article-top-meta a{color:var(--forest);font-weight:850}.article-hero h1{max-width:900px;margin:15px auto 12px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.55;color:var(--forest-deep)}.article-meta{color:var(--muted);font-size:.8rem}.article-layout{display:grid;grid-template-columns:310px minmax(0,1fr);grid-template-areas:"sidebar article";gap:25px;align-items:start;padding-bottom:55px}.article-main{grid-area:article;min-width:0}.article-layout>.article-sidebar{grid-area:sidebar}.article-body,.comments,.rating-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px -35px rgba(7,45,35,.35)}.article-body{padding:40px;font-size:1rem;line-height:2.15}.article-body h2,.article-body h3{color:var(--forest-deep);margin:30px 0 12px}.article-body p{margin:0 0 17px}.article-body img{max-width:100%;border-radius:14px}.article-cover-float{float:left;width:min(42%,390px);height:300px;margin:0 24px 18px 0;border-radius:16px;overflow:hidden;background:var(--soft)}.article-cover-float img{width:100%;height:100%;object-fit:cover}.article-body:after{content:"";display:block;clear:both}.article-sidebar{position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}.keywords{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.keywords a{padding:5px 10px;border-radius:99px;background:#e8f5ed;color:var(--forest);font-size:.68rem}.rating-box,.comments{padding:22px;margin:18px 0}.rating-box{text-align:center}.rating-box form{display:flex;direction:ltr;justify-content:center}.rating-box button{border:0;background:transparent;color:#d8a325;font-size:1.7rem;cursor:pointer}.comment-form{display:grid;gap:10px}.comment-form input,.comment-form textarea,.short-link{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font-family:inherit;background:var(--surface);color:var(--ink)}.comment-form button,.copy-btn{width:max-content;border:0;border-radius:9px;padding:10px 17px;background:var(--forest);color:#fff;font-family:inherit;font-weight:800;cursor:pointer}.comment{border-top:1px solid var(--line);padding:13px 0}.comment p{color:var(--muted);font-size:.8rem}.captcha-row{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--soft);border-radius:10px}.captcha-row input{width:90px}.share-box{text-align:center}.qr-image{width:140px}.back-link{display:inline-block;margin:20px 0;color:var(--forest);font-weight:800}.form-feedback{padding:12px;border-radius:10px}.form-feedback.ok{background:#e4f5eb;color:#176a46}.form-feedback.err{background:#fff0ed;color:#a53d32}
html[data-theme=dark]{--paper:#0d1715;--surface:#15231f;--soft:#1a2b26;--line:#30443d;--ink:#edf8f3;--muted:#a7bbb3;--forest:#69dcb0;--forest-deep:#dff8ee}.theme-toggle{order:-1}.blog-index[data-theme=dark]{background:#0d1715}html[data-theme=dark] .topbar>.wrap{background:rgba(19,34,30,.96);border-color:#30443d}html[data-theme=dark] .topbar-nav a,html[data-theme=dark] .post-card h2{color:#edf8f3}html[data-theme=dark] .hero{background:radial-gradient(circle at 50% 0,#1b302a,#0d1715 70%)}html[data-theme=dark] .hero h1{color:#edf8f3}html[data-theme=dark] .side-box,html[data-theme=dark] .post-card,html[data-theme=dark] .pagination a{background:#15231f;border-color:#30443d}html[data-theme=dark] .side-list>a,html[data-theme=dark] .post-meta{border-color:#293c35}html[data-theme=dark] .site-footer{background:#06130f}

/* Article detail layout — the shared site header intentionally remains unchanged. */
.blog-article{background:radial-gradient(circle at 100% 35%,rgba(120,169,51,.045),transparent 28%),var(--paper)}
.article-breadcrumb{display:flex;align-items:center;gap:9px;padding:16px 4px 13px;color:#84908b;font-size:.68rem;white-space:nowrap;overflow:hidden}.article-breadcrumb a{color:#66766f}.article-breadcrumb b{font-weight:600;text-overflow:ellipsis;overflow:hidden}.article-breadcrumb span{color:#a9b5b0}
.article-layout{direction:ltr;grid-template-columns:310px minmax(0,1fr);grid-template-areas:"sidebar article";gap:22px}.article-main,.article-sidebar{direction:rtl}.article-shell{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 55px -42px rgba(4,47,37,.38)}
.article-heading{padding:28px 34px 20px;text-align:right}.article-category{display:inline-block;padding:5px 14px;border:1px solid #96c2b0;border-radius:8px;color:var(--forest);font-size:.68rem;font-weight:850}.article-heading h1{max-width:850px;margin:14px 0 12px;color:var(--forest-deep);font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.55}.article-heading .article-top-meta{justify-content:flex-start;margin:0;color:#7c8984}.article-cover{width:95%;margin:0 auto;overflow:hidden;border-radius:14px;background:var(--soft)}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}
.article-summary{display:grid;grid-template-columns:1fr .8fr;margin:0 24px 22px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(90deg,#fbfcfa,#f6f9f4)}.article-summary>div{padding:18px 24px}.article-summary>div+div{border-right:1px solid var(--line)}.article-summary h2{margin:0 0 9px;color:var(--forest);font-size:.93rem}.article-summary ul{list-style:none;margin:0;padding:0}.article-summary li{position:relative;padding-right:19px;margin:5px 0;color:#44534f;font-size:.7rem}.article-summary li:before{content:"✓";position:absolute;right:0;color:#168460;font-weight:900}.summary-note{display:flex;flex-direction:column;justify-content:center;gap:9px;color:#65736e;font-size:.7rem}.summary-note span:before{content:"◌";margin-left:8px;color:var(--forest)}
.article-body{border:0;border-radius:0;box-shadow:none;margin:0;padding:4px 34px 34px;font-size:.88rem;line-height:2.25}.article-body h2{font-size:1.25rem;border-right:3px solid var(--mint);padding-right:10px}.article-body h3{font-size:1.08rem}.article-body blockquote{margin:20px 0;padding:14px 18px;background:#f2f7ef;border-right:4px solid var(--mint);border-radius:10px}.article-body ul li::marker{color:var(--forest)}
.article-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.author-box,.article-after .rating-box{display:flex;align-items:center;gap:14px;min-height:120px;margin:0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 38px -32px rgba(5,48,38,.34)}.author-avatar{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:#eef8f2}.author-avatar img{width:48px;height:48px;object-fit:contain}.author-box b{color:var(--forest-deep)}.author-box p,.article-after .rating-box p{margin:4px 0;color:var(--muted);font-size:.7rem}.article-after .rating-box{display:grid;grid-template-columns:1fr auto;text-align:right}.article-after .rating-box form{grid-column:2;grid-row:1/3}.article-after .rating-box button{padding:1px;font-size:1.45rem}
.article-sidebar{top:118px}.article-sidebar .side-box{padding:16px}.article-sidebar .side-list>a{font-size:.68rem}.article-sidebar .side-list img{width:54px;height:54px;flex-basis:54px}.side-more{display:block;margin-top:10px;padding:10px;text-align:center;border:1px solid var(--line);border-radius:10px;color:var(--forest);font-size:.68rem;font-weight:800}.app-promo{text-align:center;padding:24px 18px!important}.app-promo .promo-logo{width:76px;height:76px;object-fit:contain;margin:auto}.app-promo h3{display:block;border:0;margin:8px 0;color:var(--forest-deep);line-height:1.8}.app-promo p{margin:0 0 12px;color:var(--muted);font-size:.68rem;line-height:1.8}.app-promo .qr-image{display:block;width:150px;height:150px;padding:8px;margin:8px auto;border:1px solid var(--line);border-radius:12px;background:#fff}.app-promo .copy-btn{width:100%;margin-top:8px}.app-promo .short-link{font-size:.64rem}
.comments{margin-top:14px}.comments h2{margin-top:0;color:var(--forest-deep);font-size:1.1rem}
html[data-theme=dark] .article-summary{background:linear-gradient(90deg,#172720,#1a2c26)}html[data-theme=dark] .article-summary li,html[data-theme=dark] .summary-note{color:#b6c7c0}html[data-theme=dark] .article-body blockquote{background:#1a3129}html[data-theme=dark] .author-box,html[data-theme=dark] .article-after .rating-box,html[data-theme=dark] .article-shell{background:#15231f;border-color:#30443d}html[data-theme=dark] .author-avatar{background:#1d352d}
@media(max-width:1180px){.topbar-nav{gap:20px}.post-grid{grid-template-columns:repeat(2,1fr)}.blog-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:920px){.topbar-nav{display:none}.topbar>.wrap{grid-template-columns:auto 1fr}.topbar-actions{justify-self:end}.blog-layout,.article-layout{grid-template-columns:1fr}.blog-layout{grid-template-areas:"content" "sidebar"}.article-layout{grid-template-areas:"article" "sidebar"}.blog-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.article-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.article-after{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links,.footer-social{justify-content:center}}
@media(max-width:680px){.wrap,.footer-inner{width:min(100% - 28px,var(--maxw))}.topbar{padding:8px}.topbar>.wrap{min-height:66px;padding:0 13px;border-radius:16px}.brand span{display:none}.brand img{width:42px;height:42px}.topbar-actions .start{display:none}.topbar-actions a{padding:9px 12px}.hero{min-height:185px}.hero h1{font-size:2.45rem}.hero p{font-size:.82rem}.post-grid,.blog-sidebar,.article-sidebar{grid-template-columns:1fr}.post-card .cover{height:230px}.article-heading{padding:22px 19px 16px}.article-heading h1{font-size:1.45rem}.article-cover{height:235px;margin:0 12px 14px}.article-summary{grid-template-columns:1fr;margin:0 12px 16px}.article-summary>div+div{border-right:0;border-top:1px solid var(--line)}.article-body{padding:3px 19px 25px}.footer-links{gap:15px}.footer-brand{flex-direction:column}}