@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Regular.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#17162b;--muted:#6e6b86;--line:#e9e7f2;--violet:#6345e9;--paper:#fff;--soft:#f7f6fc}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.85}.blog-nav{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.blog-brand{color:var(--ink);font-weight:900;font-size:23px;text-decoration:none}.blog-brand span{color:var(--violet)}.blog-nav nav{display:flex;gap:20px}.blog-nav nav a{color:var(--muted);font-size:13px;text-decoration:none}.blog-nav nav a.active,.blog-nav nav a:hover{color:var(--violet);font-weight:800}.blog-shell,.article-shell{width:min(1120px,calc(100% - 38px));margin:auto}.blog-hero{padding:92px 0 36px;text-align:center}.blog-hero>span{color:var(--violet);font-size:11px;font-weight:900;letter-spacing:1.6px}.blog-hero h1{max-width:700px;margin:10px auto;font-size:39px;line-height:1.35;letter-spacing:-1.3px}.blog-hero p{margin:0;color:var(--muted);font-size:15px}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 30px}.category-tabs a{padding:8px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:12px;text-decoration:none}.category-tabs a.active,.category-tabs a:hover{border-color:var(--violet);background:var(--violet);color:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}.post-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:0 10px 30px rgba(39,28,90,.04);transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(39,28,90,.1)}.post-cover{display:block;height:190px;background:linear-gradient(135deg,#dcd5ff,#86ddea)}.post-cover img{width:100%;height:100%;object-fit:cover}.post-cover.no-image{display:grid;place-items:center}.post-cover.no-image span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.7);color:var(--violet);font-size:26px}.post-body{padding:18px}.post-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.post-meta span,.article-category{color:var(--violet);font-weight:800}.post-body h2{margin:9px 0 6px;font-size:17px;line-height:1.65}.post-body h2 a{color:var(--ink);text-decoration:none}.post-body p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:65px;margin:0;color:var(--muted);font-size:12px}.read-more{display:inline-block;margin-top:14px;color:var(--violet);font-size:12px;font-weight:800;text-decoration:none}.read-more i{font-style:normal}.blog-empty{grid-column:1/-1;display:grid;place-items:center;gap:4px;min-height:240px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.blog-empty b{color:var(--ink)}.article-shell{max-width:850px;padding:56px 0 80px}.article{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(39,28,90,.045)}.article-head{padding:54px 9% 28px;text-align:center}.article-category{font-size:12px;text-decoration:none}.article-head h1{margin:13px 0 9px;font-size:36px;line-height:1.5;letter-spacing:-1px}.article-head>p{margin:0 auto;color:var(--muted);font-size:15px}.article-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:19px;color:var(--muted);font-size:11px}.article-byline i{font-style:normal}.article-cover{margin:0}.article-cover img{display:block;width:100%;max-height:470px;object-fit:cover}.article-content{padding:37px 9%;font-size:15px;line-height:2.25}.article-content h2,.article-content h3{margin-top:1.7em;line-height:1.6}.article-content h2{font-size:25px}.article-content h3{font-size:20px}.article-content img{max-width:100%;height:auto;border-radius:13px}.article-content a{color:var(--violet)}.article-content blockquote{margin:1.5em 0;padding:14px 18px;border-right:4px solid var(--violet);background:#f6f3ff;color:#47435f}.article-content table{max-width:100%;border-collapse:collapse}.article-content th,.article-content td{padding:8px;border:1px solid var(--line)}.article-tags{display:flex;flex-wrap:wrap;gap:7px;padding:20px 9%;border-top:1px solid var(--line);font-size:11px}.article-tags span{padding:3px 8px;border-radius:99px;background:#f0edff;color:var(--violet)}body>footer{text-align:center;padding:24px;color:var(--muted);font-size:11px}@media(max-width:760px){.post-grid{grid-template-columns:1fr}.blog-hero{padding-top:60px}.blog-hero h1,.article-head h1{font-size:27px}.article-head{padding:37px 7% 22px}.article-content{padding:28px 7%;font-size:14px}.blog-nav nav{gap:12px}}

.blog-brand img{display:block;width:148px;max-width:100%;height:auto}

