.blog{min-height:100vh;background:#fff;color:#0a1220;font-family:var(--font-sans)}.blog-hero{max-width:860px;margin:0 auto;padding:84px 24px 48px}.blog-kicker{font:600 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.blog-hero h1{margin:16px 0 18px;font-size:clamp(34px,4.6vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.04}.blog-lede{margin:0;font-size:19px;line-height:1.6;color:#475569;max-width:620px}.blog-body{max-width:1100px;margin:0 auto;padding:0 24px 96px}.blog-state{padding:40px 0;font:500 14px/1 var(--font-mono);color:#94a3b3}.blog-empty{padding:36px;border:1px dashed #d6e2f2;border-radius:16px;background:#f5f8ff;max-width:640px}.blog-empty h3{margin:0 0 8px;font-size:19px;font-weight:700}.blog-empty p{margin:0;font-size:15.5px;color:#52606e}.blog-empty a{color:var(--primary);text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6edf6;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 26px 52px -28px #0c1a3c42;border-color:#d6e2f2}.post-cover{aspect-ratio:16 / 9;background:#eef3fb;overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover;display:block}.post-cover-fallback{background:linear-gradient(135deg,#eaf2ff,#dbe9ff)}.post-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font:500 12px/1 var(--font-mono);color:#94a3b3;margin-bottom:12px}.post-meta span+span:before{content:"·";margin-right:14px;color:#c2cfe0}.post-card-body h3{margin:0 0 9px;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.post-card-body p{margin:0;font-size:14.5px;line-height:1.6;color:#52606e}.post-readmore{margin-top:16px;font:600 13.5px/1 var(--font-mono);color:var(--primary);display:inline-flex;align-items:center;gap:6px}.post-readmore .arr-blue{transition:transform .2s}.post-card:hover .post-readmore .arr-blue{transform:translate(3px)}.post{max-width:760px;margin:0 auto;padding:48px 24px 88px}.post-back{display:inline-block;font:600 13.5px/1 var(--font-mono);color:#3a4654;text-decoration:none;margin-bottom:28px}.post-back:hover{color:var(--primary)}.post-head h1{margin:14px 0;font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.06}.post-excerpt{margin:0;font-size:19px;line-height:1.6;color:#475569}.post-hero-cover{margin:36px 0 8px;border-radius:16px;overflow:hidden;border:1px solid #e6edf6}.post-hero-cover img{width:100%;height:auto;display:block}.post-content{margin-top:36px;font-size:17px;line-height:1.75;color:#2c3845}.post-content>*:first-child{margin-top:0}.post-content h2{margin:40px 0 14px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:#0a1220}.post-content h3{margin:32px 0 12px;font-size:21px;font-weight:700;letter-spacing:-.015em;color:#0a1220}.post-content p{margin:0 0 20px}.post-content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.post-content ul,.post-content ol{margin:0 0 20px;padding-left:24px}.post-content li{margin-bottom:8px}.post-content blockquote{margin:0 0 20px;padding:4px 0 4px 20px;border-left:3px solid var(--primary);color:#475569}.post-content img{max-width:100%;height:auto;border-radius:12px;border:1px solid #e6edf6;margin:8px 0 20px}.post-content hr{border:none;border-top:1px solid #e9eef6;margin:36px 0}.post-content code{font-family:var(--font-mono);font-size:.9em;background:#eef3fb;color:#0a1220;padding:2px 6px;border-radius:5px}.post-content pre{background:#0b1220;color:#e2e8f0;border-radius:12px;padding:18px 20px;overflow-x:auto;margin:0 0 22px;border:1px solid #1c1d25}.post-content pre code{background:none;color:inherit;padding:0;font-size:13px;line-height:1.7}.post-content table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}.post-content th,.post-content td{border:1px solid #e6edf6;padding:9px 12px;text-align:left}.post-content th{background:#f5f8ff;font-weight:600}@media (max-width: 600px){.blog-hero{padding:56px 22px 36px}.blog-body{padding:0 22px 72px}.post-grid{grid-template-columns:1fr}.post{padding:36px 22px 64px}}.post-byline{display:flex;align-items:center;gap:12px;margin-top:22px}.byline-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}.byline-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#eef3fb;color:var(--primary);font:700 16px/1 var(--font-sans);text-transform:uppercase}.byline-meta{display:flex;flex-direction:column;gap:3px}.byline-name{font:600 14.5px/1 var(--font-sans);color:#0a1220}.byline-sub{font:500 12.5px/1 var(--font-mono);color:#94a3b3}.post-byline .author-social{margin-left:auto}.author-social{display:inline-flex;align-items:center;gap:6px}.author-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#64748b;border:1px solid #e6edf6;transition:color .15s,border-color .15s,background .15s}.author-social a:hover{color:var(--primary);border-color:#cfe0fb;background:#f5f9ff}.author-card{display:flex;gap:18px;align-items:flex-start;margin:48px 0 8px;padding:24px;border:1px solid #e6edf6;border-radius:16px;background:#fbfdff}.author-card-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none;font-size:22px}.author-card-body{flex:1;min-width:0}.author-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.author-card-name{font:700 16px/1.2 var(--font-sans);color:#0a1220}.author-card-role{margin-top:4px;font:500 12.5px/1 var(--font-mono);color:#94a3b3}.author-card-bio{margin:12px 0 0;font-size:14.5px;line-height:1.65;color:#52606e}@media (max-width: 560px){.post-byline{flex-wrap:wrap}.post-byline .author-social{margin-left:0;width:100%}}.topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.topic-chip{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;font:600 12.5px/1 var(--font-mono);letter-spacing:.01em;color:#3a4654;background:#f1f6fd;border:1px solid #e0eafa;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.topic-chip:hover{color:var(--primary);background:#eaf3ff;border-color:#cfe0fb}.post-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.post-tag{font:600 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:#f1f6fd;border:1px solid #e0eafa;border-radius:5px;padding:4px 7px}.related-posts{margin-top:56px;padding-top:36px;border-top:1px solid #e6edf6}.related-heading{margin:0 0 22px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#0a1220}
