.blog-layout{display:block}.blog-article{max-width:820px;margin:0 auto;padding:0 0 32px}@media(min-width:1024px){.blog-layout.has-rail{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start;max-width:1180px;margin:0 auto}.blog-layout.has-rail .blog-article,.blog-layout.has-rail .blog-related-sec{max-width:none;margin:0}.blog-layout.has-rail .blog-rail{position:sticky;top:16px}}.rail-card{background:var(--bg-card,var(--card,var(--bg-2,#161e36)));border:1px solid var(--border,var(--line,rgba(255,255,255,.08)));border-radius:14px;padding:16px 14px}.rail-title{font-size:14px;font-weight:800;margin:0 0 12px;color:var(--text,#fff)}.rail-list{display:flex;flex-direction:column;gap:8px}.rail-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-3,rgba(255,255,255,.04));border:1px solid var(--border,var(--line,rgba(255,255,255,.08)));border-radius:10px;color:var(--text,#fff);transition:border-color .15s,transform .15s}.rail-item:hover{border-color:var(--accent,#10b981);transform:translateY(-1px)}.rail-logo{flex:none;display:grid;place-items:center;width:52px;height:32px;background:var(--bg-2,rgba(0,0,0,.25));border-radius:8px;overflow:hidden}.rail-logo img{max-width:46px;max-height:26px;object-fit:contain;display:block}.rail-logo-text{font-size:12px;font-weight:800;color:var(--accent,#10b981)}.rail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rail-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-badge{font-size:11px;color:var(--accent,#10b981);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-go{flex:none;font-size:11.5px;font-weight:700;color:var(--accent,#10b981)}.rail-item:hover .rail-go{text-decoration:underline}.rail-all{display:block;margin-top:12px;text-align:center;font-size:13px;font-weight:600;color:var(--accent,#10b981)}.rail-all:hover{text-decoration:underline}@media(max-width:1023px){.blog-rail{margin-top:8px;margin-bottom:24px}}.blog-hero{background:linear-gradient(180deg,var(--bg-2,#131a2c) 0%,var(--bg,#0a0e1a) 100%);border:1px solid var(--border,var(--line,rgba(255,255,255,.08)));border-radius:14px;padding:32px 32px 26px;margin-bottom:20px;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,var(--accent-glow,rgba(16,185,129,.18)) 0%,transparent 55%)}.blog-hero h1{position:relative;font-size:clamp(26px,4vw,36px);font-weight:900;line-height:1.2;letter-spacing:-.5px;margin:0 0 16px;color:var(--text,#fff)}.blog-byline{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--text-3,var(--muted,#8b94ab))}.blog-author{display:inline-flex;align-items:center;gap:8px;color:var(--text,#fff);font-weight:600}.blog-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#10b981),var(--accent-2,var(--accent,#059669)));color:#04150e;font-size:14px;font-weight:800}.blog-readtime{opacity:.85}.blog-lead{position:relative;margin:16px 0 0;font-size:16.5px;line-height:1.65;color:var(--text-2,#9aa8c7)}.blog-article .prose{font-size:15.5px}.blog-article .prose>p:first-of-type{font-size:17px;color:var(--text,#e8edf7);line-height:1.75}.blog-article .prose h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:32px 0 14px;padding-left:14px;position:relative}.blog-article .prose h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent,#10b981),var(--accent-2,var(--accent,#059669)))}.blog-article .prose h3{font-size:18px;margin:26px 0 10px}.blog-article .prose strong{color:var(--text,#e8edf7)}.blog-article .prose li::marker{color:var(--accent,#10b981)}.blog-article .prose blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid var(--accent,#10b981);background:var(--bg-3,rgba(255,255,255,.04));border-radius:0 8px 8px 0;color:var(--text-2,#9aa8c7);font-style:italic}.blog-article .prose hr{border:0;border-top:1px solid var(--border,var(--line,rgba(255,255,255,.08)));margin:28px 0}.blog-article .prose img{border-radius:10px;max-width:100%}.blog-article .prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.blog-article .prose th,.blog-article .prose td{padding:8px 12px;border:1px solid var(--border,var(--line,rgba(255,255,255,.08)));text-align:left}.blog-article .prose th{background:var(--bg-3,rgba(255,255,255,.05));color:var(--text,#fff)}.blog-related-sec{max-width:820px;margin:0 auto;padding-bottom:40px}.blog-related-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.blog-related-head h2{font-size:20px;font-weight:800;margin:0;color:var(--text,#fff)}.blog-related-head .more{color:var(--accent,#10b981);font-weight:600;font-size:14px}.blog-related-head .more:hover{text-decoration:underline}@media(max-width:640px){.blog-hero{padding:22px 18px 20px}}