.article-search{display:flex;gap:8px;max-width:620px;margin:27px auto 0;background:white;border:1px solid var(--line);padding:7px;border-radius:14px;box-shadow:0 6px 24px #3b25620a}.article-search input{min-width:0;flex:1;border:0;outline:none;padding:9px 13px;font:inherit;font-size:13px;background:transparent;color:var(--ink)}.article-search:focus-within{border-color:var(--violet)}.article-search button{padding:10px 23px;background:var(--violet);color:white;border:0;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-results{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 20px}.article-results h2{font-size:18px;margin:0}.article-results>span{font-size:12px;color:var(--muted)}.article-results a,.blog-empty a{color:var(--violet);text-decoration:none}.post-body h3{margin:9px 0 6px;font-size:17px;line-height:1.65}.post-body h3 a{color:var(--ink);text-decoration:none}.post-cover{height:auto;aspect-ratio:16/9}.post-cover img{display:block}.post-grid{padding-bottom:32px}.article-pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding:5px 0 45px;font-size:12px}.article-pagination a{color:var(--violet);padding:9px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none}.article-back{display:inline-block;margin:0 0 20px;color:var(--muted);text-decoration:none;font-size:12px}.blog-hero{padding-top:65px}.blog-hero h1{font-size:34px}body>footer>a{color:var(--ink);text-decoration:none;font-weight:700}body>footer>span{margin-right:18px}.blog-nav a:focus-visible,.post-card a:focus-visible,.category-tabs a:focus-visible{outline:2px solid var(--violet);outline-offset:4px}@media(min-width:761px) and (max-width:1000px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-nav{height:auto;min-height:72px;gap:12px;flex-wrap:wrap;padding:15px 20px}.blog-brand img{width:118px}.blog-nav nav{gap:14px;flex-wrap:wrap}.blog-nav nav a{font-size:11px}.blog-hero{padding-top:40px}.blog-hero h1{font-size:27px}.blog-hero p{font-size:13px}.article-search input{font-size:11px;padding:8px}.article-search button{padding:9px 14px}.article-results h2{font-size:15px}.article-results>span{font-size:10px}.article-pagination{gap:12px}}

/* Shared, code-rendered brand frame: title and logo stay exact on every cover. */
.seojo-thumbnail{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:16/9;background:linear-gradient(125deg,#21183d 0%,#35225e 52%,#7853d7 100%);color:#fff;direction:rtl;container-type:inline-size;text-align:right}
.seojo-thumbnail::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,#21183df5 0%,#2b1a4cd9 43%,#38216425 75%);pointer-events:none}
.seojo-thumbnail::after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#48d5df,#a689ff);z-index:3}
.post-cover .seojo-thumbnail>.seojo-thumbnail-art,.article-cover .seojo-thumbnail>.seojo-thumbnail-art{position:absolute;inset:0 auto 0 0;width:66%;height:100%;max-height:none;object-fit:cover;object-position:center;border:0;mix-blend-mode:luminosity;opacity:.85}
.seojo-thumbnail-copy{position:absolute;z-index:2;right:7%;top:16%;width:65%;display:grid;gap:12px;gap:3cqw}
.seojo-thumbnail-label{font-size:9px;font-size:2.5cqw;color:#8de3ec;font-weight:650;line-height:1.5}
.seojo-thumbnail-copy strong{font-family:Vazirmatn,Tahoma,sans-serif;font-size:19px;font-size:5.1cqw;line-height:1.65;font-weight:900;color:#fff;text-shadow:0 2px 12px #17102850;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.seojo-thumbnail-brand{position:absolute;right:7%;bottom:9%;display:flex;align-items:center;gap:7px;z-index:2;font-family:Vazirmatn,Tahoma,sans-serif;font-size:12px;font-size:3cqw;color:#fff;line-height:1.2}
.post-cover .seojo-thumbnail-brand img,.article-cover .seojo-thumbnail-brand img{position:static;width:24px;width:6.5cqw;height:auto;max-height:none;object-fit:contain;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 2px 3px #140a2f40)}
.seojo-thumbnail-symbol{position:absolute;left:12%;top:12%;font-size:100px;color:#81cbdc;opacity:.4}
.post-cover{overflow:hidden}.article-cover .seojo-thumbnail{max-height:none}.post-cover:hover .seojo-thumbnail-art{opacity:1;transition:opacity .2s}