:root{--body-bg:#f1f5f9;--card-bg:#fff;--sidebar-bg:#0f172a;--primary:#2563eb;--primary-dark:#1d4ed8;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--soft:#f8fafc;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;text-align:right;background:var(--body-bg);color:var(--text);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.site-layout{display:flex;min-height:100vh}.site-sidebar{width:320px;background:var(--sidebar-bg);color:#fff;min-height:100vh;position:sticky;top:0;align-self:flex-start;padding:24px}.sidebar-inner{display:flex;flex-direction:column;gap:22px}.site-brand-box,.sidebar-menu-box,.sidebar-widget,.sidebar-empty-widget{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px}.site-brand-box{padding:22px}.custom-logo{max-width:180px;height:auto}.site-text-logo{display:block;font-size:28px;font-weight:800;color:#fff}.site-description{margin:8px 0 0;color:#cbd5e1;font-size:13px}.sidebar-section-title,.widget-title{margin:0 0 12px;padding:10px 12px;background:rgba(255,255,255,.08);border-right:4px solid var(--primary);border-radius:12px;font-size:15px;color:#fff}.sidebar-menu,.sidebar-widget ul{list-style:none;padding:0;margin:0}.sidebar-menu li,.sidebar-widget li{margin-bottom:8px}.sidebar-menu a,.sidebar-widget a{display:block;padding:10px 12px;color:#dbeafe;background:rgba(255,255,255,.04);border-radius:12px;transition:.2s}.sidebar-menu a:hover,.sidebar-widget a:hover{background:var(--primary);color:#fff}.sidebar-widget,.sidebar-empty-widget p{color:#cbd5e1}.sidebar-widget input,.sidebar-widget select,.sidebar-widget textarea{width:100%;border:0;border-radius:12px;padding:10px;font-family:inherit}.sidebar-widget button,.sidebar-widget input[type=submit]{background:var(--primary);color:#fff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font-family:inherit}.site-main{width:calc(100% - 320px);padding:32px}.hero-card,.tools-card,.posts-card,.single-card,.site-footer{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:24px;box-shadow:0 12px 30px rgba(15,23,42,.04)}.eyebrow{display:inline-flex;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;margin-bottom:12px}.hero-card h1{margin:0 0 10px;font-size:34px;line-height:1.5}.hero-card p,.section-desc,.tools-note,.footer-bottom{color:var(--muted)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.section-heading span{width:8px;height:34px;background:var(--primary);border-radius:999px}.section-heading h2{margin:0;font-size:24px}.tool-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.tool-tab{border:0;background:#f1f5f9;color:#334155;padding:10px 16px;border-radius:14px;font-family:inherit;cursor:pointer}.tool-tab.active,.tool-tab:hover{background:var(--primary);color:#fff}.tool-title{margin:0 0 18px;background:#f1f5f9;color:#0f172a;padding:14px 16px;border-radius:14px;border-right:4px solid var(--primary);font-size:18px}.form-grid{display:grid;gap:16px;margin-bottom:18px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid label{display:block;margin-bottom:7px;font-size:13px;color:#334155;font-weight:700}.form-grid input{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-family:inherit;outline:none}.form-grid input:focus{border-color:var(--primary)}.calc-btn,.read-more{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--primary);color:#fff;padding:11px 18px;border-radius:14px;font-family:inherit;cursor:pointer}.calc-btn:hover,.read-more:hover{background:var(--primary-dark)}.result-box{margin-top:18px;background:#eff6ff;color:#1e40af;border-radius:16px;padding:16px}.hidden{display:none!important}.tools-note{font-size:12px;margin:18px 0 0}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post-item{background:var(--soft);border:1px solid var(--border);border-radius:18px;overflow:hidden}.post-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#e2e8f0}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-content{padding:18px}.post-title{margin:0 0 8px;font-size:19px;line-height:1.7}.post-title a:hover{color:var(--primary)}.post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:12px;margin-bottom:12px}.post-excerpt{color:#475569;margin-bottom:14px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.pagination a,.pagination span{background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 13px}.pagination .current{background:var(--primary);color:#fff}.single-thumb{margin:-28px -28px 24px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;max-height:420px}.single-header h1{margin:0 0 10px;font-size:32px;line-height:1.6}.single-content{color:#1e293b;font-size:16px}.single-content a{color:var(--primary)}.single-content img{border-radius:16px}.post-tags{margin-top:24px}.post-tags a{display:inline-flex;background:#f1f5f9;color:#334155;padding:6px 12px;border-radius:999px;margin:4px;font-size:13px}.post-navigation{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.post-navigation a{display:inline-flex;background:#fff;border:1px solid var(--border);padding:10px 14px;border-radius:14px}.footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.footer-widget{background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:18px}.footer-widget-title{margin:0 0 12px;font-size:16px;border-right:4px solid var(--primary);padding-right:10px}.footer-widget ul{list-style:none;padding:0;margin:0}.footer-bottom{border-top:1px solid var(--border);padding-top:16px;font-size:13px}.footer-bottom p{margin:0}.empty-content{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:20px;color:var(--muted)}@media(max-width:1024px){.site-layout{flex-direction:column}.site-sidebar{width:100%;min-height:auto;position:relative}.site-main{width:100%;padding:20px}.posts-grid,.form-grid.three,.form-grid.two,.footer-widgets{grid-template-columns:1fr}}@media(max-width:640px){.site-sidebar,.site-main{padding:16px}.hero-card,.tools-card,.posts-card,.single-card,.site-footer{padding:20px;border-radius:18px}.hero-card h1,.single-header h1{font-size:25px}.section-heading h2{font-size:20px}}
