.blog-page,.blog-article{--blog-bg:#fafafa;--blog-surface:#ffffffd9;--blog-surface-hover:#fffffff2;--blog-border:#00000014;--blog-border-strong:#0000001f;--blog-text:#18181b;--blog-text-muted:#52525b;--blog-text-subtle:#71717a;--blog-accent:#4f46e5;--blog-accent-soft:#4f46e514;--blog-accent-border:#4f46e540;--blog-shadow:0 4px 24px #0000000f;--blog-shadow-hover:0 20px 40px #0000001a;--blog-prose:#27272a;--blog-prose-heading:#09090b;--blog-prose-muted:#52525b;--blog-code-bg:#f4f4f5;--blog-ad-bg:#00000005;--blog-ad-border:#0000000f;--blog-progress-track:#0000000f}.dark .blog-page,.dark .blog-article{--blog-bg:transparent;--blog-surface:#0c0c0e8c;--blog-surface-hover:#121214b3;--blog-border:#ffffff14;--blog-border-strong:#ffffff1f;--blog-text:#fafafa;--blog-text-muted:#a1a1aa;--blog-text-subtle:#71717a;--blog-accent:#818cf8;--blog-accent-soft:#6366f11a;--blog-accent-border:#6366f14d;--blog-shadow:0 4px 24px #00000040;--blog-shadow-hover:0 20px 50px #00000073;--blog-prose:#d4d4d8;--blog-prose-heading:#fff;--blog-prose-muted:#a1a1aa;--blog-code-bg:#0c0c0e;--blog-ad-bg:#ffffff05;--blog-ad-border:#ffffff0f;--blog-progress-track:#ffffff0f}.blog-hero{padding-top:7rem;padding-bottom:2.5rem;position:relative}@media (width>=768px){.blog-hero{padding-top:9rem;padding-bottom:3rem}}.blog-hero__title{color:var(--blog-text);text-shadow:0 0 80px #6366f11f}.blog-hero__subtitle{color:var(--blog-text-muted)}.blog-breadcrumb{color:var(--blog-text-subtle)}.blog-breadcrumb a{color:var(--blog-text-subtle);transition:color .2s}.blog-breadcrumb a:hover{color:var(--blog-text)}.blog-breadcrumb__current{color:var(--blog-text-muted)}.blog-discovery{z-index:40;background:color-mix(in srgb, var(--blog-bg) 80%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--blog-border);box-shadow:var(--blog-shadow);border-radius:1.25rem;margin-bottom:2rem;padding:1rem 1.25rem;position:sticky;top:5.5rem}.dark .blog-discovery{background:#09090bbf}.blog-search{position:relative}.blog-search__icon{color:var(--blog-text-subtle);pointer-events:none;font-size:.75rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.blog-search__input{background:var(--blog-accent-soft);border:1px solid var(--blog-border);width:100%;color:var(--blog-text);border-radius:.875rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.blog-search__input::placeholder{color:var(--blog-text-subtle)}.blog-search__input:focus{border-color:var(--blog-accent-border);box-shadow:0 0 0 3px var(--blog-accent-soft)}.blog-categories{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;margin-top:.875rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.blog-categories::-webkit-scrollbar{display:none}.blog-pill{border:1px solid var(--blog-border);color:var(--blog-text-muted);white-space:nowrap;background:0 0;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-pill:hover{color:var(--blog-text);border-color:var(--blog-border-strong);background:var(--blog-accent-soft)}.blog-pill--active{color:var(--blog-accent);border-color:var(--blog-accent-border);background:var(--blog-accent-soft)}.blog-pill__count{opacity:.7;font-size:.625rem;font-weight:700}.blog-toolbar{border-top:1px solid var(--blog-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.875rem;padding-top:.875rem;display:flex}.blog-results-meta{color:var(--blog-text-subtle);font-size:.75rem}.blog-sort select{appearance:none;background:var(--blog-accent-soft);border:1px solid var(--blog-border);color:var(--blog-text-muted);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.625rem;outline:none;padding:.375rem 1.75rem .375rem .625rem;font-size:.75rem;font-weight:600}.blog-view-toggle{border:1px solid var(--blog-border);border-radius:.625rem;display:flex;overflow:hidden}.blog-view-toggle button{color:var(--blog-text-subtle);cursor:pointer;background:0 0;border:none;padding:.375rem .625rem;font-size:.75rem;transition:all .2s}.blog-view-toggle button:hover{color:var(--blog-text);background:var(--blog-accent-soft)}.blog-view-toggle button.is-active{color:var(--blog-accent);background:var(--blog-accent-soft)}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-border);-webkit-backdrop-filter:blur(12px);border-radius:1.25rem;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{border-color:var(--blog-border-strong);box-shadow:var(--blog-shadow-hover);transform:translateY(-4px)}.blog-card__image{aspect-ratio:16/9;background:var(--blog-code-bg);position:relative;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__badge{text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb, var(--blog-surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--blog-border);color:var(--blog-text-muted);border-radius:.375rem;padding:.25rem .5rem;font-size:.5625rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.blog-card__body{padding:1.25rem 1.5rem 1.5rem}.blog-card__title{color:var(--blog-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card__title{color:var(--blog-accent)}.blog-card__excerpt{color:var(--blog-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{border-top:1px solid var(--blog-border);color:var(--blog-text-subtle);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:.6875rem;display:flex}.blog-featured{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:1.5rem;grid-template-columns:1fr;transition:border-color .3s,box-shadow .3s;display:grid;overflow:hidden}@media (width>=768px){.blog-featured{grid-template-columns:1.2fr 1fr}}.blog-featured:hover{border-color:var(--blog-accent-border);box-shadow:var(--blog-shadow-hover)}.blog-featured__label{background:var(--blog-accent);color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:.375rem;padding:.3rem .6rem;font-size:.5625rem;font-weight:800;position:absolute;top:1rem;left:1rem}.blog-list-item{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:1rem;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.blog-list-item:hover{border-color:var(--blog-accent-border);background:var(--blog-surface-hover);transform:translate(4px)}.blog-list-item__thumb{background:var(--blog-code-bg);border:1px solid var(--blog-border);border-radius:.625rem;flex-shrink:0;width:5.5rem;height:4rem;overflow:hidden}.blog-list-item__thumb img{object-fit:cover;width:100%;height:100%}.blog-list-item__content{flex:1;min-width:0}.blog-list-item__category{text-transform:uppercase;letter-spacing:.06em;color:var(--blog-accent);font-size:.625rem;font-weight:700}.blog-list-item__title{color:var(--blog-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-list-item:hover .blog-list-item__title{color:var(--blog-accent)}.blog-list-item__meta{color:var(--blog-text-subtle);flex-wrap:wrap;gap:.75rem;margin-top:.375rem;font-size:.6875rem;display:flex}.blog-list-view{flex-direction:column;gap:.75rem;display:flex}.blog-grid-view{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.blog-grid-view{grid-template-columns:repeat(2,1fr)}}.blog-list-view.is-hidden,.blog-grid-view.is-hidden{display:none}.blog-sidebar{flex-direction:column;gap:1.25rem;display:flex}.blog-widget{background:var(--blog-surface);border:1px solid var(--blog-border);-webkit-backdrop-filter:blur(12px);border-radius:1.25rem;padding:1.25rem}.blog-widget__title{text-transform:uppercase;letter-spacing:.06em;color:var(--blog-text-muted);margin-bottom:.875rem;font-size:.6875rem;font-weight:700}.blog-topic-link{color:var(--blog-text-muted);border-radius:.75rem;justify-content:space-between;align-items:center;padding:.5rem .625rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.blog-topic-link:hover{color:var(--blog-text);background:var(--blog-accent-soft)}.blog-topic-link__count{background:var(--blog-accent-soft);border:1px solid var(--blog-border);color:var(--blog-text-subtle);border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.blog-popular-item{gap:.75rem;padding:.25rem 0;display:flex}.blog-popular-item__thumb{border:1px solid var(--blog-border);background:var(--blog-code-bg);border-radius:.5rem;flex-shrink:0;width:3.5rem;height:2.5rem;overflow:hidden}.blog-popular-item__title{color:var(--blog-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-popular-item:hover .blog-popular-item__title{color:var(--blog-accent)}.blog-tool-link{border:1px solid var(--blog-border);background:var(--blog-accent-soft);border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.blog-tool-link:hover{border-color:var(--blog-accent-border);transform:translate(2px)}.blog-tool-link__icon{background:var(--blog-accent-soft);border:1px solid var(--blog-accent-border);width:2rem;height:2rem;color:var(--blog-accent);border-radius:.625rem;justify-content:center;align-items:center;font-size:.75rem;display:flex}.blog-tool-link__name{color:var(--blog-text);font-size:.75rem;font-weight:700}.blog-tool-link__cat{color:var(--blog-text-subtle);font-size:.625rem}.blog-ad-slot{border:1px dashed var(--blog-ad-border);background:var(--blog-ad-bg);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:5rem;padding:1rem;display:flex}.blog-ad-slot--tall{min-height:15rem}.blog-ad-slot__label{text-transform:uppercase;letter-spacing:.08em;color:var(--blog-text-subtle);opacity:.6;font-size:.625rem;font-weight:700}.blog-ad-slot__hint{color:var(--blog-text-subtle);opacity:.45;margin-top:.25rem;font-size:.625rem}.blog-reading-progress{background:var(--blog-progress-track);z-index:60;width:100%;height:3px;position:fixed;top:4.5rem;left:0}.blog-reading-progress__bar{background:linear-gradient(90deg,#6366f1,#a855f7);width:0;height:100%;transition:width 75ms linear}.blog-article-header__category{text-transform:uppercase;letter-spacing:.08em;color:var(--blog-accent);background:var(--blog-accent-soft);border:1px solid var(--blog-accent-border);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.625rem;font-weight:700;display:inline-flex}.blog-article-header__title{letter-spacing:-.02em;color:var(--blog-text);margin-top:1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.blog-article-header__excerpt{color:var(--blog-text-muted);max-width:42rem;margin-top:1rem;font-size:1.0625rem;line-height:1.65}.blog-article-header__meta{border-top:1px solid var(--blog-border);color:var(--blog-text-subtle);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;font-size:.75rem;display:flex}.blog-article-shell{background:var(--blog-surface);border:1px solid var(--blog-border);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem)}.blog-prose{color:var(--blog-prose);letter-spacing:.01em;max-width:42rem;font-size:1.0625rem;line-height:1.85}.blog-prose>*+*{margin-top:1.25em}.blog-prose h2{color:var(--blog-prose-heading);border-bottom:1px solid var(--blog-border);margin-top:2.25em;margin-bottom:.75em;padding-bottom:.4em;scroll-margin-top:7rem;font-size:1.5rem;font-weight:800}.blog-prose h3{color:var(--blog-prose-heading);margin-top:1.75em;margin-bottom:.6em;scroll-margin-top:7rem;font-size:1.2rem;font-weight:700}.blog-prose ul{padding-left:1.5em;list-style-type:disc}.blog-prose ol{padding-left:1.5em;list-style-type:decimal}.blog-prose li{margin-top:.35em;margin-bottom:.35em}.blog-prose blockquote{border-left:4px solid var(--blog-accent);color:var(--blog-prose-muted);background:var(--blog-accent-soft);border-radius:0 .75rem .75rem 0;margin:1.5em 0;padding:.875rem 0 .875rem 1.25rem;font-style:italic}.blog-prose a{color:var(--blog-accent);text-underline-offset:2px;text-decoration:underline}.blog-prose a:hover{opacity:.85}.blog-prose table{border-collapse:collapse;width:100%;margin:1.75em 0;font-size:.875rem;display:block;overflow-x:auto}.blog-prose th{background:var(--blog-accent-soft);color:var(--blog-prose-heading);border:1px solid var(--blog-border);text-align:left;padding:.5rem .75rem;font-weight:600}.blog-prose td{border:1px solid var(--blog-border);color:var(--blog-prose);padding:.5rem .75rem}.blog-prose tr:nth-child(2n) td{background:var(--blog-ad-bg)}.blog-prose .callout-box{background:var(--blog-ad-bg);border:1px solid var(--blog-border);border-radius:1rem;gap:.75rem;margin:1.5rem 0;padding:1.125rem;display:flex}.blog-prose .callout-box-info{border-left:4px solid var(--blog-accent);background:var(--blog-accent-soft)}.blog-prose .callout-box-warning{background:#f59e0b0f;border-left:4px solid #f59e0b}.blog-prose .faq-section{border-top:1px solid var(--blog-border);margin:2rem 0}.blog-prose .faq-item{border-bottom:1px solid var(--blog-border);padding:1.125rem 0}.blog-prose .faq-question{color:var(--blog-prose-heading);gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.blog-prose .faq-question:before{content:"Q:";color:var(--blog-accent);font-weight:800}.blog-prose .faq-answer{color:var(--blog-prose-muted);font-size:.875rem}.blog-prose pre{border:1px solid var(--blog-border);border-radius:.75rem;margin:1.5rem 0;padding:1rem;overflow-x:auto;background:var(--blog-code-bg)!important}.blog-prose code{color:var(--blog-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.blog-prose pre.is-code-highlighted{border-color:#f0f6fc1a;background:#0d1117!important}.blog-prose pre.is-code-highlighted code{color:#c9d1d9;background:0 0}.blog-prose img{border-radius:.875rem;margin:1.5em 0}.blog-calc-cta{border:1px solid var(--blog-accent-border);background:linear-gradient(135deg, var(--blog-accent-soft), transparent);border-radius:1.25rem;margin-top:2.5rem;padding:1.75rem;position:relative;overflow:hidden}.blog-calc-cta__label{text-transform:uppercase;letter-spacing:.1em;color:var(--blog-accent);font-size:.5625rem;font-weight:800}.blog-calc-cta__title{color:var(--blog-text);margin-top:.5rem;font-size:1.25rem;font-weight:800}.blog-calc-cta__desc{color:var(--blog-text-muted);max-width:32rem;margin-top:.5rem;font-size:.8125rem;line-height:1.6}.blog-calc-cta__btn{background:var(--blog-text);color:var(--blog-bg);border-radius:.875rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.dark .blog-calc-cta__btn{color:#09090b;background:#fff}html:not(.dark) .blog-calc-cta__btn{color:#fafafa;background:#18181b}.blog-calc-cta__btn:hover{opacity:.9;transform:translateY(-1px)}.blog-calc-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem;display:grid}@media (width>=640px){.blog-calc-grid{grid-template-columns:repeat(2,1fr)}}.blog-share{border-top:1px solid var(--blog-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-share__label{text-transform:uppercase;letter-spacing:.06em;color:var(--blog-text-subtle);font-size:.6875rem;font-weight:700}.blog-share__btn{border:1px solid var(--blog-border);color:var(--blog-text-muted);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.6875rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-share__btn:hover{color:var(--blog-text);border-color:var(--blog-accent-border);background:var(--blog-accent-soft)}.blog-toc a{color:var(--blog-text-muted);padding:.25rem 0;font-size:.75rem;line-height:1.4;transition:color .2s;display:block}.blog-toc a:hover,.blog-toc a.is-active{color:var(--blog-accent);font-weight:600}.blog-toc li.is-h3{border-left:1px solid var(--blog-border);padding-left:.875rem}.blog-mobile-cta{z-index:45;opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;position:fixed;bottom:1.25rem;left:1rem;right:1rem;transform:translateY(6rem)}.blog-mobile-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.blog-mobile-cta__inner{border:1px solid var(--blog-accent-border);background:color-mix(in srgb, var(--blog-surface) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--blog-shadow-hover);border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.blog-section-title{color:var(--blog-text);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:800;display:flex}.blog-section-title:before{content:"";background:var(--blog-accent);border-radius:9999px;width:.25rem;height:1.25rem}.blog-empty{text-align:center;border:1px solid var(--blog-border);background:var(--blog-surface);border-radius:1.5rem;padding:4rem 1.5rem}.blog-empty__icon{background:var(--blog-accent-soft);border:1px solid var(--blog-border);width:4rem;height:4rem;color:var(--blog-text-subtle);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.25rem;display:flex}.blog-empty__title{color:var(--blog-text);font-size:1rem;font-weight:700}.blog-empty__text{color:var(--blog-text-subtle);margin-top:.375rem;font-size:.8125rem}.blog-empty__btn{background:var(--blog-text);color:var(--blog-bg);border-radius:.875rem;margin-top:1.25rem;padding:.625rem 1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.dark .blog-empty__btn{color:#09090b;background:#fff}html:not(.dark) .blog-empty__btn{color:#fafafa;background:#18181b}.blog-pagination nav{justify-content:center;width:100%;display:flex}.blog-pagination nav>div:first-child{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;width:100%;display:flex}@media (width>=640px){.blog-pagination nav>div:first-child{display:none}}.blog-pagination nav>div:last-child{width:100%;display:none}@media (width>=640px){.blog-pagination nav>div:last-child{flex-direction:column;justify-content:center;align-items:center;gap:.875rem;display:flex}}.blog-pagination p{font-size:.75rem;color:var(--blog-text-muted)!important}.blog-pagination p span{color:var(--blog-text);font-weight:700}.blog-pagination nav>div:last-child>div:last-child>span{gap:.375rem;box-shadow:none!important}.blog-pagination nav>div:first-child>a,.blog-pagination nav>div:first-child>span,.blog-pagination nav>div:last-child>div:last-child>span>a,.blog-pagination nav>div:last-child>div:last-child>span>span>span{border:1px solid var(--blog-border);background:var(--blog-surface);min-width:2.25rem;height:2.25rem;color:var(--blog-text-muted);border-radius:.625rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;margin-left:0!important}.blog-pagination nav>div:first-child>a:hover,.blog-pagination nav>div:last-child>div:last-child>span>a:hover{color:var(--blog-text);border-color:var(--blog-accent-border);background:var(--blog-accent-soft)}.blog-pagination nav>div:last-child>div:last-child>span>span[aria-current=page]>span{background:var(--blog-accent-soft)!important;border-color:var(--blog-accent-border)!important;color:var(--blog-accent)!important}.blog-pagination span[aria-disabled=true] span{opacity:.4}.blog-newsletter{border-color:var(--blog-accent-border)!important;background:linear-gradient(180deg, var(--blog-accent-soft), transparent)!important}.blog-newsletter input{background:var(--blog-accent-soft);border:1px solid var(--blog-border);width:100%;color:var(--blog-text);border-radius:.75rem;outline:none;padding:.5rem .75rem;font-size:.75rem}.blog-newsletter input:focus{border-color:var(--blog-accent-border)}.blog-newsletter button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.75rem;width:100%;margin-top:.5rem;padding:.5rem;font-size:.75rem;font-weight:700;transition:background .2s}.blog-newsletter button:hover{background:#6366f1}.blog-mobile-cta-btn{white-space:nowrap;color:#fff;background:#111827;border-radius:.75rem;justify-content:center;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.6875rem;font-weight:700;transition:all .2s;display:inline-flex}.blog-mobile-cta-btn:hover{transform:translateY(-1px)}.dark .blog-mobile-cta-btn,[data-theme=dark] .blog-mobile-cta-btn{color:#111827;background:#fff}.blog-tags{border-top:1px solid var(--blog-border);flex-wrap:wrap;align-items:center;gap:.75rem .625rem;margin-top:3rem;margin-bottom:1.75rem;padding-top:1.75rem;display:flex}@media (width>=640px){.blog-tags{margin-top:3.5rem;padding-top:2rem}}.blog-tags__label{text-transform:uppercase;letter-spacing:.08em;color:var(--blog-text-subtle);flex-shrink:0;align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:800;display:inline-flex}.blog-tags__list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blog-tag{color:var(--blog-accent);background:linear-gradient(135deg, var(--blog-accent-soft), transparent);border:1px solid var(--blog-accent-border);white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.4375rem .9375rem;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;text-decoration:none!important}.blog-tag__icon{opacity:.65;font-size:.625rem}.blog-tag:hover{background:linear-gradient(135deg, var(--blog-accent), color-mix(in srgb, var(--blog-accent) 80%, #000));border-color:var(--blog-accent);transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d;color:#fff!important}.blog-tag:hover .blog-tag__icon{opacity:.9}.blog-tag:active{transform:translateY(-1px)scale(.97)}.dark .blog-tag:hover{box-shadow:0 8px 20px #818cf866;color:#09090b!important}@media (width<=480px){.blog-tags{gap:.625rem}.blog-tags__label{width:100%}}