/* Shared visual refresh: editorial Persian typography, calm surfaces, clear hierarchy. */
:root{--primary:#172b4d;--primary-light:#284b72;--accent:#c69a42;--accent-light:#e3bf70;--bg:#f5f6f4;--bg-card:#fff;--text:#172033;--text-muted:#667085;--border:#e4e8ed;--shadow:0 12px 34px rgba(20,35,56,.075);--radius:18px;--site-green:#176b59;--site-green-soft:#e7f3ef}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--bg);color:var(--text);font-family:'Vazirmatn Local','Vazirmatn',Tahoma,Arial,sans-serif;line-height:1.85;letter-spacing:0;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
:focus-visible{outline:3px solid #d7a743!important;outline-offset:3px!important}
header{background:#172b4d;box-shadow:0 5px 18px rgba(16,33,57,.1)}
.header-inner{max-width:1320px;min-height:76px;padding-inline:clamp(16px,3vw,38px);gap:16px}
.logo-area{gap:12px;flex-shrink:0}.logo-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#e7c66d,#c49a43);box-shadow:0 5px 14px #080f1b35}.logo-text h1{font-size:14px;line-height:1.6}.logo-text span{font-size:10px}
header nav{gap:4px;scrollbar-width:none}header nav a{padding:9px 12px;border-radius:10px;font-size:12px;min-height:42px;display:inline-flex;align-items:center}header nav a:hover,header nav a.active{background:#ffffff1b}
.header-category-menu>summary{min-height:42px;display:flex;align-items:center;border-radius:10px;padding:8px 12px;font-size:12px}
.header-search{border-color:#ffffff35;background:#ffffff12;border-radius:999px;min-height:42px}.header-search input{font-size:12px}.header-search button{border-radius:50%;background:#dfb85d}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,9vw,112px) 24px;background:linear-gradient(125deg,#152c4a 0%,#244b70 62%,#176555 120%);color:#fff}
.hero:after{content:"";position:absolute;z-index:-1;width:440px;height:440px;border:1px solid #ffffff24;border-radius:50%;inset-inline-end:-170px;top:-220px;box-shadow:0 0 0 42px #ffffff08,0 0 0 84px #ffffff05}.hero-content{max-width:850px}.hero h2{font-size:clamp(28px,4vw,46px);line-height:1.45;letter-spacing:-.5px}.hero p{font-size:clamp(14px,1.8vw,18px);max-width:650px;margin-inline:auto;color:#eef4f3}.hero-badge{background:#ffffff18;border:1px solid #ffffff32;border-radius:999px;padding:6px 14px;font-size:11px;letter-spacing:0}
.hero form input{min-height:50px!important;border-radius:14px!important;box-shadow:0 4px 12px #08182b18}.hero form button{min-height:50px;border-radius:14px!important;background:#e4bd65!important}
.container{max-width:1320px}.main-content{padding-block:clamp(30px,5vw,58px)}
.section-title{color:#193752;font-size:clamp(19px,2vw,25px);font-weight:800;border:0;margin:0 0 18px;padding:0}.section-title:before{width:5px;height:25px;border-radius:8px;background:var(--accent);margin-inline-end:12px}
.posts-grid{gap:22px}.post-card{border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(20,35,56,.035);overflow:hidden}.post-card:hover{border-color:#c9d5d8;box-shadow:0 6px 18px rgba(20,35,56,.075)}.card-img{background:#eef1ef}.card-body{padding:20px}.card-title{font-size:16px;line-height:1.8;color:#1b314b}.card-excerpt{font-size:13px;color:#5d6879;line-height:2}.card-meta{font-size:11px;color:#778294}
.post-single{max-width:920px;margin:34px auto;padding:clamp(22px,5vw,54px);border:1px solid var(--border);border-radius:22px;box-shadow:0 16px 46px rgba(20,35,56,.07)}.post-single h1{font-size:clamp(24px,3vw,36px);line-height:1.65;color:#1b3551}.post-single .post-meta{font-size:12px;gap:12px;flex-wrap:wrap}.post-single .post-content{font-size:17px;line-height:2.25;color:#283548}.post-single .post-content h2,.post-single .post-content h3{color:#1a4660;line-height:1.7}.post-content img{border-radius:14px}
.pagination a,.pagination span{min-width:42px;min-height:42px;border-radius:12px}.pagination a.current,.pagination a:hover{background:#1b4c64;border-color:#1b4c64;color:#fff}
.header-category-panel{border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 46px #14233824;overflow:hidden}.header-category-panel a{min-height:42px}
.tag-empty,.empty-state{border:1px dashed #cbd5d1;border-radius:16px;background:#fff;padding:40px 20px}
footer{background:#13243b;color:#e7edf2}footer a{color:#e3bf70}
@media(max-width:900px){.header-inner{flex-wrap:wrap;padding-top:10px}.logo-area{order:0}.header-search{order:1;margin-inline-start:auto!important}.header-inner nav{order:2;flex:0 0 100%;width:100%;padding-bottom:8px}header nav{justify-content:flex-start}.hero{padding-block:64px}}
@media(max-width:620px){.header-inner{gap:8px}.logo-icon{width:38px;height:38px}.logo-text h1{font-size:12px}.logo-text span{font-size:9px}.header-search{flex:1;max-width:52%;min-width:130px}.header-search input{min-width:0}.main-content{padding-block:24px}.post-single{margin:16px 10px;padding:22px 18px;border-radius:16px}.post-single .post-content{font-size:15px}.posts-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}