.blog-post{padding:56px 1.5rem 0;flex:1;position:relative}.blog-post__inner{z-index:1;max-width:994px;margin:0 auto;gap:56px}.blog-post__header,.blog-post__inner{position:relative;display:flex;flex-direction:column}.blog-post__header{align-items:center;gap:16px;text-align:center;width:min(100%,790px);align-self:center}.blog-post__header-effect{position:absolute;left:50%;top:50%;width:90%;height:180%;background:var(--primary-base);filter:blur(100px);transform:translate(-50%,-50%);border-radius:50%;opacity:.4;z-index:-1}.blog-post__tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.blog-post__tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:var(--bg-soft-200);border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:16px;color:var(--text-sub-600)}.blog-post__title{font-family:var(--font-display);font-size:48px;font-weight:600;line-height:1.08;letter-spacing:0;background:linear-gradient(143.79deg,#ffffff29 35.45%,#12121229 64.55%),linear-gradient(90deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0}.blog-post__description{font-size:1.25rem;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--text-sub-600);margin:0}.blog-post__byline{display:flex;align-items:center;gap:12px;justify-content:center}.blog-post__author{display:flex;align-items:center;gap:8px}.blog-post__author-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--primary-base);font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.blog-post__author-name{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--text-sub-600)}.blog-post__byline-sep,.blog-post__date{font-size:12px;font-weight:500;line-height:16px;letter-spacing:.48px;text-transform:uppercase;color:var(--text-sub-600)}.blog-post__hero-wrap{width:min(100%,994px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--stroke-soft-200);background:var(--bg-white-0);align-self:center;aspect-ratio:16/9}.blog-post__hero{display:block;width:100%;height:100%;object-fit:cover}.blog-post__content{color:var(--text-strong-950);font-size:17px;line-height:1.7;letter-spacing:0;font-weight:400;width:min(100%,790px);align-self:center;overflow-wrap:break-word}.blog-post__content h1{font-size:28px;margin:44px 0 18px;line-height:1.25}.blog-post__content h1,.blog-post__content h2{font-weight:600;color:var(--text-strong-950);letter-spacing:0}.blog-post__content h2{font-size:24px;margin:36px 0 16px;line-height:1.3}.blog-post__content h3{font-size:19px;font-weight:600;color:var(--text-strong-950);margin:28px 0 12px;letter-spacing:0;line-height:1.35}.blog-post__content p{color:var(--text-strong-950);margin:0 0 18px}.blog-post__content a{color:var(--primary-darker);text-decoration:underline;text-underline-offset:3px;transition:color var(--t-fast)}.blog-post__content a:hover{color:var(--primary-dark)}.blog-post__content ol,.blog-post__content ul{color:var(--text-strong-950);padding-left:1.5rem;margin:0 0 1.25rem;list-style:revert}.blog-post__content li{margin-bottom:.5rem}.blog-post__content code{background:var(--bg-soft-200);border:1px solid var(--stroke-soft-200);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em;padding:.15em .4em}.blog-post__content pre{background:var(--surface-container-50);border:1px solid var(--stroke-soft-200);border-radius:var(--radius-10);padding:1.25rem;overflow-x:auto;margin:0 0 1.5rem}.blog-post__content pre code{background:none;border:none;padding:0;font-size:.875rem}.blog-post__content blockquote{border-left:3px solid var(--primary-base);padding-left:1rem;margin:1.5rem 0;color:var(--text-soft-400);font-style:italic}.blog-post__content sub,.blog-post__content sup{color:var(--text-sub-600);font-size:.8em;line-height:1.4}.blog-post__content img{display:block;width:auto;max-width:min(100%,994px);height:auto;border-radius:var(--radius-10);margin:32px auto;border:1px solid var(--stroke-soft-200);background:var(--bg-white-0)}.blog-post__content figure{margin:32px 0}.blog-post__content p:has(>img:only-child){margin:32px 0}.blog-post__content p:has(>img:only-child) img{margin:0 auto}.blog-post__content figcaption{font-size:1rem;font-weight:400;line-height:24px;letter-spacing:0;color:var(--text-soft-400);text-align:center;margin-top:12px}.blog-post__content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;line-height:1.5;overflow-wrap:normal}.blog-post__content td,.blog-post__content th{border-bottom:1px solid var(--stroke-soft-200);padding:10px 12px;text-align:left;vertical-align:top}.blog-post__content th{color:var(--text-strong-950);font-weight:600;background:var(--bg-white-0)}.blog-post__content td{color:var(--text-sub-600)}.blog-post__content hr{border:none;border-top:1px solid var(--stroke-soft-200);margin:2.5rem 0}.blog-post__nav{padding-bottom:80px;display:flex;flex-direction:column;gap:32px;width:min(100%,790px);align-self:center}.blog-post__nav-divider{height:1px;background:var(--stroke-soft-200)}.blog-post__nav-row{display:flex;align-items:center;justify-content:space-between}.blog-post__nav-btn{display:inline-flex;align-items:center;gap:4px;height:36px;padding:6px 8px;border-radius:8px;font-family:var(--font-sans);font-size:1rem;font-weight:500;line-height:24px;letter-spacing:0;color:var(--text-strong-950);background:none;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.blog-post__nav-btn:hover{background:var(--bg-weak-50)}.blog-post__nav-btn--disabled{color:var(--text-soft-400);cursor:default;pointer-events:none}@media(max-width:860px){.blog-post{padding-inline:1rem}.blog-post__inner{gap:40px}.blog-post__title{font-size:40px}.blog-post__content{font-size:16px}}@media(max-width:640px){.blog-post{padding-top:40px}.blog-post__title{font-size:32px}.blog-post__description{font-size:1.0625rem}.blog-post__content h1{font-size:24px}.blog-post__content h2{font-size:21px}.blog-post__content h3{font-size:18px}.blog-post__content table{display:block;overflow-x:auto;white-space:nowrap}.blog-post__nav-row{flex-wrap:wrap;gap:12px}.blog-post__nav-btn{flex:1 1 auto;justify-content:center}}