.blog-hero{padding: 160px 0 56px;text-align: center}.blog-hero h1{font-size: clamp(2rem,4vw,3rem);background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent}.blog-hero p{color: #94A3B8;max-width: 640px;margin: 16px auto 0;font-size: 1.05rem}.blog-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 24px;padding-bottom: 100px}.blog-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 28px;display: flex;flex-direction: column;gap: 10px;text-decoration: none;transition: var(--trans-normal)}.blog-card:hover{background: var(--bg-card-hover);border-color: var(--border-accent);transform: translateY(-4px)}.blog-card-date{font-family: var(--font-mono);font-size: 0.76rem;color: var(--accent-emerald-light);letter-spacing: 0.04em;text-transform: uppercase}.blog-card h2{font-size: 1.22rem;color: #FFFFFF;line-height: 1.35}.blog-card p{color: #94A3B8;font-size: 0.92rem;line-height: 1.6}.article-back{display: inline-flex;align-items: center;gap: 6px;color: #94A3B8;text-decoration: none;font-size: 0.9rem;margin-bottom: 24px;transition: var(--trans-fast)}.article-back:hover{color: #FFFFFF}.article-header{padding: 150px 0 36px;max-width: 760px;margin: 0 auto}.article-meta{display: flex;gap: 12px;align-items: center;font-family: var(--font-mono);font-size: 0.78rem;color: var(--accent-emerald-light);text-transform: uppercase;letter-spacing: 0.04em;margin-bottom: 16px}.article-header h1{font-size: clamp(1.8rem,4vw,2.6rem);color: #FFFFFF;line-height: 1.25;margin-bottom: 16px}.article-lede{color: #94A3B8;font-size: 1.1rem;line-height: 1.6}.article-body{max-width: 760px;margin: 0 auto;padding: 0 24px 100px;color: #CBD5E1;font-size: 1.05rem;line-height: 1.8;position: relative;z-index: 1}.article-body h2{color: #FFFFFF;font-size: 1.5rem;margin: 48px 0 16px}.article-body h3{color: #FFFFFF;font-size: 1.2rem;margin: 32px 0 12px}.article-body p{margin-bottom: 20px}.article-body ul,.article-body ol{margin: 0 0 20px 24px}.article-body li{margin-bottom: 8px}.article-body a{color: var(--accent-emerald-light);text-decoration: underline;text-underline-offset: 2px}.article-body strong{color: #FFFFFF}.article-body blockquote{border-left: 3px solid var(--accent-emerald);padding: 4px 0 4px 20px;margin: 24px 0;color: #94A3B8;font-style: italic}.article-body picture{display: block;width: 100%;margin: 32px 0;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border-subtle);background: var(--bg-card);box-shadow: 0 8px 32px rgba(0,0,0,0.24)}.article-body picture img{display: block;width: 100%;height: auto;margin: 0;border-radius: 0}.article-body>img{width: 100%;height: auto;border-radius: var(--radius-lg);margin: 32px 0}.article-body table{width: 100%;border-collapse: collapse;margin: 8px 0 24px;font-size: 0.95rem}.article-body .table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 8px 0 24px}.article-body .table-scroll table{margin: 0;min-width: 460px}.article-body .source-note{margin: -16px 0 24px;font-size: 0.82rem;color: #7C8BA1}.article-body code{font-family: var(--font-mono,monospace);font-size: 0.88em;padding: 2px 6px;border-radius: 6px;background: rgba(99,102,241,0.12);color: #A5B4FC;white-space: nowrap}@media (max-width: 480px){.article-body code{white-space: normal;overflow-wrap: anywhere}}.article-body th,.article-body td{text-align: left;padding: 10px 12px;border-bottom: 1px solid var(--border-subtle)}.article-body th{color: #FFFFFF;font-family: var(--font-mono);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.04em}.article-body td.num{text-align: right;font-family: var(--font-mono);font-variant-numeric: tabular-nums}.tldr-box{background: var(--bg-card);border: 1px solid var(--border-accent);border-radius: var(--radius-md);padding: 20px 24px;margin: 8px 0 32px}.tldr-label{display: block;font-family: var(--font-mono);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--accent-emerald-light);margin-bottom: 10px}.tldr-box ul{margin: 0 0 0 20px}.tldr-box li{color: #E2E8F0;margin-bottom: 6px}.tldr-box li:last-child{margin-bottom: 0}.callout{border-radius: var(--radius-md);padding: 16px 20px;margin: 28px 0;border-left: 3px solid}.callout-label{display: block;font-family: var(--font-mono);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 6px}.callout-tip{background: rgba(16,185,129,0.08);border-left-color: var(--accent-emerald)}.callout-tip .callout-label{color: var(--accent-emerald-light)}.callout-mistake{background: rgba(244,63,94,0.08);border-left-color: var(--accent-rose)}.callout-mistake .callout-label{color: #FB7185}.stat-highlight{text-align: center;padding: 28px 20px;margin: 32px 0;background: var(--bg-card);border-radius: var(--radius-lg);border: 1px solid var(--border-subtle)}.stat-highlight .stat-num{font-family: var(--font-mono);font-size: 2.4rem;font-weight: 700;background: var(--grad-text-glow);-webkit-background-clip: text;background-clip: text;color: transparent;line-height: 1.1}.stat-highlight .stat-caption{color: #94A3B8;font-size: 0.92rem;margin-top: 6px}.stat-highlight .stat-source{color: #7C8BA1;font-size: 0.76rem;margin-top: 10px}.article-demo{background: radial-gradient(circle at center,#131E33 0%,#0E1626 100%);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 18px;margin: 32px 0}.article-demo-label{font-family: var(--font-mono);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.05em;color: #7C8BA1;margin-bottom: 12px}.article-demo .chat-messages{height: auto;padding: 0;overflow: visible}.bot-visibility,.scheme{background: radial-gradient(circle at center,#131E33 0%,#0E1626 100%);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 18px;margin: 32px 0}.bot-visibility-grid,.scheme-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px}.bv-card{display: flex;flex-direction: column;background: #1E293B;border-radius: var(--radius-md);padding: 14px}.bv-card-title{color: #FFFFFF;font-size: 0.86rem;font-weight: 700;line-height: 1.3;min-height: 2.6em}.bv-chat{display: flex;flex-direction: column;gap: 6px;margin: 12px 0}.bv-msg{align-self: flex-start;max-width: 85%;padding: 5px 10px;border-radius: 12px;font-size: 0.8rem;line-height: 1.35;background: #334155;color: #AAB6C7}.bv-msg.bv-mine{align-self: flex-end}.bv-msg.bv-got{background: #047857;color: #FFFFFF}.bot-visibility .bv-note,.scheme .bv-note{color: #CBD5E1;font-size: 0.82rem;line-height: 1.4;margin: auto 0 0}.bv-badge{display: inline-block;margin-top: 8px;padding: 2px 8px;border-radius: 8px;background: rgba(99,102,241,0.22);color: #A5B4FC;font-size: 0.72rem;font-weight: 600;align-self: flex-start}.bot-visibility figcaption,.scheme figcaption{display: flex;flex-wrap: wrap;gap: 6px 18px;margin-top: 12px;color: #7C8BA1;font-size: 0.78rem}.bv-key::before{content: "";display: inline-block;width: 10px;height: 10px;margin-right: 6px;border-radius: 3px;background: #334155;vertical-align: -1px}.bv-key.bv-got::before{background: var(--accent-emerald)}.sm-rows{display: flex;flex-direction: column;gap: 10px;margin: 14px 0 12px}.sm-row{display: grid;grid-template-columns: 1fr auto;gap: 4px 8px}.sm-name{color: #CBD5E1;font-size: 0.8rem}.sm-val{grid-row: 1;grid-column: 2;color: #94A3B8;font-size: 0.76rem;font-family: var(--font-mono);white-space: nowrap}.sm-track{grid-column: 1 / -1;height: 10px;border-radius: 5px;background: #334155;overflow: hidden}.sm-fill{height: 100%;border-radius: 5px;background: var(--accent-emerald)}.sm-fill.sm-heavy{background: #FB7185}.article-demo .msg-kb{margin-top: 10px;padding: 6px 10px;border-radius: 8px;background: rgba(255,255,255,0.08);text-align: center;font-size: 0.82rem}.mm-rows{display: flex;flex-direction: column;gap: 8px}.mm-row{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,3fr);gap: 10px;align-items: center}.mm-in{justify-self: start;padding: 5px 11px;border-radius: 12px 12px 12px 4px;background: #334155;color: #FFFFFF;font-size: 0.82rem;line-height: 1.35}.mm-out{color: #CBD5E1;font-size: 0.84rem;line-height: 1.4}.mm-out::before{content: "\2192";color: var(--accent-emerald);margin-right: 8px}.mm-out b{color: #FFFFFF}.mm-tag{display: inline-block;margin-left: 6px;padding: 0 6px;border-radius: 6px;background: rgba(99,102,241,0.22);color: #A5B4FC;font-size: 0.7rem;font-weight: 600;vertical-align: 1px}.mv-rows{display: flex;flex-direction: column;gap: 8px;margin: 14px 0 12px}.mv-row{display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;color: #CBD5E1;font-size: 0.8rem;line-height: 1.35}.mv-pill{flex-shrink: 0;padding: 1px 8px;border-radius: 6px;background: #334155;color: #94A3B8;font-size: 0.72rem;font-weight: 600}.mv-pill.mv-yes{background: var(--accent-emerald);color: #FFFFFF}@media (max-width: 640px){.bot-visibility-grid,.scheme-grid{grid-template-columns: 1fr}.mm-row{grid-template-columns: 1fr;gap: 4px}.bv-card-title{min-height: 0}}.author-bio{display: flex;align-items: center;gap: 14px;margin-top: 40px;padding: 16px 20px;background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-md)}.author-bio .author-avatar{width: 48px;height: 48px;border-radius: 50%;background: var(--bg-secondary);padding: 8px;flex-shrink: 0;object-fit: contain}.author-name{color: #FFFFFF;font-weight: 700;font-size: 0.95rem}.author-title{color: #94A3B8;font-size: 0.86rem;margin-top: 2px}.dashboard-chart{background: #0B0F19;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 24px 24px 16px;margin: 32px 0}.dashboard-chart-title{color: #FFFFFF;font-size: 0.95rem;font-weight: 700;margin-bottom: 4px}.dashboard-chart-caption{color: #7C8BA1;font-size: 0.78rem;margin-bottom: 16px}.dashboard-chart svg text{font-family: var(--font-mono);fill: #94A3B8}.dashboard-chart svg .bar-value{fill: #E2E8F0;font-size: 13px;font-weight: 600}.dashboard-chart svg .axis-label{font-size: 12px}.dashboard-chart svg .member-label{fill: #FFFFFF;font-size: 13px;font-weight: 600}.dashboard-chart svg .grid-line{stroke: rgba(255,255,255,0.08);stroke-width: 1}.dashboard-chart-legend{display: flex;gap: 20px;margin-top: 12px;font-size: 0.78rem;color: #94A3B8}.dashboard-chart-legend span{display: inline-flex;align-items: center;gap: 6px}.dashboard-chart-legend i{width: 10px;height: 10px;border-radius: 2px;display: inline-block}.inline-cta{margin: 32px 0;padding: 16px 20px;border-left: 3px solid var(--accent-emerald);background: rgba(16,185,129,0.06);border-radius: 0 var(--radius-md) var(--radius-md) 0}.inline-cta p{margin: 0 0 8px;color: #CBD5E1}.inline-cta a{color: var(--accent-emerald-light);font-weight: 600;text-decoration: none}.inline-cta a:hover{text-decoration: underline}.article-cta{margin-top: 48px;padding: 32px;background: var(--bg-card);border: 1px solid var(--border-accent);border-radius: var(--radius-lg);text-align: center}.article-cta h3{color: #FFFFFF;margin-bottom: 8px;font-size: 1.3rem}.article-cta p{color: #94A3B8;margin-bottom: 20px}@media (max-width: 640px){.blog-hero,.article-header{padding-top: 120px}}