.blog-shell{width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.blog-shell--post{max-width:1240px}.blog-layout{align-items:flex-start;gap:clamp(2rem,4vw,3.5rem);margin-top:2rem;display:flex}.blog-layout__main{flex:auto;min-width:0}.blog-featured{border-color:var(--color-border-default);background:linear-gradient(135deg, var(--color-surface), var(--color-surface-soft));grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);margin-bottom:2rem;padding:0;display:grid;overflow:hidden}.blog-featured__media{background:var(--color-surface-soft);min-height:100%;overflow:hidden}.blog-featured__media img{object-fit:cover;width:100%;height:100%;min-height:19rem;display:block}.blog-featured__content{align-self:center;padding:clamp(1.5rem,3vw,2.75rem)}.blog-featured__eyebrow{color:var(--color-accent-deep);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:800}.blog-featured h2{font:700 clamp(1.5rem, 2.5vw, 2.2rem)/1.2 var(--font-heading);letter-spacing:-.03em;margin:.65rem 0 1rem}.blog-featured h2 a{color:var(--color-text-strong);text-decoration:none}.blog-featured h2 a:hover{color:var(--color-accent)}.blog-featured p{color:var(--color-text-dim);line-height:var(--leading-reading);margin:0 0 1.25rem}.blog-featured .blog-post-card__meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-rss-link{border-radius:var(--radius-lg);color:var(--color-accent-deep);background:var(--color-kicker-bg);border:1px solid #7c3aed2e;align-items:flex-start;gap:.85rem;padding:1.1rem 1.25rem;text-decoration:none;display:flex}.blog-rss-link span{gap:.25rem;display:grid}.blog-rss-link small{color:var(--color-text-soft);line-height:1.45}.blog-rss-link:hover{border-color:var(--color-accent)}.blog-no-results{border-radius:var(--radius-lg);text-align:center;border:1px dashed #7c3aed40;padding:2rem}.blog-no-results p{color:var(--color-text-soft)}.blog-archive-filters{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1.5rem;display:flex}.blog-archive-filters label{min-width:9rem;color:var(--color-text-muted);font-size:var(--text-xs);gap:.35rem;font-weight:700;display:grid}.blog-archive-filters select{min-height:var(--control-height);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-strong);font:inherit;font-size:var(--text-sm);padding:.5rem 2rem .5rem .75rem}.blog-archive-filters select:disabled{opacity:.55}@media (width<=560px){.blog-archive-filters{align-items:stretch}.blog-archive-filters label{flex:calc(50% - .75rem);min-width:8rem}.blog-archive-filters label:first-child{flex-basis:100%}}.blog-active-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.blog-active-filters__chip{background:var(--color-kicker-bg);border-radius:var(--radius-pill);color:var(--color-accent-deep);align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.blog-active-filters__chip button{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;padding:0;display:flex}.blog-active-filters__count{color:var(--color-text-muted);font-size:.85rem}.blog-sidebar{flex-direction:column;flex:0 0 300px;align-self:flex-start;gap:1.75rem;display:flex;position:sticky;top:6rem}.blog-widget{background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:1.5rem}.blog-widget__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem;font-size:.85rem}.blog-widget__list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.blog-widget__category{background:var(--color-chip-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--color-text-soft);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .9rem;font-weight:600;display:flex}.blog-widget__category:hover{border-color:var(--color-accent);color:var(--color-text-strong)}.blog-widget__category--active{background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:var(--color-on-accent-soft)}.blog-widget__count{border-radius:var(--radius-pill);font-size:var(--text-xs);background:#1c123114;flex-shrink:0;padding:.1rem .55rem}.blog-widget__category--active .blog-widget__count{background:#ffffff40}.blog-widget__list--recent{gap:.9rem}.blog-widget__recent-link{align-items:flex-start;gap:.75rem;text-decoration:none;display:flex}.blog-widget__recent-image{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:56px;height:56px}.blog-widget__recent-body{flex-direction:column;gap:.25rem;display:flex}.blog-widget__recent-title{font-size:var(--text-sm);color:var(--color-text-strong);transition:color var(--duration-fast) var(--ease-standard);font-weight:600;line-height:1.3}.blog-widget__recent-link:hover .blog-widget__recent-title{color:var(--color-accent)}.blog-widget__recent-date{font-size:var(--text-xs);color:var(--color-text-muted)}.blog-widget--about{text-align:center}.blog-widget__avatar{border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--color-accent);margin-bottom:.75rem}.blog-widget--about p{color:var(--color-text-soft);margin:0;font-size:.85rem;line-height:1.5}@media (width<=1080px){.blog-layout{flex-direction:column}.blog-layout__main{width:100%}.blog-sidebar{flex:auto;width:100%;position:static}.blog-sidebar .blog-widget--about{display:none}}.blog-pagination{justify-content:center;align-items:center;gap:1.25rem;margin-top:3rem;display:flex}.blog-pagination__arrow{border-radius:var(--radius-circle);border:1px solid var(--color-border-default);background:var(--color-surface);cursor:pointer;width:40px;height:40px;color:var(--color-text-strong);transition:all var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.blog-pagination__arrow:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.blog-pagination__arrow:disabled{opacity:.4;cursor:not-allowed}.blog-pagination__status{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.blog-pagination__numbers{gap:.35rem;display:flex}.blog-pagination__numbers button{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface);min-width:2.5rem;min-height:2.5rem;color:var(--color-text-strong);font:inherit;cursor:pointer}.blog-pagination__numbers button[aria-current=page]{border-color:var(--color-accent-deep);background:var(--color-accent-deep);color:var(--color-on-accent-soft)}.blog-search-wrapper{width:100%;position:relative}.blog-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.blog-search-input{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;color:var(--color-text-strong);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-standard);outline:none;padding:.9rem 3.5rem .9rem 3rem}.blog-search-input:focus{border-color:var(--color-accent);background:var(--color-surface-soft);box-shadow:0 0 0 4px #7c3aed1a}.blog-search-clear{background:var(--color-chip-bg);width:var(--control-height);height:var(--control-height);border-radius:var(--radius-circle);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.blog-search-clear:hover{background:var(--color-kicker-bg);color:var(--color-text-strong)}.blog-category-clear{color:var(--color-accent-deep);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem;font-weight:600;display:inline-flex}.blog-category-clear:hover{text-decoration:underline}.blog-post-card{border:1px solid var(--color-card-border);height:100%;transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;padding:0;display:flex;overflow:hidden}.blog-post-card__media{aspect-ratio:16/9;background:var(--color-surface-soft);margin:0;display:block;overflow:hidden}.blog-post-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.blog-post-card:hover .blog-post-card__image{transform:scale(1.03)}.blog-post-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.blog-post-card__content{flex:1;padding:1.5rem 1.75rem 0}.blog-post-card__content h2,.blog-post-card__content h3{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-strong);margin-bottom:.75rem;font-size:1.35rem;line-height:1.3}.blog-post-card__meta{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.blog-post-card__desc{color:var(--color-text-dim);line-height:var(--leading-normal);margin-bottom:1.5rem}.blog-post-card__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.blog-post-card__link{align-self:flex-start;margin:auto 1.75rem 1.75rem}.blog-post-page{background:var(--color-surface);padding-top:4.5rem;padding-bottom:4rem}.blog-post-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.blog-post-share-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blog-post-back{color:var(--color-text-muted);align-items:center;gap:.5rem;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post-back:hover{color:var(--color-accent)}.blog-post-share{background:var(--color-chip-bg);border:1px solid var(--color-border-default);color:var(--color-text-strong);min-height:var(--control-height);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);align-items:center;gap:.5rem;padding:.5rem .85rem;font-weight:600;display:inline-flex}.blog-post-share:hover{border-color:var(--color-accent);background:var(--color-kicker-bg)}.blog-post-layout{align-items:flex-start;gap:clamp(2rem,4vw,3.5rem);display:flex}.blog-post-layout__main{flex:auto;min-width:0;max-width:720px}.blog-post-layout__toc-rail{flex:0 0 240px;position:sticky;top:6rem}@media (width<=1080px){.blog-post-layout{flex-direction:column}.blog-post-layout__toc-rail{display:none}.blog-post-layout__main>.blog-toc--mobile{max-height:none;margin:0 0 1.5rem;padding:1rem 1.15rem;display:block}.blog-post-layout__main{width:100%;max-width:none}}.blog-toc{background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);font-size:var(--text-sm);max-height:calc(100vh - 8rem);padding:1.25rem 1.5rem;overflow-y:auto}.blog-toc--mobile{display:none}.blog-toc__summary{cursor:pointer;color:var(--color-text-strong);font-weight:700}.blog-toc--mobile[open] .blog-toc__summary{margin-bottom:.85rem}.blog-toc__label{text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:.85rem;display:block}.blog-toc__list{border-left:2px solid var(--color-border-subtle);flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc__item a{color:var(--color-text-soft);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-left:2px solid #0000;margin-left:-2px;padding:.15rem 0 .15rem .9rem;line-height:1.4;text-decoration:none;display:block}.blog-toc__item--level-3 a{padding-left:1.6rem;font-size:.825rem}.blog-toc__item a:hover{color:var(--color-accent)}.blog-toc__item--active a{color:var(--color-accent-deep);border-left-color:var(--color-accent);font-weight:600}.related-posts{margin-top:4rem}.related-posts__heading{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text-strong);letter-spacing:-.02em;margin-bottom:1.5rem}.related-posts__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.related-post-card{border-radius:var(--radius-lg);border:1px solid var(--color-card-border);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.related-post-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong);transform:translateY(-3px)}.related-post-card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.related-post-card__body{padding:1rem 1.1rem 1.25rem}.related-post-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.related-post-card__title{color:var(--color-text-strong);margin-top:.35rem;font-size:.95rem;line-height:1.35}@media (width<=760px){.related-posts__grid{grid-template-columns:1fr}}.blog-comments{border-top:1px solid #a855f72e;margin-top:4rem;padding-top:3rem}.blog-comments__heading{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text-strong);letter-spacing:-.02em;margin-bottom:.5rem}.blog-comments__hint{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}.blog-post-title{font-family:var(--font-heading);color:var(--color-text-strong);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3rem);line-height:1.1}.blog-post-meta{color:var(--color-text-muted);border-bottom:1px solid #a855f72e;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;font-size:.9rem;display:flex}.blog-post-meta span{align-items:center;gap:.5rem;display:flex}.blog-post-meta__taxonomy{border:1px solid var(--color-chip-border);border-radius:var(--radius-pill);background:var(--color-chip-bg);min-height:2rem;color:var(--color-accent-deep);font-size:var(--text-xs);padding:.25rem .65rem;font-weight:700}.blog-markdown{margin-bottom:2rem}.markdown-content{line-height:var(--lh-relaxed,1.7);font-size:var(--text-lg);color:var(--color-text-soft);max-width:720px}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-family:var(--font-heading);color:var(--color-text-strong);letter-spacing:-.02em;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:6rem}.markdown-content h1{font-size:clamp(1.8rem,3vw,2.25rem);line-height:1.2}.markdown-content h2{margin-top:3rem;font-size:clamp(1.55rem,2.5vw,1.85rem);line-height:1.25}.markdown-content h3{margin-top:2rem;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.35}.markdown-content p{margin-bottom:1.25rem}.markdown-content a{color:var(--color-accent);text-decoration:underline}.markdown-content ul,.markdown-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content pre{background:var(--color-code-bg);color:var(--color-code-text);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-bottom:1.25rem;padding:1rem;overflow-x:auto}.markdown-content code{font-family:monospace;font-size:.9em}.markdown-content :not(pre)>code{background:var(--color-code-inline-bg);color:var(--color-code-inline-text);border-radius:var(--radius-xs);padding:.2rem .4rem}.markdown-content pre code{color:inherit;background:0 0;padding:0}.markdown-content__table-wrapper{border:1px solid var(--color-kicker-border);border-radius:var(--radius-sm);overscroll-behavior-x:contain;scrollbar-width:thin;margin-bottom:1.5rem;overflow-x:auto}.markdown-content table{border-collapse:collapse;width:100%;font-size:.9rem}.markdown-content th,.markdown-content td{border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;padding:.65rem 1rem}.markdown-content thead th{background:var(--color-surface-soft);color:var(--color-text-strong);white-space:nowrap;font-weight:700}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-callout{border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-soft);margin:1.5rem 0;padding:1rem 1.25rem}.markdown-callout>p:last-child{margin-bottom:0}.markdown-callout__label{color:var(--color-accent-deep);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-weight:800;display:block}.markdown-callout--tip{border-color:var(--color-success)}.markdown-callout--tip .markdown-callout__label{color:var(--color-success)}.markdown-callout--warning{border-color:var(--color-warning);background:var(--color-warning-surface)}.markdown-callout--warning .markdown-callout__label{color:var(--color-warning)}.markdown-callout--architecture{border-color:var(--color-info);background:var(--color-info-surface)}.markdown-callout--architecture .markdown-callout__label{color:var(--color-info)}.markdown-content tbody tr:nth-child(2n){background:var(--color-surface-soft)}.markdown-content tbody tr:hover{background:var(--color-chip-bg)}.blog-post-takeaway{border:1px solid var(--color-card-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-soft);margin:2rem 0 4rem;padding:1.25rem 1.5rem}.blog-post-takeaway>span{color:var(--color-accent-deep);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem;font-weight:800;display:block}.blog-post-takeaway p{color:var(--color-text-strong);margin:0;line-height:1.65}.chip--active{box-shadow:0 4px 12px #6f42c14d;background:var(--color-accent)!important;color:var(--color-on-accent-soft)!important}.author-card{background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:center;gap:1.5rem;margin-top:4rem;padding:2rem;display:flex;box-shadow:0 1px 2px #1c13300a,0 20px 44px -26px #5b21b633}.author-card:hover{border-color:#7c3aed3d;transform:translateY(-2px)}@media (width<=640px){.author-card{text-align:center;flex-direction:column;padding:1.5rem}}.author-card__image{border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--color-accent);width:80px;height:80px}.author-card__details h4{font-family:var(--font-heading);color:var(--color-text-strong);margin-bottom:.5rem}.author-card__details p{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.5}.author-card__links{gap:1rem;margin-top:1rem;display:flex}.author-card__links a{color:var(--color-accent-deep);font-size:.85rem;font-weight:600;text-decoration:none}.author-card__links a:hover{color:var(--color-accent);text-decoration:underline}.code-block-wrapper{border-radius:var(--radius-sm);margin-bottom:1.25rem;position:relative;overflow:hidden}.code-block-header{min-height:2.75rem;color:var(--color-code-text);background:#29283a;justify-content:space-between;align-items:center;padding:.35rem .75rem;display:flex}.code-block-language{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-weight:600}.markdown-content .code-block-wrapper pre{border-radius:0;margin:0}.markdown-content .hljs-comment,.markdown-content .hljs-quote{color:#98a1b3;font-style:italic}.markdown-content .hljs-keyword,.markdown-content .hljs-selector-tag,.markdown-content .hljs-literal,.markdown-content .hljs-type{color:#c792ea}.markdown-content .hljs-string,.markdown-content .hljs-doctag,.markdown-content .hljs-regexp{color:#c3e88d}.markdown-content .hljs-number,.markdown-content .hljs-symbol,.markdown-content .hljs-bullet{color:#f78c6c}.markdown-content .hljs-title,.markdown-content .hljs-function,.markdown-content .hljs-section{color:#82aaff}.markdown-content .hljs-attr,.markdown-content .hljs-attribute,.markdown-content .hljs-variable,.markdown-content .hljs-params{color:#f07178}.copy-code-btn{border-radius:var(--radius-xs);cursor:pointer;color:var(--color-text-on-dark-dim);font-size:var(--text-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--duration-fast) var(--ease-standard);z-index:10;background:#ffffff1a;border:none;align-items:center;gap:.35rem;padding:.4rem .6rem;display:flex}.copy-code-btn:hover{color:var(--color-text-on-dark);background:#fff3}.reading-progress-bar{background:var(--color-accent);transform-origin:0%;z-index:1000;height:4px;position:fixed;top:0;left:0;right:0}.reading-progress-bar--animated{transform:scaleX(var(--reading-progress,0))}.blog-page{scrollbar-color:#8b5cf659 var(--color-bg);scrollbar-width:thin}.blog-page ::-webkit-scrollbar{width:10px}.blog-page ::-webkit-scrollbar-track{background:var(--color-bg)}.blog-page ::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);border:2px solid var(--color-bg);background:#8b5cf633}.blog-page ::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.markdown-content pre::-webkit-scrollbar{height:8px}.markdown-content pre::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#8b5cf659}.chip--clickable{cursor:pointer;min-height:var(--control-height);font:inherit;border:none;align-items:center;display:inline-flex}.blog-no-results{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-lg);background:var(--color-surface-soft);border:1px dashed #7c3aed33;margin-top:2rem;padding:2.5rem 1.5rem}.blog-post-card__title-link{color:inherit;text-decoration:none}.blog-post-card__title-link:hover{color:var(--color-accent)}.icon-success{color:var(--color-success,#10b981)}.blog-skeleton{margin-top:.5rem}.blog-skeleton-card{pointer-events:none}.skeleton-block{background:linear-gradient(90deg, var(--color-chip-bg) 0%, var(--color-surface-soft) 45%, var(--color-chip-bg) 90%);background-size:200% 100%;border-radius:.5rem;animation:1.35s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-block--cover{border-radius:0;width:100%;height:11rem;margin:0 0 1rem}.skeleton-block--title{width:78%;height:1.65rem;margin-bottom:.85rem}.skeleton-block--meta{width:9.5rem;height:.9rem;margin-bottom:1.15rem}.skeleton-block--line{width:100%;height:.85rem;margin-bottom:.65rem}.skeleton-block--short{width:62%}.skeleton-block--medium{width:78%}.skeleton-block--chip{border-radius:999px;width:4.25rem;height:1.75rem;margin-bottom:.35rem;margin-right:.5rem;display:inline-block}.skeleton-block--button{border-radius:999px;width:8.5rem;height:2.5rem;margin-top:auto}.skeleton-block--back{width:8rem;height:1.1rem}.skeleton-block--share{width:6rem;height:1.1rem}.skeleton-block--post-title{width:min(100%,36rem);height:2.35rem;margin-bottom:1.25rem}.skeleton-block--paragraph{border-radius:.75rem;width:100%;height:6.5rem;margin:1.25rem 0}.blog-post-skeleton{padding-bottom:1rem}.blog-post-meta--skeleton{gap:1rem;margin-bottom:2rem}.blog-post-skeleton__body{flex-direction:column;gap:.15rem;display:flex}.page-loading-skeleton{flex-direction:column;gap:.75rem;width:100%;max-width:42rem;display:flex}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=720px){.blog-featured{grid-template-columns:1fr}.blog-featured__media img{aspect-ratio:16/9;min-height:0}.blog-categories{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-post-header{flex-wrap:wrap;gap:1rem}.blog-pagination{flex-wrap:wrap;gap:.75rem}.blog-pagination__numbers{flex-basis:100%;order:3;justify-content:center}}@media (width<=640px){.blog-post-page{padding-top:3.75rem}.blog-post-header{margin-bottom:1rem}.blog-post-title{font-size:clamp(2rem,9vw,2.6rem)}.blog-post-meta{gap:.65rem 1rem;margin-bottom:1.25rem;font-size:.85rem}.markdown-content{font-size:1.0625rem;line-height:1.75}.markdown-content__table-wrapper:after{content:"← " attr(data-scroll-hint) " →";color:var(--color-text-muted);background:var(--color-surface-soft);text-align:center;padding:.45rem .7rem;font-size:.75rem;display:block}.markdown-content th,.markdown-content td{padding:.55rem .75rem}.markdown-content pre{max-width:calc(100vw - 2.5rem)}.blog-post-takeaway{margin-bottom:3rem;padding:1rem 1.1rem}}@media (prefers-reduced-motion:reduce){.blog-post-card,.related-post-card{transition:none}.skeleton-block{background:var(--color-chip-bg);opacity:.85;animation:none}.blog-post-card:hover,.related-post-card:hover{transform:none}}