.article-fullscreen-view{width:100%;max-width:1240px;margin:0 auto;min-height:100vh;padding:32px 20px 80px;box-sizing:border-box;font-family:var(--font-arabic,var(--font-readex),sans-serif);color:#f1f5f9;position:relative;z-index:5}.article-view-top-bar{width:100%;margin:0 0 2rem;display:flex;align-items:center;justify-content:space-between;gap:16px}.article-back-nav-btn{text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#f1f5f9;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.16,1,.3,1)}.article-back-nav-btn:hover{background:rgba(2,132,199,.2);border-color:#38bdf8;color:#38bdf8;transform:translateX(4px)}[dir=ltr] .article-back-nav-btn:hover{transform:translateX(-4px)}.article-fullscreen-layout{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;width:100%;margin:0;position:relative}[dir=ltr] .article-fullscreen-layout{flex-direction:row-reverse}.article-main-container{flex:1 1;width:100%;min-width:0;display:flex;flex-direction:column}.article-lead-category-wrap{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem}.article-lead-category-pill{display:inline-flex;align-items:center;padding:5px 14px;border-radius:9999px;border:1px solid;font-size:.8125rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-lead-readtime{display:inline-flex;align-items:center;gap:5px;color:#94a3b8;font-size:.825rem}.article-fullscreen-title{margin:0 0 1.25rem;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;color:#ffffff;line-height:1.32;letter-spacing:-.02em}.article-fullscreen-excerpt{margin:0 0 1.75rem;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.75;color:#cbd5e1;font-weight:400}.article-author-capsule-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2.25rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.article-author-capsule-pill{display:inline-flex;align-items:center;gap:10px;padding-block:6px;padding-inline:8px 16px;border-radius:9999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:100%;overflow:hidden}.author-capsule-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.25)}.author-capsule-text{display:flex;flex-direction:column;gap:2px;font-size:.825rem;line-height:1.35;color:#cbd5e1;min-width:0;overflow:hidden}.author-capsule-byline,.author-capsule-sub{display:flex;align-items:center;flex-wrap:wrap;column-gap:6px;min-width:0}.author-capsule-by{color:#94a3b8}.author-capsule-name{font-weight:700;color:#ffffff;white-space:nowrap;text-decoration:none}.author-capsule-name:focus-visible,.author-capsule-name:hover{text-decoration:underline;text-underline-offset:3px}.author-capsule-role{color:#94a3b8;font-size:.775rem}.author-capsule-sub .author-capsule-date{font-size:.775rem}.author-capsule-divider{color:rgba(255,255,255,.3);white-space:nowrap}.author-capsule-date{color:#94a3b8;white-space:nowrap}.article-inline-share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .2s ease}.article-inline-share-btn:hover{background:rgba(2,132,199,.2);color:#38bdf8;border-color:#38bdf8;transform:scale(1.08)}.article-fullscreen-banner-wrap{position:relative;width:100%;max-width:100%;border-radius:24px;overflow:hidden;margin-bottom:3rem;box-shadow:0 20px 50px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);background:#090d16;display:flex;align-items:center;justify-content:center}.article-fullscreen-banner,.article-fullscreen-banner-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}.article-banner-ambient-glow{display:none}.article-fullscreen-content{display:flex;flex-direction:column}.article-content-paragraph{font-size:1.125rem;line-height:1.95;color:#e2e8f0;margin:0 0 1.75rem;font-weight:300;letter-spacing:-.005em}.article-insight-callout{margin:2rem 0;padding:1.5rem 1.75rem;border-radius:16px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-inline-start:4px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.callout-header{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.callout-header h4{margin:0;font-size:1rem;font-weight:700;color:#ffffff}.article-insight-callout p{margin:0;font-size:.975rem;line-height:1.75;color:#cbd5e1}.article-tags-wrap{gap:8px;margin:1.5rem 0 2.5rem}.article-tag-chip{padding:5px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#94a3b8;font-size:.8125rem;font-weight:500}.article-engagement-bar{flex-wrap:wrap;gap:14px;padding:1rem 1.5rem;border-radius:20px;background:rgba(15,23,42,.7);margin-bottom:3.5rem}.engagement-actions-group{display:flex;align-items:center;gap:10px}.engagement-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f1f5f9;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.engagement-btn:hover{background:rgba(255,255,255,.12)}.engagement-btn.like-btn.liked{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.engagement-btn.save-btn.saved{background:rgba(2,132,199,.2);border-color:#0284c7;color:#38bdf8}.engagement-share-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:9999px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#ffffff;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(2,132,199,.35)}.engagement-share-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(2,132,199,.5)}.article-comments-section{padding-top:1rem;margin-bottom:4rem;border-top:1px solid rgba(255,255,255,.08)}.comments-section-header{margin-bottom:1.5rem}.comments-header-title{display:flex;align-items:center;gap:10px}.comments-header-title h3{margin:0;font-size:1.25rem;font-weight:700;color:#ffffff}.article-content-heading.scroll-mt-offset{scroll-margin-top:110px}.article-related-sidebar{width:300px;flex-shrink:0;position:sticky;top:calc(var(--header-h, 78px) + 16px);max-height:calc(100vh - var(--header-h, 78px) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;gap:20px}.article-related-sidebar::-webkit-scrollbar{display:none}.article-related-card{padding:18px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.related-sidebar-header{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.related-sidebar-title{margin:0;font-size:1.15rem;font-weight:800;color:#ffffff}.related-sidebar-list{display:flex;flex-direction:column;gap:14px}.related-sidebar-card{display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease}.related-sidebar-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.35);box-shadow:0 8px 24px rgba(0,0,0,.35)}.related-sidebar-media{width:100%;height:125px;position:relative;overflow:hidden}.related-sidebar-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related-sidebar-card:hover .related-sidebar-img{transform:scale(1.06)}.related-sidebar-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6))}.related-sidebar-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.related-sidebar-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.related-sidebar-item-title{margin:0;font-size:.875rem;font-weight:700;color:#f1f5f9;line-height:1.45}.related-sidebar-author{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#94a3b8}.related-sidebar-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.related-sidebar-author-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:.75rem;color:#94a3b8}.related-sidebar-author-name{font-weight:600;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-sidebar-time{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:.72rem;color:#64748b;flex-shrink:0}[data-theme=light] .article-fullscreen-view{color:#0f172a}[data-theme=light] .article-back-nav-btn{background:#ffffff;border-color:rgba(0,0,0,.1);color:#334155;box-shadow:0 2px 8px rgba(0,0,0,.04)}[data-theme=light] .article-back-nav-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}[data-theme=light] .article-fullscreen-title{color:#0f172a}[data-theme=light] .article-fullscreen-excerpt{color:#334155}[data-theme=light] .article-author-capsule-row{border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .article-author-capsule-pill{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .author-capsule-name{color:#0f172a}[data-theme=light] .author-capsule-divider{color:rgba(0,0,0,.2)}[data-theme=light] .author-capsule-by,[data-theme=light] .author-capsule-date,[data-theme=light] .author-capsule-role{color:#64748b}[data-theme=light] .article-inline-share-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .article-inline-share-btn:hover{background:#e0f2fe;color:#0284c7;border-color:#0284c7}[data-theme=light] .article-fullscreen-banner-wrap{border-color:rgba(0,0,0,.08);box-shadow:0 15px 35px rgba(0,0,0,.08);background:#f8fafc}[data-theme=light] .article-content-paragraph{color:#1e293b}[data-theme=light] .article-insight-callout{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .callout-header h4{color:#0f172a}[data-theme=light] .article-insight-callout p{color:#334155}[data-theme=light] .article-tag-chip{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .article-engagement-bar{background:#ffffff;box-shadow:0 4px 20px rgba(0,0,0,.05)}[data-theme=light] .engagement-btn{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .article-comments-section{border-top-color:rgba(0,0,0,.08)}[data-theme=light] .comments-header-title h3{color:#0f172a}[data-theme=light] .article-comment-form{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.03)}[data-theme=light] .comment-name-field,[data-theme=light] .comment-text-field{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .comment-bubble{background:#ffffff;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.03)}[data-theme=light] .comment-body-text{color:#334155}[data-theme=light] .article-related-card{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.04)}[data-theme=light] .related-sidebar-header{border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .related-sidebar-title{color:#0f172a}[data-theme=light] .related-sidebar-card{background:#f8fafc;border-color:rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.02)}[data-theme=light] .related-sidebar-item-title{color:#0f172a}[data-theme=light] .related-sidebar-author-name{color:#334155}@media (max-width:1024px){.article-fullscreen-layout{flex-direction:column!important;align-items:stretch;gap:32px}.article-main-container{max-width:100%}.article-related-sidebar{width:100%;position:static;max-height:none;overflow:visible;margin-top:1.5rem}.related-sidebar-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}}@media (max-width:768px){.article-fullscreen-view{padding:20px 16px 60px}}.article-breadcrumbs{margin-bottom:.5rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumb-item{gap:8px}.breadcrumb-item,.breadcrumb-link-btn{display:inline-flex;align-items:center;font-size:.85rem;color:#94a3b8}.breadcrumb-link-btn{gap:5px;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;transition:color .2s}.breadcrumb-link-btn:hover{color:#38bdf8}.breadcrumb-sep{color:rgba(255,255,255,.2);font-size:.75rem}.breadcrumb-category-pill{padding:2px 10px;border-radius:9999px;border:1px solid;font-size:.8rem;font-weight:600}.breadcrumb-current{color:#f1f5f9;font-weight:500;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-fullscreen-markdown-body{width:100%;font-size:1.125rem;line-height:2;color:#e2e8f0;font-weight:300;margin-bottom:3rem}.article-fullscreen-markdown-body h2{font-size:1.65rem;font-weight:700;color:#ffffff;margin:2.5rem 0 1.25rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.article-fullscreen-markdown-body h3{font-size:1.3rem;font-weight:600;color:#38bdf8;margin:2rem 0 1rem}.article-fullscreen-markdown-body h4{font-size:1.1rem;font-weight:600;color:#a5f3fc;margin:1.5rem 0 .75rem}.article-fullscreen-markdown-body p{margin:0 0 1.5rem;line-height:2}.article-fullscreen-markdown-body strong{font-weight:600;color:#ffffff}.article-fullscreen-markdown-body blockquote{margin:1.75rem 0;padding:1.25rem 1.75rem;border-radius:14px;background:rgba(14,165,233,.08);border-inline-start:4px solid #0284c7;color:#e0f2fe;font-style:italic}.article-fullscreen-markdown-body blockquote p{margin:0}.article-fullscreen-markdown-body ol,.article-fullscreen-markdown-body ul{margin:1.25rem 0 1.75rem;padding-inline-start:2rem}.article-fullscreen-markdown-body li{margin-bottom:.65rem;line-height:1.9}.article-fullscreen-markdown-body a{color:#38bdf8;text-decoration:underline;text-underline-offset:4px;font-weight:500;transition:all .2s}.article-fullscreen-markdown-body a:hover{color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.4)}.article-fullscreen-markdown-body .md-table-wrap{margin:2rem 0}.article-fullscreen-markdown-body td{color:#cbd5e1}.article-fullscreen-markdown-body tbody tr:hover td{background:rgba(255,255,255,.025)}.article-fullscreen-markdown-body pre{background:#090d16;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.25rem 1.5rem;margin:1.75rem 0;direction:ltr;text-align:left}.article-fullscreen-markdown-body code{font-family:Fira Code,Cascadia Code,monospace;font-size:.9em;background:rgba(255,255,255,.08);padding:3px 8px;border-radius:6px;color:#38bdf8}.article-fullscreen-markdown-body pre code{background:transparent;padding:0;color:#e2e8f0}[data-theme=light] .article-fullscreen-markdown-body{color:#334155}[data-theme=light] .article-fullscreen-markdown-body h2{color:#0f172a;border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .article-fullscreen-markdown-body h3{color:#0284c7}[data-theme=light] .article-fullscreen-markdown-body h4{color:#0369a1}[data-theme=light] .article-fullscreen-markdown-body strong{color:#0f172a}[data-theme=light] .article-fullscreen-markdown-body blockquote{background:rgba(2,132,199,.06);border-inline-start-color:#0284c7;color:#0c4a6e}[data-theme=light] .article-fullscreen-markdown-body td{color:#334155}[data-theme=light] .article-fullscreen-markdown-body tbody tr:hover td{background:rgba(2,132,199,.03)}[data-theme=light] .article-lead-category-pill,[data-theme=light] .article-lead-category-wrap .project-category-badge,[data-theme=light] .breadcrumb-category,[data-theme=light] .breadcrumb-category-pill{color:#0369a1!important;border-color:rgba(2,132,199,.35)!important;background:rgba(2,132,199,.07)!important}[data-theme=light] .article-lead-readtime,[data-theme=light] .author-capsule-date{color:#475569}[data-theme=light] .article-tag-chip{color:#0369a1;background:rgba(2,132,199,.07)}[data-theme=light] .article-fullscreen-markdown-body code{color:#0369a1;background:rgba(2,132,199,.08)}[data-theme=light] .article-fullscreen-markdown-body pre{background:#0f172a;border-color:rgba(0,0,0,.1)}[data-theme=light] .breadcrumb-current{color:#0f172a}[data-theme=light] .breadcrumb-sep{color:rgba(0,0,0,.2)}@media (max-width:640px){.article-fullscreen-view{padding:1rem .75rem 4rem}.article-fullscreen-title{font-size:1.65rem;line-height:1.35}.article-fullscreen-excerpt{font-size:.95rem;line-height:1.65}.article-content-paragraph{font-size:1rem;line-height:1.8}.article-fullscreen-banner-wrap{border-radius:16px;margin-bottom:2rem}.related-articles-grid{grid-template-columns:1fr}}.article-tags-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:2.5rem 0 1.5rem}.article-tag-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;background:rgba(14,165,233,.08);border:1px solid rgba(56,189,248,.25);color:#38bdf8;font-size:.85rem;font-weight:600;letter-spacing:-.01em;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.article-tag-chip:hover{background:rgba(14,165,233,.18);border-color:#38bdf8;color:#7dd3fc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(56,189,248,.2)}.article-engagement-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin:1.5rem 0 2.5rem;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.1);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.25)}.engagement-left-actions{display:flex;align-items:center;gap:12px}.article-action-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:12px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e2e8f0;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.article-action-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.article-action-btn:active{transform:translateY(0)}.article-action-btn.like-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35);color:#f87171;box-shadow:0 4px 16px rgba(239,68,68,.2)}.article-action-btn.like-btn.active{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.45);color:#ef4444;box-shadow:0 4px 18px rgba(239,68,68,.25)}.article-action-btn.save-btn:hover{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35);color:#fbbf24;box-shadow:0 4px 16px rgba(245,158,11,.2)}.article-action-btn.save-btn.active{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.45);color:#f59e0b;box-shadow:0 4px 18px rgba(245,158,11,.25)}.article-action-btn.comment-action-btn:hover,.article-action-btn.share-action-btn:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.35);color:#38bdf8;box-shadow:0 4px 16px rgba(56,189,248,.2)}.article-discussion-section{margin:1.5rem 0 3rem;padding:28px 32px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.1);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,.25)}.discussion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.discussion-title-wrap{display:flex;align-items:center;gap:12px}.discussion-icon{color:#38bdf8;flex-shrink:0}.discussion-title{margin:0;font-size:1.35rem;font-weight:800;color:#ffffff;letter-spacing:-.02em}.comment-input-form{margin-bottom:32px}.comment-form-inner{display:flex;flex-direction:column;gap:14px}.comment-textarea{width:100%;box-sizing:border-box;padding:16px 20px;border-radius:16px;background:rgba(2,6,23,.7);border:1px solid rgba(255,255,255,.12);color:#f8fafc;font-family:inherit;font-size:.95rem;line-height:1.7;resize:vertical;min-height:100px;outline:none;transition:all .25s ease}.comment-textarea::placeholder{color:#64748b}.comment-textarea:focus{background:rgba(2,6,23,.9);border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15),0 4px 16px rgba(0,0,0,.4)}.comment-form-actions{display:flex;justify-content:flex-end;margin-top:6px}.comment-submit-btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#0284c7,#2563eb);color:#ffffff;font-family:inherit;font-size:.925rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(37,99,235,.35);transition:all .25s cubic-bezier(.16,1,.3,1)}.comment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(37,99,235,.5);filter:brightness(1.1)}.comment-submit-btn:active:not(:disabled){transform:translateY(0)}.comment-submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.5)}.comments-stream-list{display:flex;flex-direction:column;gap:16px}.no-comments-box{padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.12);border-radius:18px}.no-comments-icon{color:#64748b;opacity:.7}.no-comments-box p{margin:0;font-size:.95rem;color:#94a3b8;line-height:1.6;max-width:440px}.comment-item-card{display:flex;gap:16px;padding:20px 22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .2s ease}.comment-item-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.comment-item-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:grid;place-items:center;border:2px solid rgba(255,255,255,.12)}.comment-item-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:#ffffff;font-weight:700;font-size:1.1rem;-webkit-user-select:none;user-select:none}.comment-item-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:8px}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-author-name{font-weight:700;font-size:.975rem;color:#f1f5f9}.comment-time-ago{font-size:.8rem;color:#64748b;white-space:nowrap}.comment-message-text{margin:0;font-size:.95rem;line-height:1.7;color:#cbd5e1;word-break:break-word}[data-theme=light] .article-tag-chip{background:rgba(2,132,199,.08);border-color:rgba(2,132,199,.25);color:#0284c7}[data-theme=light] .article-tag-chip:hover{background:rgba(2,132,199,.16);border-color:#0284c7;color:#0369a1}[data-theme=light] .article-engagement-bar{background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.08);box-shadow:0 8px 30px rgba(0,0,0,.05)}[data-theme=light] .article-action-btn{background:#f8fafc;border-color:rgba(0,0,0,.08);color:#334155}[data-theme=light] .article-action-btn:hover{background:#f1f5f9;border-color:rgba(0,0,0,.15);color:#0f172a}[data-theme=light] .article-action-btn.like-btn.active{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#dc2626}[data-theme=light] .article-action-btn.save-btn.active{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#d97706}[data-theme=light] .article-discussion-section{background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.08);box-shadow:0 12px 36px rgba(0,0,0,.04)}[data-theme=light] .discussion-header{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .discussion-title{color:#0f172a}[data-theme=light] .comment-textarea{background:#f8fafc;border-color:rgba(0,0,0,.1);color:#0f172a}[data-theme=light] .comment-textarea::placeholder{color:#94a3b8}[data-theme=light] .comment-textarea:focus{background:#ffffff;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12),0 4px 12px rgba(0,0,0,.05)}[data-theme=light] .no-comments-box{background:rgba(0,0,0,.015);border-color:rgba(0,0,0,.1)}[data-theme=light] .no-comments-box p{color:#64748b}[data-theme=light] .comment-item-card{background:#f8fafc;border-color:rgba(0,0,0,.06)}[data-theme=light] .comment-item-card:hover{background:#f1f5f9;border-color:rgba(0,0,0,.1)}[data-theme=light] .comment-author-name{color:#0f172a}[data-theme=light] .comment-time-ago{color:#94a3b8}[data-theme=light] .comment-message-text{color:#334155}@media (max-width:640px){.article-engagement-bar{padding:10px 12px;gap:8px;flex-wrap:wrap}.engagement-left-actions{gap:8px}.article-action-btn{padding:7px 12px;font-size:.8rem;gap:6px}.article-discussion-section{padding:20px 16px;border-radius:18px}.discussion-title{font-size:1.15rem}.comment-textarea{padding:12px 14px;font-size:.9rem;min-height:80px}.comment-submit-btn{padding:8px 18px;font-size:.85rem}.comment-item-card{padding:14px;gap:12px}.comment-item-avatar{width:36px;height:36px}}.article-end-nav{display:flex;justify-content:center;margin:2.5rem 0 1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.article-end-nav .article-back-nav-btn{min-height:48px;padding:12px 28px;font-size:.95rem}[data-theme=light] .article-end-nav{border-top-color:rgba(0,0,0,.08)}.article-fullscreen-markdown-body,.article-fullscreen-markdown-body a,.article-fullscreen-markdown-body code{overflow-wrap:anywhere}.article-fullscreen-markdown-body pre{max-width:100%;overflow-x:auto}.article-fullscreen-layout,.article-main-container{min-width:0}.article-detail-container .article-lead-category-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.article-detail-container .article-lead-category-wrap .project-category-badge{margin-bottom:0;border:1px solid}.article-detail-container .article-author-capsule-row{margin:0 0 20px}.article-detail-container .project-meta-action-bar .like-btn.active{border-color:rgba(239,68,68,.5);color:#ef4444;background:rgba(239,68,68,.1)}.article-detail-container .article-body-column .article-fullscreen-markdown-body{margin-bottom:2rem}.article-detail-container .article-tags-wrap{margin:0 0 2rem}.article-detail-container .article-discussion-section{margin-top:2.5rem}.article-detail-container .project-featured-image{max-height:none;height:auto;object-fit:contain}