.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding:8px 0 72px}.blog-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--border);background:var(--surface);transition:transform .15s ease,box-shadow .15s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px -18px rgba(0,0,0,.5)}.blog-cover{position:relative;aspect-ratio:16/9;background:color-mix(in srgb,var(--route-green) 10%,var(--surface))}.blog-cover img{-o-object-fit:cover;object-fit:cover}.blog-card-body{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1 1 auto}.blog-card-title{font-family:var(--font-sora);font-weight:800;font-size:1.12rem;line-height:1.3;margin:0}.blog-card-excerpt{color:var(--text-muted);font-size:.92rem;line-height:1.5;margin:0}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);margin-top:auto;padding-top:6px}.blog-meta .dot{opacity:.5}.blog-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--route-green) 12%,transparent);color:var(--route-green)}.blog-article{max-width:760px;margin:0 auto;padding:8px 0 80px}.blog-hero{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;margin:12px 0 24px;background:color-mix(in srgb,var(--route-green) 10%,var(--surface))}.blog-hero img{-o-object-fit:cover;object-fit:cover}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted);margin-bottom:20px}.blog-content{font-size:1.07rem;line-height:1.8;color:var(--text-soft)}.blog-content .lead{font-size:1.18rem;color:var(--text);font-weight:500;margin:0 0 20px}.blog-content h2{font-size:1.5rem;font-weight:800;margin:34px 0 12px;color:var(--text)}.blog-content h3{font-size:1.2rem;font-weight:700;margin:24px 0 10px;color:var(--text)}.blog-content p{margin:0 0 16px}.blog-content ol,.blog-content ul{margin:0 0 18px 22px}.blog-content li{margin-bottom:7px}.blog-content a{color:var(--sign-yellow);text-decoration:underline}.blog-content img{max-width:100%;border-radius:12px;margin:12px 0}.blog-content blockquote{margin:18px 0;padding:8px 18px;border-left:4px solid var(--route-green);color:var(--text-muted)}.blog-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}.blog-content td,.blog-content th{border:1px solid var(--border);padding:8px 10px;text-align:left}