body{direction:rtl}.blog-page,.article-page,.write-page{position:relative;z-index:2;padding-top:155px;padding-bottom:90px}.blog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-kicker{font-size:.78rem;color:#67e8f9;letter-spacing:.4px}.blog-head h1,.write-card h1{font-size:clamp(2rem,4vw,3.5rem);margin:4px 0;color:#f4f7ff}.blog-btn{font:inherit;text-decoration:none;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;display:inline-flex;justify-content:center;gap:8px}.primary{font-weight:800;color:#06121a;background:linear-gradient(130deg,#69f1fb,#a880ff);box-shadow:0 9px 30px rgba(34,211,238,.17)}.toolbar{border:1px solid rgba(255,255,255,.09);background:rgba(13,16,34,.65);padding:10px;border-radius:16px;display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}.search-box{background:rgba(255,255,255,.045);border-radius:10px;padding:7px 12px;color:#6ee7f8;flex:1;max-width:400px}.search-box input{width:90%;border:0;outline:0;background:transparent;color:#fff;font:inherit;padding-right:4px}.filter-pills{display:flex;gap:5px}.filter{font:inherit;color:#9aa5b9;background:transparent;border:0;border-radius:10px;padding:7px 13px;cursor:pointer}.filter.active,.filter:hover{background:rgba(123,97,255,.16);color:#dacfff}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(20,23,48,.88),rgba(8,10,25,.76));border-radius:18px;overflow:hidden;transition:.25s}.post-card:hover{transform:translateY(-5px);border-color:rgba(76,218,247,.35)}.post-cover,.article-cover{height:168px;background:linear-gradient(135deg,#18284f,#4b2774);overflow:hidden}.post-cover:after,.article-cover:after{content:'✦';font-size:6rem;color:rgba(255,255,255,.1);position:absolute;margin:25px}.post-cover img,.article-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.post-card-body{padding:18px}.post-meta{display:flex;align-items:center;justify-content:space-between;color:#8190a6;font-size:.72rem}.author{display:flex;align-items:center;gap:6px}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7c57dd,#17bfc9);font-weight:700}.post-card h2{font-size:1rem;margin:12px 0 7px;line-height:1.8;color:#f0f5ff}.post-card p{font-size:.83rem;line-height:1.8;color:#9ba8bb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-foot{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:.76rem;margin-top:16px}.post-foot button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}.post-foot a{margin-right:auto;color:#7ae8f7;text-decoration:none}.liked{color:#ff6b98!important}.empty-state{text-align:center;padding:60px;color:#a2aec0}.article-page{max-width:900px}.back-link{display:inline-block;color:#8eeef8;text-decoration:none;margin-bottom:17px}.article-card,.write-card{border:1px solid rgba(255,255,255,.1);background:rgba(10,13,31,.83);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.22)}.article-cover{height:330px}.article-body{padding:36px 50px}.article-body h1{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.55;margin:20px 0}.article-text{white-space:pre-wrap;color:#c5d0df;line-height:2.25;font-size:1rem}.article-like,.comment-like{font:inherit;border:1px solid rgba(255,255,255,.12);background:#151a33;border-radius:10px;padding:8px 12px;color:#cbd5e1;cursor:pointer}.article-like{margin-top:28px}.comments{border-top:1px solid rgba(255,255,255,.1);margin-top:27px;padding-top:24px}.comments h2{font-size:1.15rem}.comment-form{display:flex;gap:8px;margin:16px 0}.comment-form input{flex:1;font:inherit;border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:10px;background:#121832;color:#fff;outline:0}.comment-form button{font:inherit;border:0;background:#74e7f6;color:#071018;border-radius:10px;padding:8px 16px;font-weight:bold;cursor:pointer}.comment{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#b6c2d5}.comment b{color:#76e8f8}.comment p{margin:5px 0 0;line-height:1.8}.no-comments{color:#8d99ad}.write-page{max-width:800px}.write-card{padding:40px 48px}.write-lead{color:#9fabbd;margin-bottom:26px}.write-card label:not(.image-upload){display:block;font-size:.85rem;color:#dbe5f2;margin-top:15px}.write-card input:not([type=file]),.write-card textarea{box-sizing:border-box;margin-top:7px;width:100%;font:inherit;color:#eef6ff;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 12px;outline:0;resize:vertical}.write-card small{display:block;text-align:left;color:#728098}.image-upload{margin-top:17px;border:1px dashed rgba(107,232,247,.38);border-radius:12px;background:rgba(43,206,235,.035);padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.image-upload input{display:none}.upload-icon{font-size:1.4rem;color:#6aeafa}.image-upload b,.image-upload i{display:block;font-style:normal;font-size:.8rem}.image-upload i{color:#7f8da2;font-size:.7rem;margin-top:2px}.image-preview{height:150px;margin-top:12px;position:relative}.image-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}.image-preview button{position:absolute;top:8px;left:8px;width:30px;height:30px;border:0;border-radius:50%;color:white;background:#111a;cursor:pointer;font-size:1.2rem}.publish-btn{width:100%;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:500;background:#15243c;color:#e8fbff;border:1px solid rgba(105,232,248,.3);border-radius:12px;padding:10px 18px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.not-found{text-align:center;padding:110px 0}@media(max-width:750px){.blog-head{align-items:start;gap:18px;flex-direction:column}.posts-grid{grid-template-columns:repeat(2,1fr)}.article-body,.write-card{padding:25px 20px}.article-cover{height:230px}}@media(max-width:520px){.blog-page,.article-page,.write-page{padding-top:125px}.toolbar{flex-direction:column}.search-box{max-width:none}.posts-grid{grid-template-columns:1fr}.filter-pills{overflow:auto}.comment-form{flex-direction:column}.article-body{padding:22px 17px}.article-cover{height:190px}.blog-btn{padding:11px 14px}}
/* مقاله و ویرایشگر حرفه‌ای */
.article-page{max-width:1180px}.article-card{border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.article-cover{display:block;width:75%;height:clamp(280px,43vw,540px);margin:0 auto 42px;border-radius:3px;object-fit:cover;background:linear-gradient(135deg,#18284f,#4b2774)}.article-body{max-width:820px;margin:auto;padding:0}.article-body h1{font-size:clamp(2rem,4vw,3.4rem);margin:18px 0 24px;line-height:1.45}.article-text{font-size:1.08rem;line-height:2.35;color:#d4ddea}.article-text h2,.article-text h3{color:#fff;margin:1.8em 0 .55em;line-height:1.6}.article-text ul,.article-text ol{padding-right:1.7em}.article-text blockquote{margin:1.5em 0;padding:10px 18px;border-right:3px solid #67e8f9;color:#b9c8dd;background:rgba(103,232,249,.06)}.article-text a{color:#7debf9}.article-text figure{width:100%;margin:2em auto;text-align:center}.article-text figure img{display:block;width:min(100%,720px);max-height:540px;object-fit:cover;margin:auto;border-radius:3px}.article-text figcaption{font-size:.8rem;color:#8492a9;margin-top:8px}.feature-upload{margin-top:18px;border:1px dashed rgba(107,232,247,.38);border-radius:12px;background:rgba(43,206,235,.035);padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.feature-upload input{display:none}.feature-upload b,.feature-upload i{display:block;font-style:normal;font-size:.8rem}.feature-upload i{color:#7f8da2;font-size:.72rem;margin-top:2px}.editor-label{display:block;font-size:.85rem;color:#dbe5f2;margin-top:23px}.editor-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:11px 11px 0 0;padding:8px}.editor-toolbar button,.inline-image-btn{width:33px;height:31px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#e2e8f0;font:inherit;cursor:pointer}.editor-toolbar button:hover,.inline-image-btn:hover{background:rgba(103,232,249,.16);color:#70e9f6}.swatch{width:19px!important;height:19px!important;border-radius:50%!important;margin:0 4px}.swatch.yellow{background:#fde68a}.swatch.green{background:#a7f3d0}.swatch.blue{background:#bfdbfe}.inline-image-btn input{display:none}.rich-editor{min-height:300px;box-sizing:border-box;width:100%;padding:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:0 0 11px 11px;color:#eef6ff;outline:0;line-height:2.1}.rich-editor:empty:before{content:attr(data-placeholder);color:#718096;pointer-events:none}.rich-editor p{margin:0 0 1em}.rich-editor figure{margin:1.4em 0;text-align:center}.rich-editor figure img{max-width:100%;max-height:420px;object-fit:cover}.rich-editor figcaption{font-size:.75rem;color:#8795aa}.comment-form textarea{flex:1;min-height:48px;resize:vertical;font:inherit;border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:10px;background:#121832;color:#fff;outline:0}.comment-note{font-size:.78rem;color:#8edfeb;margin:-6px 0 13px}.comment-form button{height:fit-content}@media(max-width:750px){.article-cover{width:100%;height:280px;margin-bottom:28px}.article-body{padding:0}.rich-editor{min-height:240px}}@media(max-width:520px){.article-cover{height:220px}.comment-form{flex-direction:column}.comment-form button{width:100%}}
/* تجربه‌ی بلوکیِ ویرایشگر و تصویر شاخص تمام‌صفحه */
.article-page{max-width:none;width:100%;padding-left:clamp(16px,4vw,64px);padding-right:clamp(16px,4vw,64px)}.article-cover{width:min(96vw,1540px);height:clamp(360px,58vw,760px);margin:0 auto 48px;border-radius:10px}.article-body{max-width:860px}.editor-shell{border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(7,11,27,.55);overflow:hidden}.editor-toolbar{border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:rgba(255,255,255,.035);padding:9px 11px}.editor-toolbar button{width:auto;min-width:34px;padding:0 8px;font-size:.86rem}.tool-divider{width:1px;height:23px;background:rgba(255,255,255,.13);margin:0 2px}.swatch{width:22px!important;min-width:22px!important;height:22px!important;border:2px solid rgba(255,255,255,.45)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.swatch.yellow{background:#765b00}.swatch.green{background:#075b54}.swatch.blue{background:#1e4f91}.rich-editor{border:0;border-radius:0;min-height:370px;padding:24px 28px;background:transparent;font-size:1rem;line-height:2.25}.rich-editor:focus{box-shadow:inset 0 0 0 1px rgba(103,232,249,.28)}.rich-editor h2{font-size:1.65rem;margin:1.4em 0 .55em}.rich-editor ul,.rich-editor ol{padding-right:1.8em}.rich-editor .editor-image-block{display:block;width:min(100%,760px);margin:2em auto;padding:0;border:1px solid rgba(255,255,255,.13);background:#10172d}.rich-editor .editor-image-block img{display:block;width:100%;max-height:520px;object-fit:contain;background:#080c18}.rich-editor .editor-image-block figcaption{padding:8px 12px;min-height:22px;text-align:center;font-size:.78rem;color:#aebbd0;outline:0}.rich-editor .editor-image-block figcaption:empty:before{content:attr(data-placeholder);color:#63718a}.block-inserter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 16px;border-top:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.025);font-size:.78rem;color:#8492a9}.insert-image-action{color:#78eafa;background:rgba(69,214,238,.1);border:1px solid rgba(103,232,249,.22);padding:7px 10px;border-radius:8px;cursor:pointer}.insert-image-action input{display:none}.block-inserter small{font-size:.7rem;color:#76849c}@media(max-width:750px){.article-page{padding-left:16px;padding-right:16px}.article-cover{width:100%;height:clamp(260px,72vw,430px);margin-bottom:32px;border-radius:6px}.rich-editor{padding:18px 15px;min-height:300px}.block-inserter{align-items:flex-start}.tool-divider{display:none}}
/* اندازه‌ی متعادل تصویر شاخص و پیام انتشار */
.article-cover{width:min(88vw,1280px);height:clamp(330px,48vw,630px);margin-right:auto;margin-left:auto}.top-toast{top:92px;bottom:auto;min-width:min(92vw,440px);text-align:center;box-shadow:0 14px 38px rgba(0,0,0,.35);font-weight:700}.top-toast.show{transform:translate(-50%,0)}@media(max-width:750px){.article-cover{width:100%;height:clamp(250px,62vw,410px)}}
/* نوشتن تمام‌صفحه، بلوک‌های محتوا و مدیریت وبلاگ */
.write-page{max-width:1180px;margin:auto;padding-left:clamp(18px,5vw,80px);padding-right:clamp(18px,5vw,80px)}.write-card{border:0;background:transparent;box-shadow:none;border-radius:0;max-width:1000px;margin:auto;padding:12px 0}.write-card h1{font-size:clamp(2.3rem,5vw,4.2rem)}.write-lead{font-size:1rem}.primary{background:linear-gradient(130deg,#3bc6d5,#7250c9);color:#f8fbff;box-shadow:0 10px 28px rgba(29,157,179,.22)}.blog-head-actions{display:flex;align-items:center;gap:10px}.mine-btn{color:#d5e5f5;background:#18243a;border:1px solid rgba(124,214,236,.3)}.mine-btn:hover{background:#22334e}.editor-quote{position:relative;margin:1.7em 0;padding:20px 28px 20px 24px;border-right:4px solid #59d9eb;background:rgba(16,30,45,.82);color:#c8d7ea;font-size:1.12rem;line-height:2.25;min-height:40px}.editor-quote:empty:before,.editor-quote br:only-child:before{content:attr(data-placeholder);color:#71839b}.article-text blockquote{border-right:4px solid #59d9eb;background:rgba(16,30,45,.82);padding:20px 28px;color:#c8d7ea;font-size:1.12rem}.editor-image-block{position:relative!important;resize:none!important}.editor-image-block img{resize:none!important;pointer-events:none}.delete-block{position:absolute!important;z-index:5;top:9px;left:9px;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border-radius:50%!important;background:rgba(12,18,34,.86)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:1.25rem!important}.editor-code{margin:1.7em 0;background:#101622;border:1px solid #2b3d57;border-radius:9px;overflow:hidden;direction:ltr;text-align:left;color:#d6e6ff}.code-head{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#182235;color:#8fc8ff;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.code-head select{margin-left:auto;background:#24324b;color:#d8eaff;border:0;border-radius:4px;padding:3px 7px;font:inherit}.editor-code pre{margin:0;padding:18px;min-height:100px;outline:0;white-space:pre-wrap;tab-size:2;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a9e6ff}.editor-code pre:empty:before{content:attr(data-placeholder);color:#657b9d}.article-text .editor-code,.article-text pre{direction:ltr;text-align:left;background:#101622;border:1px solid #2b3d57;border-radius:9px;padding:18px;overflow:auto;color:#a9e6ff;white-space:pre-wrap;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.manage-post{display:flex;gap:8px;margin-top:18px}.manage-post a,.manage-post button{font:inherit;font-size:.78rem;border:1px solid rgba(110,228,248,.25);border-radius:8px;padding:7px 11px;color:#82e8f6;background:transparent;text-decoration:none;cursor:pointer}.manage-post button{color:#ff9cad;border-color:rgba(255,125,160,.32)}
@media(max-width:650px){.blog-head-actions{width:100%}.blog-head-actions>*{flex:1}.write-page{padding-left:18px;padding-right:18px}.write-card h1{font-size:2.2rem}.editor-quote{padding:16px 18px}.blog-head-actions{flex-wrap:wrap}}

/* Dark editorial polish and consistent block controls */
body{background:#03050a;color:#e8edf7}.grid-overlay{opacity:.26}.glow-orb{opacity:.3}.write-card,.article-card{background:transparent}.write-lead{color:#8190a7}.write-card input:not([type=file]){background:#080c14;border-color:#202a3a}.write-card input:not([type=file]):focus{border-color:#4a7182;box-shadow:0 0 0 3px rgba(74,113,130,.14)}.feature-upload{background:#070c13;border-color:#314353}.feature-upload:hover{background:#0a111a;border-color:#4d7889}.editor-shell{background:#060a11;border-color:#202b3b}.editor-toolbar{background:#090e17;border-color:#202b3b}.rich-editor{background:#050910}.block-inserter{background:#080d15;border-color:#273343}.insert-image-action{height:38px;display:inline-flex;align-items:center;justify-content:center;font:inherit;line-height:1;padding:0 13px;color:#bfdae5;background:#0d1721;border-color:#2d4c5a}.insert-image-action:hover{background:#132331;color:#e7fbff}.editor-quote{border-right-color:#4e9cad;background:#0b131d;color:#c7d4e0}.article-text blockquote{border-right-color:#4e9cad;background:#0b131d;color:#c7d4e0}.editor-code{background:#05080d;border-color:#263545}.code-head{height:44px;background:#0b111a;color:#a9cadc}.code-head select{background:#121d2b;color:#d9edf7;border:1px solid #2d4355}.editor-code pre{background:#060a10;color:#b9e5fa}.field-error{margin-top:6px!important;text-align:right!important;color:#ff7183!important;font-size:.74rem!important;font-weight:700}.is-invalid{border-color:#ef5367!important;box-shadow:0 0 0 3px rgba(239,83,103,.12)!important}.feature-upload.is-invalid{border-style:solid!important}.drag-handle{position:absolute;z-index:4;right:9px;top:9px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:rgba(5,10,17,.88);color:#cfe3ec;cursor:grab;font-size:17px;letter-spacing:-4px;line-height:1}.drag-handle:active{cursor:grabbing}.editor-image-block[draggable="true"]{cursor:default}.editor-image-block.is-dragging{opacity:.38;outline:2px dashed #64d9e8;outline-offset:4px}.article-text .code-head{height:44px}.article-text .code-language{margin-left:auto;border:1px solid #2d4355;border-radius:5px;padding:4px 8px;color:#d9edf7;background:#121d2b;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.article-text .editor-code .delete-block{display:none!important}
/* The “write your blog” call-to-action is deliberately deep, not neon. */
.blog-head .primary,.publish-btn{background:linear-gradient(135deg,#123542,#1b2743);border:1px solid #315b69;box-shadow:0 10px 25px rgba(0,0,0,.3)}.blog-head .primary:hover,.publish-btn:hover{background:linear-gradient(135deg,#174554,#26335a)}.nav-links a.cta-link{background:#112c39!important;border:1px solid #315969!important;color:#d8f3f6!important;box-shadow:none!important}.nav-links a.cta-link:hover{background:#183d4c!important}
/* Dragging works from the image itself as well as its handle. */
.rich-editor .editor-image-block img{pointer-events:auto}
/* مرتب‌سازی ابزارهای افزودن بلوک */
/* مرتب‌سازی ابزارهای افزودن بلوک */
.block-inserter{align-items:center;min-height:62px}.block-inserter>span{height:40px;display:inline-flex;align-items:center}.insert-image-action{box-sizing:border-box;height:40px!important;min-height:40px;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap}.block-inserter button.insert-image-action{font-family:inherit}.editor-toolbar .link-tool{width:auto;min-width:72px;padding:0 10px;font-family:inherit;font-size:.77rem}.editor-image-block img{pointer-events:auto}.rich-editor .editor-image-block{touch-action:none;user-select:none}.drag-handle{pointer-events:none}.editor-image-block.is-dragging{opacity:.55;outline:2px dashed #64d9e8;outline-offset:4px}.code-copy{margin-left:auto;border:1px solid #36566a;border-radius:5px;background:#122230;color:#d7f4fa;padding:4px 10px;cursor:pointer;font:12px Vazirmatn,Vazir,ui-monospace,monospace}.code-copy:hover{background:#1c3647}.article-text .code-language{margin-left:0}.article-text .code-head{gap:8px}
/* انتخابگرهای یکپارچه‌ی رنگ */
.color-tool{position:relative}.editor-toolbar .color-menu-toggle{display:inline-flex;align-items:center;gap:6px;min-width:auto;padding:0 10px;font-family:inherit;font-size:.78rem}.color-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.72);display:inline-block}.highlight-dot{background:#facc15}.text-dot{background:linear-gradient(135deg,#f87171 0 33%,#60a5fa 33% 66%,#c084fc 66%)}.color-menu{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:none;width:188px;padding:11px;border:1px solid #304256;border-radius:10px;background:#0b111b;box-shadow:0 13px 30px rgba(0,0,0,.45)}.color-menu.open{display:block}.color-menu>span{display:block;margin-bottom:9px;color:#aebfd0;font-size:.72rem}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.editor-toolbar .color-grid button{width:25px;min-width:25px;height:25px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.35)}.editor-toolbar .color-grid button:hover{transform:scale(1.14);outline:2px solid #dff9ff;background:var(--swatch)}
/* بلوک کد با رنگ‌بندی خوانا */
.editor-code pre{color:#c9d9e9;caret-color:#fff}.editor-code .delete-block{position:static!important;margin-right:auto;width:25px!important;min-width:25px!important;height:25px!important;background:#162435!important;color:#d4e5f4!important;font-size:1rem!important}.tok-comment{color:#718096;font-style:italic}.tok-string{color:#a5d6a7}.tok-keyword{color:#c792ea}.tok-literal{color:#f78c6c}.tok-number{color:#f9c74f}.tok-tag{color:#f07178}.tok-attr,.tok-property{color:#82aaff}.article-text .editor-code pre{color:#c9d9e9}.article-text .tok-comment{color:#718096}.article-text .tok-string{color:#a5d6a7}.article-text .tok-keyword{color:#c792ea}.article-text .tok-literal{color:#f78c6c}.article-text .tok-number{color:#f9c74f}.article-text .tok-tag{color:#f07178}.article-text .tok-attr,.article-text .tok-property{color:#82aaff}
/* هر سه کنترل افزودن بلوک، هم‌قد و روی یک خط */
.block-inserter{display:grid;grid-template-columns:auto repeat(3,max-content);align-items:center;gap:10px}.block-inserter>span{height:40px;white-space:nowrap}.block-inserter .insert-image-action,.block-inserter button.insert-image-action{height:40px!important;margin:0;align-self:center}@media(max-width:720px){.block-inserter{grid-template-columns:repeat(3,max-content)}.block-inserter>span{grid-column:1/-1;height:auto}.color-menu{right:auto;left:0}}@media(max-width:470px){.block-inserter{grid-template-columns:1fr}.block-inserter .insert-image-action,.block-inserter button.insert-image-action{width:100%}}
/* چینش دقیق دکمه‌های افزودن بلوک */
.block-inserter label.insert-image-action{margin-top:0!important;margin-bottom:0!important;align-self:center!important}
.block-inserter>.insert-image-action,.block-inserter>button.insert-image-action{margin-top:0!important;margin-bottom:0!important;transform:none!important}
/* صفحه‌ی نگارش تمام‌عرض */
.write-page{box-sizing:border-box;max-width:none!important;width:100%!important;margin:0!important;padding-left:clamp(20px,5vw,96px)!important;padding-right:clamp(20px,5vw,96px)!important}.write-card{max-width:none!important;width:100%!important;margin:0!important}.write-card form{width:100%}
/* متن روی هایلایت همیشه خوانا می‌ماند */
.rich-editor span[style*="background-color"],.article-text span[style*="background-color"]{color:#101827!important;text-shadow:none;padding:1px 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rich-editor span[style*="background-color"] font,.article-text span[style*="background-color"] font{color:inherit}

.empty-state .empty-new-post{margin-top:18px;display:inline-flex;min-width:145px}

/* ============================================================
   افزوده‌های وبلاگ متصل به بک‌اند (تیک رسمی، پیش‌نویس، دیدگاه، گزارش، پیش‌نمایش)
   ============================================================ */
.blog-loading { padding: 48px 0; text-align: center; color: #8aa; opacity: .8; font-size: .95rem; }

/* تیک تأیید رسمی */
.verified-tick {
  display: inline-flex; align-items: center; justify-content: center;
  width: 17px; height: 17px; margin-inline-start: 5px; border-radius: 50%;
  background: linear-gradient(135deg, #00f0ff, #60a5fa); color: #041018;
  font-size: 11px; font-weight: 800; vertical-align: middle;
  box-shadow: 0 0 10px rgba(0,240,255,.55);
}
.official-badge {
  position: absolute; inset-inline-start: 12px; top: 12px; z-index: 2;
  background: linear-gradient(135deg, #00f0ff, #60a5fa); color: #041018;
  font-weight: 800; font-size: .72rem; padding: 4px 10px; border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0,240,255,.4);
}
.published-badge { background: linear-gradient(135deg,#4ade80,#22d3ee) !important; }
.draft-badge {
  position: absolute; inset-inline-start: 12px; top: 12px; z-index: 2;
  background: rgba(183,122,255,.92); color: #0c0616; font-weight: 800;
  font-size: .72rem; padding: 4px 10px; border-radius: 999px;
}
.post-card.official, .article-card.official {
  border: 1px solid rgba(0,240,255,.45);
  box-shadow: 0 0 0 1px rgba(0,240,255,.15), 0 18px 40px rgba(0,0,0,.45);
}
.post-cover { position: relative; }
.official-note {
  margin: 10px 0 4px; padding: 10px 14px; border-radius: 12px;
  background: rgba(0,240,255,.09); border: 1px solid rgba(0,240,255,.35);
  color: #7fe9ff; font-size: .9rem; font-weight: 700;
}
.post-meta .author { display: inline-flex; align-items: center; gap: 6px; }
.post-meta .avatar {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%; font-style: normal; font-size: .72rem;
  font-weight: 800; color: #041018; background: linear-gradient(135deg,#b77aff,#ff4d94);
}

/* دکمه‌های عمومی */
.blog-btn {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  padding: 10px 18px; border-radius: 12px; font-weight: 700; font-size: .92rem;
  border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06);
  color: #e8f0ff; transition: .18s; font-family: inherit;
}
.blog-btn:hover { transform: translateY(-1px); background: rgba(255,255,255,.12); }
.blog-btn.primary { background: linear-gradient(135deg,#00f0ff,#b77aff); color: #05070d; border: none; }
.blog-btn.ghost { background: transparent; }
.blog-btn.draft-btn { border-color: rgba(183,122,255,.5); color: #d8bcff; }

/* دکمه‌های صفحه‌ی نوشتن */
.write-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
.write-actions .publish-btn { margin: 0; }

/* ابزارهای زیر مقاله */
.article-tools { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; }
.article-like, .article-report, .like-btn, .comment-like, .comment-del, .comment-report, .pub-link {
  cursor: pointer; font-family: inherit; border-radius: 10px; font-weight: 700;
  border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05);
  color: #e8f0ff; padding: 8px 14px; transition: .16s; font-size: .88rem;
}
.article-like:hover, .like-btn:hover, .comment-like:hover { border-color: #ff4d94; }
.article-like.liked, .like-btn.liked, .comment-like.liked { color: #ff4d94; border-color: #ff4d94; background: rgba(255,77,148,.12); }
.article-report:hover, .comment-report:hover { border-color: #f87171; color: #f87171; }

/* دیدگاه‌ها */
.comments { margin-top: 30px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; }
.comments h2 { font-size: 1.15rem; margin-bottom: 14px; }
.comments h2 small { color: #8aa; font-weight: 600; }
.comment-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.comment-form textarea {
  width: 100%; min-height: 84px; resize: vertical; padding: 12px 14px; border-radius: 12px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.16);
  color: #eef4ff; font-family: inherit; font-size: .95rem; line-height: 1.9;
}
.comment-form button {
  align-self: flex-start; cursor: pointer; font-family: inherit; font-weight: 800;
  border: none; border-radius: 10px; padding: 9px 20px; color: #05070d;
  background: linear-gradient(135deg,#00f0ff,#b77aff);
}
.comment-note { color: #8aa; font-size: .85rem; margin-bottom: 12px; }
.comment-note a { color: #00f0ff; }
.comments-list { display: flex; flex-direction: column; gap: 12px; }
.comment {
  display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px;
  border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
}
.comment-main b { display: inline-flex; align-items: center; font-size: .9rem; }
.comment-main p { margin: 6px 0 0; color: #cdd8ea; font-size: .92rem; line-height: 1.9; white-space: pre-wrap; }
.edited-tag { color: #8aa; font-weight: 500; }
.comment-actions { display: flex; flex-direction: column; gap: 6px; align-items: stretch; flex-shrink: 0; }
.no-comments { color: #8aa; font-size: .9rem; padding: 6px 0; }

/* کد: زبان و کپی */
.code-language { font-size: .78rem; color: #9fb; font-weight: 700; letter-spacing: .3px; }
.code-copy {
  cursor: pointer; font-family: inherit; font-size: .74rem; font-weight: 700;
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06);
  color: #dfe; border-radius: 8px; padding: 3px 10px; margin-inline-start: auto;
}

/* مدیریت وبلاگ‌های من */
.manage-post { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.manage-post a, .manage-post button {
  cursor: pointer; font-family: inherit; font-weight: 700; font-size: .82rem; text-decoration: none;
  padding: 7px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05); color: #e8f0ff; transition: .16s;
}
.manage-post a:hover, .manage-post button:hover { background: rgba(255,255,255,.12); }
.manage-post [data-delete]:hover { border-color: #f87171; color: #f87171; }
.manage-post .pub-link { border-color: rgba(74,222,128,.5); color: #86efac; }
.mine-stats { color: #9fb0c8; font-size: .85rem; margin-top: 8px; }

/* مودال گزارش تخلف و پیش‌نمایش */
.report-modal-backdrop, .preview-backdrop {
  position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center;
  background: rgba(3,6,15,.72); backdrop-filter: blur(6px); padding: 20px;
}
.report-modal {
  width: min(440px, 100%); background: #0d1220; border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px; padding: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.6);
}
.report-modal h3 { margin: 0 0 16px; font-size: 1.1rem; }
.report-modal label { display: block; margin-bottom: 14px; font-size: .85rem; color: #9fb0c8; font-weight: 700; }
.report-modal select, .report-modal textarea {
  width: 100%; margin-top: 6px; padding: 10px 12px; border-radius: 10px; font-family: inherit;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.16); color: #eef4ff; font-size: .9rem;
}
.report-modal textarea { min-height: 80px; resize: vertical; }
.report-actions { display: flex; gap: 10px; justify-content: flex-start; margin-top: 6px; }

.preview-modal {
  position: relative; width: min(760px, 100%); max-height: 88vh; overflow-y: auto;
  background: #0c1120; border: 1px solid rgba(0,240,255,.28); border-radius: 20px; padding: 26px;
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
}
.preview-modal .article-cover { width: 100%; border-radius: 14px; margin-bottom: 16px; }
.preview-chip {
  display: inline-block; margin-bottom: 12px; padding: 4px 12px; border-radius: 999px;
  background: rgba(0,240,255,.12); color: #7fe9ff; font-size: .76rem; font-weight: 800;
}
.preview-close {
  position: absolute; inset-inline-end: 16px; top: 14px; cursor: pointer;
  width: 34px; height: 34px; border-radius: 50%; font-size: 20px; line-height: 1;
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff;
}
.not-found { text-align: center; padding: 60px 0; }
.not-found h1 { margin-bottom: 18px; }


/* ============================================================
   ZOOMIT-INSPIRED ARTICLE DISPLAY & TYPOGRAPHY PROPORTIONS
   ============================================================ */
.article-page {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding-top: 140px !important;
  padding-bottom: 90px !important;
}

.article-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.86rem;
  color: #8190a6;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.article-breadcrumb .back-link {
  color: #00f0ff;
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 0 !important;
}
.article-breadcrumb .back-link:hover {
  text-decoration: underline;
}
.article-breadcrumb .breadcrumb-sep {
  color: rgba(255, 255, 255, 0.2);
}
.article-breadcrumb .breadcrumb-current {
  color: #94a3b8;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-card {
  background: linear-gradient(180deg, rgba(12, 17, 32, 0.85) 0%, rgba(6, 9, 18, 0.95) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  padding: 42px clamp(20px, 5vw, 56px) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(12px) !important;
  overflow: hidden;
}

.article-header {
  margin-bottom: 28px;
}
.article-kicker-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.article-kicker {
  font-size: 0.82rem;
  font-weight: 700;
  color: #00f0ff;
  letter-spacing: 0.4px;
}
.official-badge-pill {
  background: linear-gradient(135deg, #00f0ff, #3b82f6);
  color: #041018;
  font-weight: 800;
  font-size: 0.72rem;
  padding: 3px 12px;
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(0, 240, 255, 0.3);
}

.article-title {
  font-size: clamp(1.85rem, 3.8vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  color: #f8fafc !important;
  margin: 12px 0 24px !important;
  letter-spacing: -0.3px;
}

.post-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 14px 22px;
  margin-bottom: 32px;
}
.meta-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.meta-author .avatar-wrapper {
  display: flex;
  align-items: center;
}
.meta-author .avatar {
  width: 42px !important;
  height: 42px !important;
  font-size: 1rem !important;
  font-weight: 800;
  background: linear-gradient(135deg, #b77aff, #ff4d94) !important;
  color: #041018 !important;
  box-shadow: 0 0 15px rgba(183, 122, 255, 0.4);
}
.author-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.author-name {
  font-weight: 700;
  font-size: 0.95rem;
  color: #f1f5f9;
}
.author-role {
  font-size: 0.76rem;
  color: #94a3b8;
}
.meta-divider {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.1);
}
.meta-info-group {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #94a3b8;
  font-size: 0.83rem;
  flex-wrap: wrap;
}
.meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.meta-item svg {
  color: #00f0ff;
  opacity: 0.85;
}

.article-cover-wrapper {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.article-cover-wrapper .article-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 520px !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.article-body {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.article-text {
  font-size: 1.1rem !important;
  line-height: 2.25 !important;
  color: #d1d5db !important;
  word-break: break-word;
}
.article-text p {
  margin-bottom: 1.8em !important;
}
.article-text h2 {
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 2.2em 0 0.8em !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.article-text h3 {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #00f0ff !important;
  margin: 1.8em 0 0.6em !important;
}
.article-text blockquote {
  border-right: 4px solid #00f0ff !important;
  background: rgba(0, 240, 255, 0.04) !important;
  border-radius: 0 16px 16px 0 !important;
  padding: 22px 28px !important;
  margin: 2em 0 !important;
  color: #e2e8f0 !important;
  font-size: 1.12rem !important;
  line-height: 2.2 !important;
  font-style: italic !important;
}
.article-text figure {
  width: 100% !important;
  max-width: 800px !important;
  margin: 2.2em auto !important;
  text-align: center !important;
}
.article-text figure img {
  width: 100% !important;
  max-height: 480px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.article-text figcaption {
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
  margin-top: 10px !important;
  font-style: normal !important;
}

/* نویسنده زومتی */
.author-bio-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 24px;
  margin: 48px 0 36px;
}
.author-bio-card .bio-avatar .avatar {
  width: 54px !important;
  height: 54px !important;
  font-size: 1.2rem !important;
}
.author-bio-card .bio-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.author-bio-card .bio-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.author-bio-card .bio-header h3 {
  margin: 0;
  font-size: 1.05rem;
  color: #fff;
}
.author-bio-card .bio-badge {
  background: rgba(0, 240, 255, 0.1);
  color: #00f0ff;
  font-size: 0.74rem;
  padding: 2px 10px;
  border-radius: 50px;
  font-weight: 700;
}
.author-bio-card .bio-text {
  font-size: 0.88rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.7;
}

/* ابزارهای انتهای مقاله */
.article-tools-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 48px;
}
.article-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50px;
  padding: 10px 24px;
  color: #fff;
  font-weight: 700;
  font-size: 0.92rem;
  cursor: pointer;
  transition: all 0.25s ease;
  font-family: inherit;
}
.article-like-btn:hover {
  background: rgba(255, 77, 148, 0.15);
  border-color: #ff4d94;
  color: #ff4d94;
  transform: scale(1.03);
}
.article-like-btn.liked {
  background: rgba(255, 77, 148, 0.2);
  border-color: #ff4d94;
  color: #ff4d94;
}
.article-like-btn .like-count {
  background: rgba(255, 255, 255, 0.1);
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 0.82rem;
}
.article-share-btn, .article-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50px;
  padding: 10px 20px;
  color: #cbd5e1;
  font-weight: 700;
  font-size: 0.88rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.article-share-btn:hover {
  background: rgba(0, 240, 255, 0.12);
  border-color: #00f0ff;
  color: #00f0ff;
}
.article-report-btn:hover {
  background: rgba(248, 113, 113, 0.12);
  border-color: #f87171;
  color: #f87171;
}

/* بخش دیدگاه‌ها زومتی */
.comments-section {
  margin-top: 10px;
}
.comments-header {
  margin-bottom: 24px;
}
.comments-header h2 {
  font-size: 1.3rem;
  font-weight: 800;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.comments-header .comments-count {
  color: #00f0ff;
  font-size: 1.1rem;
}
.comment-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 22px;
  margin-bottom: 36px;
}
.comment-form textarea {
  width: 100% !important;
  min-height: 100px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 0.98rem !important;
  line-height: 1.95 !important;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.comment-form textarea:focus {
  border-color: #00f0ff !important;
  box-shadow: 0 0 0 3px rgba(0, 240, 255, 0.12) !important;
}
.form-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.form-hint {
  color: #94a3b8;
  font-size: 0.8rem;
}
.comment-submit-btn {
  background: linear-gradient(135deg, #00f0ff, #3b82f6);
  color: #041018;
  font-weight: 800;
  font-size: 0.95rem;
  border: none;
  border-radius: 12px;
  padding: 10px 24px;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 240, 255, 0.25);
  transition: transform 0.2s;
  font-family: inherit;
}
.comment-submit-btn:hover {
  transform: translateY(-2px);
}
.comment-auth-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  background: rgba(0, 240, 255, 0.04);
  border: 1px solid rgba(0, 240, 255, 0.15);
  border-radius: 16px;
  padding: 18px 24px;
  margin-bottom: 32px;
  color: #cbd5e1;
  font-size: 0.92rem;
}

.comments-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.comment {
  display: flex;
  gap: 16px;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
}
.comment-avatar .avatar {
  width: 38px !important;
  height: 38px !important;
  font-size: 0.95rem !important;
}
.comment-avatar .avatar-icon {
  font-size: 1.8rem;
}
.comment-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.comment-header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
}
.comment-header b {
  color: #f1f5f9;
}
.comment-date {
  font-size: 0.78rem;
  color: #94a3b8;
  margin-inline-start: auto;
}
.comment-text {
  font-size: 0.96rem !important;
  line-height: 1.95 !important;
  color: #cbd5e1 !important;
  margin: 4px 0 8px !important;
}
.comment-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.comment-like, .comment-del, .comment-report {
  font-size: 0.8rem !important;
  padding: 4px 12px !important;
  border-radius: 30px !important;
}
.no-comments-box {
  text-align: center;
  padding: 40px 20px;
  background: rgba(255, 255, 255, 0.015);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  color: #94a3b8;
}
.no-comments-box span {
  font-size: 2.2rem;
  display: block;
  margin-bottom: 8px;
}
.no-comments-box p {
  margin: 0;
  font-size: 0.92rem;
}

@media (max-width: 768px) {
  .post-meta-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .meta-divider {
    display: none;
  }
  .author-bio-card {
    flex-direction: column;
    text-align: center;
  }
  .article-tools-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .article-like-btn, .article-share-btn, .article-report-btn {
    justify-content: center;
  }
}