.article-companion-box{margin:2.75rem 0 2rem 0;padding:1.4rem 1.65rem;background:rgba(0,245,155,0.03);border:1px solid rgba(0,245,155,0.2);border-left:4px solid var(--accent-emerald-bright,#00f59b);border-radius:8px;backdrop-filter:blur(8px)}.companion-box-header{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono,monospace);font-size:0.82rem;font-weight:700;color:var(--accent-emerald-bright,#00f59b);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.65rem}.companion-box-lead{font-size:0.93rem;color:var(--text-muted,#94a3b8);margin-bottom:0.85rem;line-height:1.5}.companion-box-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.65rem}.companion-box-item{position:relative;padding-left:1.25rem;font-size:0.92rem;line-height:1.55;color:var(--text-pure,#e2e8f0)}.companion-box-item::before{content:"→";position:absolute;left:0;top:0;color:var(--accent-emerald-bright,#00f59b);font-weight:bold}.companion-box-link{color:var(--accent-emerald-bright,#00f59b) !important;font-weight:600;text-decoration:underline !important;text-underline-offset:3px;transition:all 0.2s ease}.companion-box-link:hover{color:#ffffff !important;text-decoration-color:#ffffff !important}.companion-box-desc{color:var(--text-muted,#94a3b8);font-size:0.88rem}html[data-theme="light"] .article-companion-box{background:rgba(5,150,105,0.05);border-color:rgba(5,150,105,0.25);border-left-color:#059669}html[data-theme="light"] .companion-box-header{color:#047857}html[data-theme="light"] .companion-box-link{color:#047857 !important}html[data-theme="light"] .companion-box-link:hover{color:#064e3b !important}html[data-theme="light"] .companion-box-item{color:#1e293b}html[data-theme="light"] .companion-box-desc{color:#475569}html[data-theme="light"] .article-solution-banner{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;border-color:rgba(5,150,105,0.25) !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.06) !important}html[data-theme="light"] .article-solution-banner h3{color:#0f172a !important}html[data-theme="light"] .interactive-tool-card{background:#ffffff !important;border-color:#e2e8f0 !important;border-left-color:#059669 !important}html[data-theme="light"] .interactive-tool-card h4{color:#0f172a !important}html[data-theme="light"] .interactive-tool-card label{color:#1e293b !important}.article-reader-card{background:linear-gradient(180deg,#0d1522 0%,#080e16 100%) !important;border:1px solid rgba(255,255,255,0.09) !important;border-top:3px solid var(--accent-emerald-bright,#00f59b) !important;border-radius:var(--radius-lg,16px) !important;box-shadow:0 25px 60px -15px rgba(0,0,0,0.75),0 0 35px rgba(0,245,155,0.02),inset 0 1px 0 rgba(255,255,255,0.08) !important;padding:3.5rem 3.25rem !important;margin:0 auto 3.5rem !important;max-width:900px !important;position:relative !important;opacity:1 !important;transform:none !important;visibility:visible !important}html[data-theme="light"] .article-reader-card,body[data-theme="light"] .article-reader-card{background:#ffffff !important;border:1px solid #e2e8f0 !important;border-top:3px solid #059669 !important;box-shadow:0 12px 35px -5px rgba(0,0,0,0.06),0 2px 8px -2px rgba(0,0,0,0.03) !important}@media (max-width:768px){.article-reader-card{padding:2.25rem 1.35rem !important;border-radius:12px !important}}.code-block-wrapper{position:relative !important;margin:2.25rem 0 !important;border-radius:var(--radius-md,12px) !important;border:1px solid rgba(255,255,255,0.1) !important;background:#060a12 !important;overflow:hidden !important;box-shadow:0 16px 40px -8px rgba(0,0,0,0.75),0 0 20px rgba(0,245,155,0.02),inset 0 1px 0 rgba(255,255,255,0.07) !important}.code-block-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0.65rem 1rem !important;background:linear-gradient(180deg,#0e1622 0%,#090e16 100%) !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;user-select:none !important}.code-terminal-dots{display:flex !important;align-items:center !important;gap:7px !important}.code-terminal-dots .term-dot{width:11px !important;height:11px !important;border-radius:50% !important;display:inline-block !important}.code-terminal-dots .term-dot.red{background:linear-gradient(180deg,#ff5f56,#e0443e) !important;box-shadow:0 0 6px rgba(255,95,86,0.35) !important;border:0.5px solid rgba(0,0,0,0.3) !important}.code-terminal-dots .term-dot.yellow{background:linear-gradient(180deg,#ffbd2e,#dea123) !important;box-shadow:0 0 6px rgba(255,189,46,0.35) !important;border:0.5px solid rgba(0,0,0,0.3) !important}.code-terminal-dots .term-dot.green{background:linear-gradient(180deg,#27c93f,#1aab29) !important;box-shadow:0 0 6px rgba(39,201,63,0.35) !important;border:0.5px solid rgba(0,0,0,0.3) !important}.code-lang-badge{font-family:var(--font-mono) !important;font-size:0.72rem !important;font-weight:700 !important;letter-spacing:0.08em !important;color:var(--accent-emerald-bright,#00f59b) !important;padding:0.18rem 0.55rem !important;background:rgba(0,245,155,0.08) !important;border:1px solid rgba(0,245,155,0.25) !important;border-radius:4px !important}.code-copy-btn{display:inline-flex !important;align-items:center !important;gap:0.4rem !important;padding:0.25rem 0.65rem !important;font-family:var(--font-mono) !important;font-size:0.74rem !important;font-weight:600 !important;color:#94a3b8 !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:6px !important;cursor:pointer !important;transition:all 0.2s ease !important;user-select:none !important}.code-copy-btn:hover{color:var(--accent-emerald-bright,#00f59b) !important;border-color:rgba(0,245,155,0.4) !important;background:rgba(0,245,155,0.12) !important;transform:translateY(-1px) !important}.code-block-wrapper pre{margin:0 !important;padding:1.35rem 1.45rem !important;border:none !important;border-radius:0 !important;background:#04070d !important;overflow-x:auto !important}.code-block-wrapper pre code{font-family:var(--font-mono) !important;font-size:0.93rem !important;line-height:1.7 !important;background:transparent !important;border:none !important}html[data-theme="light"] .code-block-wrapper,body[data-theme="light"] .code-block-wrapper{background:#ffffff !important;border:1px solid rgba(203,213,225,0.85) !important;border-radius:var(--radius-md,12px) !important;box-shadow:0 20px 45px -12px rgba(15,23,42,0.08),0 4px 16px -2px rgba(15,23,42,0.04),0 0 0 1px rgba(255,255,255,0.9) inset !important}html[data-theme="light"] .code-block-header,body[data-theme="light"] .code-block-header{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;border-bottom:1px solid #e2e8f0 !important}html[data-theme="light"] .code-terminal-dots .term-dot,body[data-theme="light"] .code-terminal-dots .term-dot{box-shadow:inset 0 1px 1px rgba(0,0,0,0.2) !important;border:0.5px solid rgba(0,0,0,0.08) !important}html[data-theme="light"] .code-terminal-dots .term-dot.red{background:linear-gradient(180deg,#ff5f56,#e0443e) !important}html[data-theme="light"] .code-terminal-dots .term-dot.yellow{background:linear-gradient(180deg,#ffbd2e,#dea123) !important}html[data-theme="light"] .code-terminal-dots .term-dot.green{background:linear-gradient(180deg,#27c93f,#1aab29) !important}html[data-theme="light"] .code-lang-badge,body[data-theme="light"] .code-lang-badge{background:rgba(5,150,105,0.08) !important;border:1px solid rgba(5,150,105,0.25) !important;color:#047857 !important}html[data-theme="light"] .code-copy-btn,body[data-theme="light"] .code-copy-btn{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#475569 !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important}html[data-theme="light"] .code-copy-btn:hover,body[data-theme="light"] .code-copy-btn:hover{background:rgba(5,150,105,0.08) !important;border-color:#059669 !important;color:#047857 !important}html[data-theme="light"] .code-block-wrapper pre,body[data-theme="light"] .code-block-wrapper pre{background:#f8fafc !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.03) !important}html[data-theme="light"] .article-body-content pre code,body[data-theme="light"] .article-body-content pre code,html[data-theme="light"] .code-block-wrapper pre code,body[data-theme="light"] .code-block-wrapper pre code{background:transparent !important;border:none !important;color:#24292e !important}html[data-theme="light"] .code-block-wrapper .hljs,body[data-theme="light"] .code-block-wrapper .hljs{background:transparent !important;color:#24292e !important}html[data-theme="light"] .code-block-wrapper .hljs-keyword,body[data-theme="light"] .code-block-wrapper .hljs-keyword,html[data-theme="light"] .code-block-wrapper .hljs-selector-tag,body[data-theme="light"] .code-block-wrapper .hljs-selector-tag{color:#a626a4 !important;font-weight:600 !important}html[data-theme="light"] .code-block-wrapper .hljs-string,body[data-theme="light"] .code-block-wrapper .hljs-string,html[data-theme="light"] .code-block-wrapper .hljs-addition,body[data-theme="light"] .code-block-wrapper .hljs-addition{color:#047857 !important}html[data-theme="light"] .code-block-wrapper .hljs-title,body[data-theme="light"] .code-block-wrapper .hljs-title,html[data-theme="light"] .code-block-wrapper .hljs-title.class_,body[data-theme="light"] .code-block-wrapper .hljs-title.class_,html[data-theme="light"] .code-block-wrapper .hljs-title.function_,body[data-theme="light"] .code-block-wrapper .hljs-title.function_{color:#0969da !important;font-weight:600 !important}html[data-theme="light"] .code-block-wrapper .hljs-comment,body[data-theme="light"] .code-block-wrapper .hljs-comment,html[data-theme="light"] .code-block-wrapper .hljs-quote,body[data-theme="light"] .code-block-wrapper .hljs-quote{color:#64748b !important;font-style:italic !important}html[data-theme="light"] .code-block-wrapper .hljs-number,body[data-theme="light"] .code-block-wrapper .hljs-number,html[data-theme="light"] .code-block-wrapper .hljs-literal,body[data-theme="light"] .code-block-wrapper .hljs-literal{color:#b45309 !important}html[data-theme="light"] .code-block-wrapper .hljs-built_in,body[data-theme="light"] .code-block-wrapper .hljs-built_in,html[data-theme="light"] .code-block-wrapper .hljs-type,body[data-theme="light"] .code-block-wrapper .hljs-type{color:#0284c7 !important}html[data-theme="light"] .code-block-wrapper .hljs-params,body[data-theme="light"] .code-block-wrapper .hljs-params{color:#334155 !important}html[data-theme="light"] .code-block-wrapper .hljs-attr,body[data-theme="light"] .code-block-wrapper .hljs-attr,html[data-theme="light"] .code-block-wrapper .hljs-attribute,body[data-theme="light"] .code-block-wrapper .hljs-attribute{color:#cf222e !important}html[data-theme="light"] .code-block-wrapper .hljs-meta,body[data-theme="light"] .code-block-wrapper .hljs-meta{color:#64748b !important}html[data-theme="light"] .code-block-wrapper .hljs-variable,body[data-theme="light"] .code-block-wrapper .hljs-variable{color:#b45309 !important}html[data-theme="light"] .code-block-wrapper pre::-webkit-scrollbar-track,body[data-theme="light"] .code-block-wrapper pre::-webkit-scrollbar-track{background:#f1f5f9 !important}html[data-theme="light"] .code-block-wrapper pre::-webkit-scrollbar-thumb,body[data-theme="light"] .code-block-wrapper pre::-webkit-scrollbar-thumb{background:#cbd5e1 !important}