.blog-article{max-width:760px;padding-top:16px}.blog-article__header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.blog-article__header h1{font-size:32px;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em;font-weight:700}.blog-article__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13.5px;color:var(--color-text-muted)}.blog-article__tags{display:inline-flex;flex-wrap:wrap;gap:6px}.blog-article__tag{color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:999px;font-size:12px;text-decoration:none;transition:background var(--transition-fast)}.blog-article__tag:hover{background:var(--color-primary-ring)}.blog-article__content h2{font-size:22px;margin:36px 0 14px;font-weight:600;letter-spacing:-.01em;position:relative;padding-left:12px}.blog-article__content h2:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.blog-article__content h3{font-size:18px;margin:28px 0 10px;font-weight:600;padding-bottom:6px;border-bottom:1px dashed var(--color-border)}.blog-article__content h4{font-size:15.5px;margin:22px 0 8px;font-weight:600;color:var(--color-text-soft);position:relative;padding-left:14px}.blog-article__content h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-primary);opacity:.7}.blog-article__content p{margin:0 0 16px;line-height:1.8;color:var(--color-text)}.blog-article__content ul,.blog-article__content ol{padding-left:24px;margin:0 0 16px}.blog-article__content li{margin-bottom:8px;line-height:1.75}.blog-article__content code{font-family:var(--font-mono);font-size:.88em;background:var(--color-bg-code);border:1px solid var(--color-border);padding:1px 6px;border-radius:4px;color:var(--color-primary)}.blog-article__content pre{background:var(--color-bg-code);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px;overflow-x:auto;margin:0 0 18px;font-size:13.5px;line-height:1.65}.blog-article__content pre code{background:none;border:0;padding:0;color:var(--color-text);font-size:inherit}.blog-article__content img{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin:8px 0 16px}.blog-article__content hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:32px 0}.blog-article__content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}.blog-article__content th,.blog-article__content td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.blog-article__content th{background:var(--color-bg-soft);font-weight:600}.blog-article__content blockquote{border-left:3px solid var(--color-primary);margin:0 0 16px;padding:8px 16px;background:var(--color-bg-soft);color:var(--color-text-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-article__content blockquote p{margin:0}.blog-article__content strong{font-weight:600;color:var(--color-text)}.blog-article__content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color var(--transition-fast)}.blog-article__content a:hover{color:var(--color-primary-hover)}.blog-article__cta{margin-top:48px;padding:28px 24px;border:1px solid var(--color-primary-border);border-radius:var(--radius-md);background:var(--color-primary-soft);text-align:center;background-image:radial-gradient(400px 160px at 50% 0%,var(--color-primary-soft),transparent 70%)}.blog-article__cta p{margin:0 0 16px;font-size:15px;color:var(--color-text);font-weight:500}.blog-article__cta .btn{margin:0 6px 8px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.post-nav__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.post-nav__card:hover:not(.post-nav__card--placeholder){border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.post-nav__anchor{color:inherit;text-decoration:none}.post-nav__anchor:after{content:"";position:absolute;inset:0}.post-nav__card--next{text-align:right}.post-nav__card--placeholder{visibility:hidden}.post-nav__label{font-size:12.5px;color:var(--color-text-muted);font-weight:500}.post-nav__title{font-size:14.5px;line-height:1.5;color:var(--color-text);font-weight:500}@media(max-width:600px){.post-nav{grid-template-columns:1fr}.post-nav__card--next{text-align:left}.post-nav__card--placeholder{display:none}}@media(max-width:768px){.blog-article__header h1{font-size:26px}.blog-article__content pre{font-size:12.5px;padding:14px}}