.blog-page{--blog-bg:#f8fafc;--blog-ink:#0f172a;--blog-muted:#526075;--blog-gold:#fbbf24;--blog-border:#dce2e9;background:var(--blog-bg);min-height:100vh;color:var(--blog-ink);padding:144px 32px 72px;font-family:Inter,sans-serif}.blog-inner{max-width:1080px;margin-inline:auto}.blog-page h1{margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.1}.blog-lead{color:var(--blog-muted);margin:0 0 56px;font-size:18px}.blog-section-title{margin:0 0 24px;font-size:28px;font-weight:700}.blog-posts{gap:20px;margin:0 0 64px;padding:0;list-style:none;display:grid}.blog-post-card{border:1px solid var(--blog-border);border-left:4px solid var(--blog-gold);color:inherit;background:#fff;border-radius:8px;flex-direction:column;gap:10px;padding:32px;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex}.blog-post-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0f172a14}.blog-date{color:var(--blog-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.blog-post-title{font-size:24px;font-weight:700}.blog-post-excerpt{color:var(--blog-muted);line-height:1.6}.blog-read{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.blog-read svg{width:16px;height:16px}.blog-page .blog-videos{margin:0}.blog-page .blog-videos .vn-video-title{color:var(--blog-ink)}.blog-article{max-width:760px;margin-inline:auto}.blog-back{color:var(--blog-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.blog-back svg{width:16px;height:16px}.blog-subtitle{margin:0 0 12px;font-size:22px;font-weight:500;line-height:1.4}.blog-meta{color:var(--blog-muted);margin:0 0 40px;font-size:14px}.blog-body{font-size:18px;line-height:1.75}.blog-body p{margin:0 0 20px}.blog-body h2{margin:48px 0 16px;font-size:26px;line-height:1.3}.blog-body a{color:var(--blog-ink);-webkit-text-decoration-color:var(--blog-gold);-webkit-text-decoration-color:var(--blog-gold);text-decoration-color:var(--blog-gold);text-underline-offset:3px}.blog-body hr{border:0;border-top:1px solid var(--blog-border);margin:40px 0}.blog-body blockquote{background:var(--blog-ink);color:#f8fafc;border-left:4px solid var(--blog-gold);border-radius:8px;margin:32px 0;padding:24px 28px}.blog-body blockquote p{margin:0 0 8px}.blog-body blockquote p:last-child{margin:0}.blog-body blockquote strong{color:var(--blog-gold)}@media (width<=640px){.blog-page{padding:112px 20px 48px}.blog-page h1{font-size:34px}.blog-body{font-size:17px}.blog-post-card{padding:24px}}@media (prefers-reduced-motion:reduce){.blog-post-card{transition:none}.blog-post-card:hover{transform:none}}
