:root{--gradient-dir:to right;--bg-site:#fff;--bg-surface:#f8fafc;--bg-surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--radius-app:12px;--radius-button:8px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}html[lang=en]{--gradient-dir:to right;direction:ltr}html[lang=en] *,html[lang=en] input,html[lang=en] button,html[lang=en] textarea,html[lang=en] select{font-family:var(--font-en),system-ui,-apple-system,sans-serif}html[lang=ar]{--gradient-dir:to left;direction:rtl}html[lang=ar] *,html[lang=ar] input,html[lang=ar] button,html[lang=ar] textarea,html[lang=ar] select{font-family:var(--font-ar),system-ui,-apple-system,sans-serif}*,input,button,textarea,select{box-sizing:border-box;-webkit-tap-highlight-color:#0000;outline:none;margin:0;padding:0;text-decoration:none;list-style:none}body{background-color:var(--bg-site);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth)}@media (max-width:1023px){*{cursor:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--bg-surface)}.main-shadow{box-shadow:0 4px 0px 0px var(--border-color),0 12px 24px -4px #0f172a0d!important}.main-shadow:hover{transform:translateY(-4px);box-shadow:0 6px 0px 0px var(--main-color),0 16px 28px -4px #7c3aed1f!important}.post-detail-container{box-sizing:border-box;max-width:1120px;margin-inline:auto;padding-block:32px 80px;padding-inline:24px}@media (max-width:767px){.post-detail-container{padding-block:20px 60px;padding-inline:16px}}.post-breadcrumbs{color:var(--text-light);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;font-weight:600;display:flex}.post-breadcrumbs a{color:inherit;text-decoration:none;transition:color .3s cubic-bezier(.25,1,.5,1)}.post-breadcrumbs a:hover{color:var(--main-color)}.post-breadcrumbs span{color:var(--text-muted)}.post-header{text-align:center;margin-inline:auto;max-width:850px;margin-bottom:36px}.post-header .post-category-tag{background-color:var(--main-color-light);color:var(--main-color);border-radius:20px;margin-bottom:14px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.post-header h1{color:var(--text-main);margin-bottom:16px;font-size:32px;font-weight:900;line-height:1.4}@media (max-width:767px){.post-header h1{font-size:22px}}.post-header .post-meta{justify-content:center;display:flex}.post-header .post-meta .meta-group{color:var(--text-light);gap:20px;font-size:13px;font-weight:600;display:flex}@media (max-width:600px){.post-header .post-meta .meta-group{flex-direction:column;align-items:center;gap:6px}}.post-header .post-meta .meta-group .meta-item{align-items:center;gap:5px;display:flex}.post-hero-image{border-radius:20px;width:100%;height:500px;margin-bottom:48px;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000008}@media (max-width:767px){.post-hero-image{border-radius:12px;height:230px;margin-bottom:28px}}.post-hero-image .hero-img{object-fit:contain!important}.post-content-wrapper{box-sizing:border-box;max-width:800px;margin-inline:auto}.post-content-wrapper .post-main-body{color:var(--text-main);text-align:start;font-size:16.5px;line-height:1.85}.post-content-wrapper .post-main-body p{color:var(--text-muted);margin-bottom:20px;font-weight:600}.post-content-wrapper .post-main-body h2{color:var(--text-main);margin:40px 0 16px;font-size:23px;font-weight:900}.post-content-wrapper .post-main-body h3{color:var(--text-main);margin:28px 0 12px;font-size:19px;font-weight:800}.post-content-wrapper .post-main-body blockquote{background-color:var(--bg-surface);border-inline-start:4px solid var(--main-color);color:var(--main-color);border-radius:0 12px 12px 0;margin:36px 0;padding:24px 32px;font-size:18px;font-style:italic;font-weight:700}@media (max-width:767px){.post-content-wrapper .post-main-body blockquote{padding:16px;font-size:15.5px}}.post-content-wrapper .post-main-body ul{margin-bottom:28px;padding-inline-start:20px}.post-content-wrapper .post-main-body ul li{color:var(--text-muted);margin-bottom:10px;font-weight:600;list-style:outside}.post-share-bar{border-block:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:40px;padding-block:24px;display:flex}.post-share-bar span{color:var(--text-main);font-size:13.5px;font-weight:800}.post-share-bar .share-btns{gap:10px;display:flex}.post-share-bar .share-btns .share-btn{border:1px solid var(--border-color);background:var(--bg-surface);width:38px;height:38px;color:var(--text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.post-share-bar .share-btns .share-btn:hover{border-color:var(--main-color);color:var(--main-color);transform:translateY(-2px)}.related-posts-section{box-sizing:border-box;margin-top:64px}.related-posts-section .related-title{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px;display:flex}.related-posts-section .related-title h2{color:var(--text-main);margin:0;font-size:20px;font-weight:900}.related-posts-section .related-title .line{background-color:var(--main-color);border-radius:2px;width:40px;height:3px}.related-posts-section .related-card{background:var(--bg-surface);border:1px solid var(--border-color);will-change:transform,box-shadow;box-sizing:border-box;border-radius:16px;gap:16px;padding:12px;text-decoration:none;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);display:flex}.related-posts-section .related-card__img{background-color:var(--bg-site);border-radius:10px;flex-shrink:0;width:110px;height:90px;position:relative;overflow:hidden}.related-posts-section .related-card__img img{object-fit:cover}.related-posts-section .related-card__info{text-align:start;flex-direction:column;flex:1;justify-content:center;display:flex}.related-posts-section .related-card__info h3{color:var(--text-main);line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.related-posts-section .related-card__info span{color:var(--text-light);font-size:11.5px;font-weight:600}.related-posts-section .related-card:hover{border-color:var(--main-color);box-shadow:0 10px 20px #7c3aed08,0 4px 0px 0px var(--main-color);transform:translateY(-3px)}@media (max-width:480px){.related-posts-section .related-card{gap:12px;padding:10px}.related-posts-section .related-card__img{width:90px;height:80px}.related-posts-section .related-card h3{font-size:13px!important}}