@keyframes blog-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-float-aurora{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-18px) scale(1.06)}}:root{--glass-opacity-header: .4;--glass-opacity-card: .6;--glass-tint-color: 255, 250, 252;--glass-card-blur-strength: 40px;--glass-blur-strength: 20px;--glass-border-color: rgba(255, 255, 255, .4);--glass-border-strong-color: rgba(255, 255, 255, .82);--glass-surface-header: linear-gradient( 138deg, rgba(255, 255, 255, var(--glass-opacity-header)) 0%, rgba(255, 255, 255, calc(var(--glass-opacity-header) - .14)) 54%, rgba(224, 238, 255, calc(var(--glass-opacity-header) - .24)) 100% );--glass-surface: linear-gradient( 136deg, rgba(255, 255, 255, var(--glass-opacity-card)) 0%, rgba(255, 255, 255, calc(var(--glass-opacity-card) - .12)) 58%, rgba(232, 243, 255, calc(var(--glass-opacity-card) - .24)) 100% );--glass-surface-hover: linear-gradient( 136deg, rgba(255, 255, 255, calc(var(--glass-opacity-card) + .05)) 0%, rgba(255, 255, 255, calc(var(--glass-opacity-card) - .06)) 58%, rgba(238, 246, 255, calc(var(--glass-opacity-card) - .16)) 100% );--glass-shadow: 0 8px 12px -6px rgba(15, 23, 42, .14), 0 24px 36px -18px rgba(15, 23, 42, .26), 0 3px 8px rgba(15, 23, 42, .09), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -16px 26px rgba(255, 255, 255, .12);--glass-shadow-hover: 0 12px 18px -8px rgba(15, 23, 42, .16), 0 32px 48px -20px rgba(15, 23, 42, .34), 0 4px 10px rgba(15, 23, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .86), inset 0 -20px 32px rgba(255, 255, 255, .2)}[data-theme=dark]{--glass-opacity-header: .34;--glass-opacity-card: .68;--glass-tint-color: 24, 23, 36;--glass-card-blur-strength: 36px;--glass-border-color: rgba(255, 220, 178, .24);--glass-border-strong-color: rgba(255, 234, 204, .46);--glass-surface-header: linear-gradient( 136deg, rgba(24, 23, 38, var(--glass-opacity-header)) 0%, rgba(24, 23, 38, calc(var(--glass-opacity-header) - .12)) 56%, rgba(21, 18, 34, calc(var(--glass-opacity-header) + .08)) 100% );--glass-surface: linear-gradient( 132deg, rgba(24, 23, 38, var(--glass-opacity-card)) 0%, rgba(28, 24, 44, calc(var(--glass-opacity-card) - .18)) 58%, rgba(21, 18, 34, calc(var(--glass-opacity-card) + .08)) 100% );--glass-surface-hover: linear-gradient( 132deg, rgba(28, 27, 44, calc(var(--glass-opacity-card) + .06)) 0%, rgba(33, 28, 51, calc(var(--glass-opacity-card) - .1)) 58%, rgba(20, 17, 32, calc(var(--glass-opacity-card) + .14)) 100% );--glass-shadow: 0 10px 16px -6px rgba(0, 0, 0, .42), 0 24px 40px -18px rgba(0, 0, 0, .64), 0 3px 8px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 236, 208, .16), inset 0 -16px 24px rgba(0, 0, 0, .24);--glass-shadow-hover: 0 14px 22px -8px rgba(0, 0, 0, .48), 0 32px 50px -20px rgba(0, 0, 0, .72), 0 4px 10px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 236, 208, .2), inset 0 -20px 30px rgba(0, 0, 0, .3)}.blog-search-open{overflow:hidden}.blog-page{--blog-radius: 1.3rem;--blog-gap: clamp(1rem, 2vw, 1.5rem);--blog-space-1: .25rem;--blog-space-2: .5rem;--blog-space-3: 1rem;--blog-space-4: 2rem;--blog-panel-bg: var(--glass-surface-header);--blog-card-bg: var(--glass-surface);--blog-card-bg-hover: var(--glass-surface-hover);--blog-card-border: var(--glass-border-color);--blog-card-border-strong: var(--glass-border-strong-color);--blog-card-shadow: var(--glass-shadow);--blog-card-shadow-hover: var(--glass-shadow-hover);--blog-card-overlay: linear-gradient( to right, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .18) 38%, rgba(255, 255, 255, .12) 60%, rgba(255, 255, 255, .06) 80%, rgba(255, 255, 255, .01) 100% );--blog-card-halo: radial-gradient(circle at 24% 18%, rgba(252, 187, 222, .22) 0%, transparent 50%), radial-gradient(circle at 86% 78%, rgba(178, 220, 255, .18) 0%, transparent 44%);--blog-card-image-fade: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, .12) 58%, rgba(255, 255, 255, .06) 100% );--blog-card-image-mask: linear-gradient( to right, transparent 0%, rgba(0, 0, 0, .24) 18%, rgba(0, 0, 0, .74) 48%, #000 78% );--blog-card-image-filter: brightness(.98) saturate(1.02) contrast(1.01);--blog-card-image-filter-hover: brightness(1.01) saturate(1.07) contrast(1.03);--blog-card-image-mix: multiply;--blog-card-image-opacity: .9;--blog-card-image-opacity-hover: .98;--blog-card-title: #2f2b49;--blog-card-title-hover: #241f3f;--blog-card-title-shadow: none;--blog-card-title-shadow-hover: none;--blog-card-text-sub: #676287;--blog-card-desc-shadow: none;--blog-card-meta-text: color-mix(in srgb, var(--c-text) 78%, #564f79 22%);--blog-card-meta-border: color-mix(in srgb, #ffffff 32%, var(--c-border) 68%);--blog-card-meta-bg: rgba(255, 255, 255, .24);--blog-card-tag-bg: rgba(139, 92, 246, .05);--blog-card-tag-border: rgba(139, 92, 246, .28);--blog-card-tag-text: #6b4fd2;--blog-card-tag-muted-bg: rgba(255, 255, 255, .5);--blog-card-tag-muted-border: color-mix(in srgb, #ffffff 46%, var(--c-border) 54%);--blog-card-tag-muted-text: var(--c-text-muted);--blog-card-readmore: #5a4b92;--blog-card-readmore-shadow: none;--blog-card-mobile-image-fade: linear-gradient( to top, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .6) 44%, rgba(255, 255, 255, .24) 100% );--blog-card-mobile-overlay: linear-gradient( to top, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .26) 42%, rgba(255, 255, 255, .16) 72%, rgba(255, 255, 255, .06) 100% );position:relative;isolation:isolate;overflow-x:hidden;overflow-x:clip;padding:.25rem 0 1rem}[data-theme=dark] .blog-page{--blog-panel-bg: var(--glass-surface-header);--blog-card-bg: var(--glass-surface);--blog-card-bg-hover: var(--glass-surface-hover);--blog-card-border: var(--glass-border-color);--blog-card-border-strong: var(--glass-border-strong-color);--blog-card-shadow: var(--glass-shadow);--blog-card-shadow-hover: var(--glass-shadow-hover);--blog-card-overlay: linear-gradient( to right, rgba(6, 8, 16, .86) 0%, rgba(6, 8, 16, .78) 34%, rgba(6, 8, 16, .52) 58%, rgba(6, 8, 16, .24) 78%, rgba(6, 8, 16, .08) 100% );--blog-card-halo: radial-gradient(circle at 24% 18%, rgba(255, 191, 0, .2) 0%, transparent 44%), radial-gradient(circle at 86% 78%, rgba(255, 64, 129, .16) 0%, transparent 42%);--blog-card-image-fade: linear-gradient( to right, rgba(7, 10, 20, 0) 0%, rgba(7, 10, 20, .18) 28%, rgba(7, 10, 20, .3) 56%, rgba(7, 10, 20, .1) 100% );--blog-card-image-mask: linear-gradient( to right, transparent 0%, rgba(0, 0, 0, .24) 20%, rgba(0, 0, 0, .7) 50%, #000 80% );--blog-card-image-filter: brightness(.92) saturate(1.05) contrast(1.02);--blog-card-image-filter-hover: brightness(.96) saturate(1.1) contrast(1.04);--blog-card-image-mix: normal;--blog-card-image-opacity: .86;--blog-card-image-opacity-hover: .94;--blog-card-title: #ffffff;--blog-card-title-hover: #ffffff;--blog-card-title-shadow: 0 2px 14px rgba(0, 0, 0, .5);--blog-card-title-shadow-hover: 0 4px 20px rgba(0, 0, 0, .58);--blog-card-text-sub: rgba(240, 245, 255, .86);--blog-card-desc-shadow: 0 1px 10px rgba(0, 0, 0, .36);--blog-card-meta-text: rgba(246, 250, 255, .88);--blog-card-meta-border: rgba(255, 255, 255, .22);--blog-card-meta-bg: rgba(5, 7, 13, .34);--blog-card-tag-bg: rgba(167, 139, 250, .09);--blog-card-tag-border: rgba(167, 139, 250, .32);--blog-card-tag-text: #ddd6fe;--blog-card-tag-muted-bg: rgba(0, 0, 0, .46);--blog-card-tag-muted-border: rgba(255, 255, 255, .16);--blog-card-tag-muted-text: rgba(255, 255, 255, .74);--blog-card-readmore: rgba(255, 255, 255, .96);--blog-card-readmore-shadow: 0 1px 8px rgba(0, 0, 0, .44);--blog-card-mobile-image-fade: linear-gradient( to top, rgba(6, 8, 16, .86) 0%, rgba(6, 8, 16, .56) 44%, rgba(6, 8, 16, .22) 100% );--blog-card-mobile-overlay: linear-gradient( to top, rgba(10, 10, 20, .92) 0%, rgba(10, 10, 20, .68) 42%, rgba(10, 10, 20, .26) 72%, rgba(10, 10, 20, .08) 100% )}.blog-page:before,.blog-page:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(70px);opacity:.42;z-index:-1;animation:blog-float-aurora 12s ease-in-out infinite}.blog-page:before{width:18rem;height:18rem;top:-3rem;right:-7rem;background:radial-gradient(circle,rgba(250,219,216,.85) 0%,transparent 72%)}.blog-page:after{width:14rem;height:14rem;left:-4rem;bottom:8rem;background:radial-gradient(circle,rgba(174,214,241,.85) 0%,transparent 72%);animation-delay:-6s}[data-theme=dark] .blog-page:before{background:radial-gradient(circle,var(--sorc-amber-dark) 0%,transparent 70%)}[data-theme=dark] .blog-page:after{background:radial-gradient(circle,var(--sorc-pink) 0%,transparent 72%)}.blog-shell{max-width:1260px;margin-inline:auto;display:grid;gap:1.75rem}.stardust-panel,.blog-card,.article-card.glass-card{border:1px solid var(--glass-border-color);border-top-color:var(--glass-border-strong-color);border-left-color:var(--glass-border-strong-color);backdrop-filter:blur(var(--glass-blur-strength)) saturate(152%) contrast(1.02);-webkit-backdrop-filter:blur(var(--glass-blur-strength)) saturate(152%) contrast(1.02);transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease,background .3s ease,border-color var(--duration-fast) var(--ease-smooth)}.stardust-panel{position:relative;border-radius:calc(var(--blog-radius) + .2rem);overflow:hidden;background:var(--blog-panel-bg);box-shadow:var(--blog-card-shadow)}.frame-container:has(.blog-page){background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.frame-container:has(.blog-page):before,.frame-container:has(.blog-page):after{display:none!important}.frame-container:has(.blog-page) .footer{border-top-color:transparent;background:transparent}.blog-hero{padding:clamp(1.3rem,3vw,2.6rem);display:grid;gap:.12rem}.blog-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 92% 8%,rgba(251,191,216,.24) 0%,transparent 42%),radial-gradient(circle at -5% 110%,rgba(190,224,255,.22) 0%,transparent 44%);opacity:.54}.blog-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(120deg,transparent 28%,rgba(255,255,255,.18) 45%,transparent 62%),linear-gradient(to bottom,#ffffff1f,#fff0);opacity:.34}[data-theme=dark] .blog-hero:before{background:radial-gradient(circle at 92% 8%,rgba(255,191,0,.2) 0%,transparent 42%),radial-gradient(circle at -5% 110%,rgba(255,105,180,.2) 0%,transparent 44%);opacity:.48}[data-theme=dark] .blog-hero:after{background-image:linear-gradient(120deg,transparent 30%,rgba(255,191,128,.16) 47%,transparent 64%),linear-gradient(to bottom,#ffffff14,#fff0);opacity:.24}.blog-hero>*{position:relative;z-index:1}.blog-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:var(--radius-full);border:1px solid var(--c-border);background:#ffffff73;font-size:.72rem;letter-spacing:.12em;font-weight:700;color:var(--c-text-muted)}.blog-eyebrow:before{content:"★";color:#ff96be}[data-theme=dark] .blog-eyebrow{background:#0000004d}.blog-hero-title{margin-top:var(--blog-space-3);font-size:clamp(2.15rem,6vw,3.6rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(130deg,#ff92bb 0%,var(--calc-blue-dark) 30%,var(--calc-gold) 65%,#ff92bb 100%);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text-flow 6s ease-in-out infinite}[data-theme=dark] .blog-hero-title{background:linear-gradient(130deg,var(--sorc-amber) 0%,var(--sorc-pink) 45%,var(--sorc-amber-light) 100%);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient-text-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.blog-hero-subtitle{margin-top:calc(var(--blog-space-2) + var(--blog-space-1));max-width:44rem;color:var(--c-text-muted);line-height:1.7;font-size:clamp(.98rem,1.5vw,1.08rem)}.blog-meta-row{margin-top:calc(var(--blog-space-3) + var(--blog-space-1));display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.blog-meta-row--minimal{margin-top:var(--blog-space-3);gap:.52rem}.blog-meta-row--minimal .blog-meta-pill{border-color:var(--blog-card-meta-border);border-top-color:color-mix(in srgb,#ffffff 76%,var(--blog-card-meta-border) 24%);border-left-color:color-mix(in srgb,#ffffff 74%,var(--blog-card-meta-border) 26%);border-right-color:color-mix(in srgb,#ffffff 48%,var(--blog-card-meta-border) 52%);border-bottom-color:color-mix(in srgb,#ffffff 48%,var(--blog-card-meta-border) 52%);background:linear-gradient(165deg,#ffffff8a,#ffffff24 44%,#ffffff0a),var(--blog-card-meta-bg);box-shadow:0 7px 15px #76a4d61f,0 1px 3px #00000014,inset 0 1px #ffffff94}.blog-meta-pill{display:inline-flex;align-items:center;gap:.35rem;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--c-border);border-top-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-left-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-right-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-bottom-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-radius:var(--radius-full);padding:.46rem .9rem;font-size:.82rem;font-weight:700;color:var(--c-text);background:linear-gradient(165deg,#ffffff8f,#ffffff2e 46%,#ffffff0f),#ffffff85;backdrop-filter:blur(calc(var(--glass-blur-strength) * .36)) saturate(168%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .36)) saturate(168%);box-shadow:0 8px 18px #ff92bb24,0 1px 3px #00000014,inset 0 1px #ffffff9e}[data-theme=dark] .blog-meta-pill{border-top-color:#ffefd447;border-left-color:#ffefd447;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc24,#fff3dc0a 46%,#fff3dc00),#08081052;box-shadow:0 10px 20px #00000047,0 1px 4px #0000003d,inset 0 1px #ffecd02e}.blog-meta-pill:before,.blog-tag:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,#fff0 18%,#ffffff70,#fff0 76%);background-size:210% 210%;background-position:0% 0%;mix-blend-mode:screen;opacity:.18;transition:opacity var(--duration-fast) var(--ease-smooth)}.blog-meta-pill--link{transition:all var(--duration-fast) var(--ease-smooth)}.blog-meta-pill--link:hover{color:var(--c-accent);border-color:var(--c-accent);transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--glass-glow) 28%,transparent 72%),inset 0 1px #ffffffa3}.blog-meta-pill--link:hover:before,.blog-tag:hover:before{opacity:.34}.blog-tags-inline{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.blog-tag{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-full);padding:.34rem .78rem;font-size:.74rem;font-weight:700;border:1px solid rgba(255,255,255,.44);border-top-color:#ffffffc2;border-left-color:#ffffffb8;border-right-color:#ffffff42;border-bottom-color:#ffffff3d;background:linear-gradient(165deg,#ffffff6b,#ffffff1a 45%,#ffffff05),linear-gradient(135deg,#ffd3e65c,#cce7ff57 52%,#ffeaa757),#ffffff14;backdrop-filter:blur(calc(var(--glass-blur-strength) * .46)) saturate(168%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .46)) saturate(168%);color:#643652;box-shadow:0 8px 16px #ff92bb1f,0 1px 3px #00000014,inset 0 1px #ffffff94;transition:all var(--duration-fast) var(--ease-smooth)}[data-theme=dark] .blog-tag{border-top-color:#ffefd44d;border-left-color:#ffefd447;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc2e,#fff3dc0a 45%,#fff3dc00),linear-gradient(135deg,#ffae7e3d,#ff78b133),#08080e38;color:#fff9ed;box-shadow:0 10px 18px #00000047,0 1px 4px #0000003d,inset 0 1px #ffecd033}.blog-tag:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--glass-glow) 30%,transparent 70%),0 2px 5px #0000001a,inset 0 1px #ffffff9e}.blog-tag--muted{background:linear-gradient(165deg,#ffffff61,#ffffff14),#ffffff42;border-top-color:#ffffffb8;border-left-color:#ffffffad;border-right-color:color-mix(in srgb,var(--c-border) 78%,transparent 22%);border-bottom-color:color-mix(in srgb,var(--c-border) 78%,transparent 22%);color:var(--c-text-muted);box-shadow:0 6px 14px #76a4d61a,inset 0 1px #ffffff8a}.section-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);margin-left:var(--blog-space-1)}.featured-slot{display:grid;gap:.75rem}.blog-grid{display:grid;gap:var(--blog-gap)}.blog-grid--rest{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 780px){.blog-grid--rest{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1140px){.blog-grid--rest{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-empty{padding:2rem;border-radius:var(--blog-radius);border:1px dashed var(--c-border);text-align:center;color:var(--c-text-muted)}.tags-cloud{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--blog-gap)}.tag-cloud-item{border:1px solid var(--c-border);border-top-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-left-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-right-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-bottom-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-radius:1rem;padding:.9rem .95rem;background:linear-gradient(160deg,#ffffffb8,#ffffff57),color-mix(in srgb,var(--glass-bg) 70%,#ffffff 30%);color:var(--c-text);display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;backdrop-filter:blur(calc(var(--glass-blur-strength) * .3)) saturate(164%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .3)) saturate(164%);box-shadow:0 10px 20px #76a4d624,0 1px 4px #00000014,inset 0 1px #ffffff9e;transition:all var(--duration-fast) var(--ease-smooth);transform:translateY(12px);opacity:0;animation:blog-fade-up .62s var(--ease-smooth) forwards;animation-delay:var(--card-delay, 0ms)}.tag-cloud-item:hover{transform:translateY(-4px);border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 14px 28px color-mix(in srgb,var(--glass-glow) 30%,transparent 70%),0 2px 5px #0000001a,inset 0 1px #ffffffa8}[data-theme=dark] .tag-cloud-item{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc29,#fff3dc0a 46%,#fff3dc00),linear-gradient(135deg,#ffae7e2e,#ff78b124 56%,#7baaff29),#0a0a1280;color:color-mix(in srgb,var(--c-text) 92%,#fff7e6 8%);box-shadow:0 12px 22px #0000004d,0 1px 4px #0000003d,inset 0 1px #ffecd033}[data-theme=dark] .tag-cloud-item:hover{border-color:color-mix(in srgb,var(--sorc-amber) 58%,var(--glass-border) 42%);color:#ffe6c2;box-shadow:0 14px 28px #00000057,0 0 0 1px #ffbf0038 inset,inset 0 1px #ffecd03d}.tag-cloud-count{font-size:.76rem;border-radius:var(--radius-full);border:1px solid var(--c-border);border-top-color:color-mix(in srgb,#ffffff 72%,var(--c-border) 28%);border-left-color:color-mix(in srgb,#ffffff 72%,var(--c-border) 28%);border-right-color:color-mix(in srgb,#ffffff 42%,var(--c-border) 58%);border-bottom-color:color-mix(in srgb,#ffffff 42%,var(--c-border) 58%);padding:.22rem .58rem;color:var(--c-text-muted);background:linear-gradient(165deg,#ffffff85,#ffffff14),#ffffff5c;backdrop-filter:blur(calc(var(--glass-blur-strength) * .22)) saturate(160%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .22)) saturate(160%);box-shadow:0 6px 14px #76a4d61a,inset 0 1px #ffffff94}[data-theme=dark] .tag-cloud-count{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc29,#fff3dc0a),#06070e57;color:#ffefd6d6;box-shadow:0 8px 16px #0000003d,inset 0 1px #ffecd033}.blog-pagination-wrap{margin-top:1.8rem}.blog-card{position:relative;display:block;isolation:isolate;color:var(--c-text);border-radius:calc(var(--blog-radius) + .2rem);overflow:hidden;border:1px solid rgba(255,255,255,.6)!important;background:rgba(var(--glass-tint-color),var(--glass-opacity-card))!important;box-shadow:0 8px 32px #1f268712!important;backdrop-filter:blur(var(--glass-card-blur-strength)) saturate(180%)!important;-webkit-backdrop-filter:blur(var(--glass-card-blur-strength)) saturate(180%)!important;text-decoration:none;min-height:clamp(258px,33vw,340px)}[data-theme=dark] .blog-card{border-color:#ffeacc57!important;box-shadow:0 10px 32px #00000057!important}.blog-card>*{background-color:transparent!important}.blog-card-enhanced{border-radius:inherit}.blog-card--featured{min-height:clamp(320px,40vw,400px)}.blog-grid--rest .blog-card{min-height:clamp(236px,29vw,300px)}.blog-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--blog-card-overlay);opacity:.34;z-index:2;transition:opacity var(--duration-fast) var(--ease-smooth)}.blog-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--blog-card-halo);opacity:.44;z-index:0}.blog-card:hover{transform:translateY(-5px) scale(1.003);border-color:#ffffffb8!important;background:rgba(var(--glass-tint-color),calc(var(--glass-opacity-card) + .06))!important;box-shadow:0 12px 36px #1f26871f!important}[data-theme=dark] .blog-card:hover{border-color:#ffeec480!important;box-shadow:0 14px 40px #00000070!important}.blog-card:hover:before{opacity:.42}.card-content{position:relative;display:flex;align-items:stretch;min-height:inherit;height:100%;width:100%}.image-wrapper{position:absolute;inset:0 0 0 auto;width:min(64%,34rem);min-width:44%;overflow:hidden;border:0;z-index:1;background:transparent;mix-blend-mode:var(--blog-card-image-mix);opacity:var(--blog-card-image-opacity);transition:opacity var(--duration-fast) var(--ease-smooth)}.image-wrapper:before{content:"";position:absolute;inset:0;background:var(--blog-card-image-fade);pointer-events:none;z-index:2}.hero-image{position:relative;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;filter:var(--blog-card-image-filter);-webkit-mask-image:var(--blog-card-image-mask);mask-image:var(--blog-card-image-mask);transition:transform .72s var(--ease-smooth),filter var(--duration-fast) var(--ease-smooth)}.blog-card:hover .hero-image{transform:scale(1.02);filter:var(--blog-card-image-filter-hover)}.blog-card:hover .image-wrapper{opacity:var(--blog-card-image-opacity-hover)}.image-placeholder{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;color:#2f2d4f;font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.42rem);letter-spacing:.03em;text-shadow:0 2px 12px rgba(255,255,255,.35);background:linear-gradient(135deg,#ff8bbfb3,#6ab2ebb8,#ffd36ab3);-webkit-mask-image:var(--blog-card-image-mask);mask-image:var(--blog-card-image-mask)}.card-body{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:.56rem;width:min(62%,45rem);max-width:100%;padding:clamp(1.1rem,2.45vw,1.55rem);min-height:inherit}.blog-card--featured .card-body{width:min(58%,46rem);padding:clamp(1.24rem,2.8vw,1.9rem)}.blog-grid--rest .card-body{width:min(66%,43rem)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem;font-size:.73rem;font-weight:700;color:var(--blog-card-meta-text)}.meta>time,.meta>span:not([aria-hidden=true]){display:inline-flex;align-items:center;border:0;background:transparent;border-radius:0;padding:0;letter-spacing:.02em}.meta>span[aria-hidden=true]{opacity:.42;border:0;padding:0;background:none}.tag-list{display:flex;flex-wrap:wrap;gap:.36rem}.tag-list .blog-tag{display:inline-flex;align-items:center;flex:0 0 auto;position:static;isolation:auto;overflow:visible;border:0;background:none;color:var(--blog-card-tag-text);font-size:.66rem;font-weight:700;letter-spacing:.02em;line-height:1.15;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;border-radius:0;padding:0;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--blog-card-tag-text) 58%,transparent 42%);text-underline-offset:.16em;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none;transition:color var(--duration-fast) var(--ease-smooth),text-decoration-color var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth)}.tag-list .blog-tag:before{content:none}.tag-list .blog-tag:hover{color:color-mix(in srgb,var(--blog-card-tag-text) 74%,var(--c-text) 26%);text-decoration-color:currentColor;opacity:1;transform:none}.tag-list .blog-tag--muted{color:var(--blog-card-tag-muted-text);opacity:.76;text-decoration-color:color-mix(in srgb,var(--blog-card-tag-muted-text) 48%,transparent 52%)}.title{font-size:clamp(1.24rem,1.04rem + .7vw,1.62rem);line-height:1.2;letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--blog-card-title);text-shadow:var(--blog-card-title-shadow);transition:color var(--duration-fast) var(--ease-smooth),text-shadow var(--duration-fast) var(--ease-smooth)}.blog-card:hover .title{color:var(--blog-card-title-hover);text-shadow:var(--blog-card-title-shadow-hover)}.blog-card--featured .title{font-size:clamp(1.64rem,2.8vw,2.18rem);line-height:1.14}.description{color:var(--blog-card-text-sub);line-height:1.58;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:var(--blog-card-desc-shadow)}.blog-card--featured .description{font-size:.98rem;-webkit-line-clamp:3}.footer-link{margin-top:auto}.read-more{display:inline-flex;align-items:center;gap:.32rem;font-size:.78rem;font-weight:700;color:var(--blog-card-readmore);letter-spacing:.06em;text-transform:uppercase;text-shadow:var(--blog-card-readmore-shadow);transition:transform var(--duration-fast) var(--ease-smooth)}.blog-card:hover .read-more{transform:translate(6px)}.blog-search{display:inline-flex;flex:0 0 auto}.blog-search-trigger{border:1px solid color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-radius:var(--radius-full);background:linear-gradient(180deg,#ffffff94,#ffffff57),var(--glass-bg);padding:.45rem .92rem;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:.42rem;color:color-mix(in srgb,var(--c-text) 90%,#1a2740 10%);cursor:pointer;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 12px 24px #0f172a24,inset 0 1px #ffffff8f;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth)}.blog-search-trigger-icon{display:inline-flex;align-items:center;justify-content:center}.blog-search-trigger-icon svg{stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.blog-search-trigger:hover{transform:translateY(-1px);border-color:#0a84ff75;box-shadow:0 14px 28px #0f172a2e,0 0 0 2px #0a84ff24}[data-theme=dark] .blog-search-trigger{background:linear-gradient(180deg,#24242a8f,#1c1c2257),var(--glass-bg);border-color:#ffffff2e;color:#f5f7fff2;box-shadow:0 14px 28px #0000004d,inset 0 1px #fff3}.blog-search-shortcut{border:1px solid rgba(0,0,0,.12);border-radius:.4rem;padding:.05rem .4rem;background:#ffffff61;font-size:.68rem;font-weight:800;letter-spacing:.04em;line-height:1.2;color:color-mix(in srgb,var(--c-text-muted) 88%,#17233a 12%)}[data-theme=dark] .blog-search-shortcut{border-color:#fff3;background:#ffffff1a;color:#ecf1ffd1}.blog-search-modal{--blog-search-motion: .22s;--blog-search-motion-ease: cubic-bezier(.22, .78, .2, 1);position:fixed;inset:0;z-index:3600;display:flex;justify-content:center;align-items:flex-start;padding:clamp(.9rem,3vh,1.8rem) .9rem;opacity:0;pointer-events:none;transition:opacity var(--blog-search-motion) var(--blog-search-motion-ease)}.blog-search-modal[hidden]{display:none!important}.blog-search-modal.is-open{opacity:1;pointer-events:auto}.blog-search-modal.is-closing{opacity:0;pointer-events:none}.blog-search-overlay{position:absolute;inset:0;border:0;background:#0f172a14;backdrop-filter:blur(2px) saturate(108%);-webkit-backdrop-filter:blur(2px) saturate(108%);cursor:pointer;opacity:0;transition:opacity var(--blog-search-motion) var(--blog-search-motion-ease)}.blog-search-modal.is-open .blog-search-overlay{opacity:1}.blog-search-modal.is-closing .blog-search-overlay{opacity:0}.blog-search-panel{position:relative;width:min(640px,calc(100vw - 1.8rem));max-height:none;border-radius:0;border:0;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;gap:.58rem;opacity:0;transform:translateY(-10px) scale(.985);transition:opacity var(--blog-search-motion) var(--blog-search-motion-ease),transform var(--blog-search-motion) var(--blog-search-motion-ease)}[data-theme=dark] .blog-search-panel{background:transparent}.blog-search-modal.is-open .blog-search-panel{opacity:1;transform:translateY(0) scale(1)}.blog-search-modal.is-closing .blog-search-panel{opacity:0;transform:translateY(-6px) scale(.99)}.blog-search-input-wrap{display:flex;align-items:center;border:0;border-radius:var(--radius-full);min-height:2.2rem;padding:.22rem .74rem;background:linear-gradient(180deg,#ffffff2e,#ffffff0d),color-mix(in srgb,var(--glass-bg) 52%,transparent 48%);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 34%,var(--c-border) 66%),0 8px 18px #1118271f,inset 0 1px #ffffff57;overflow:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--blog-search-motion) var(--blog-search-motion-ease),transform var(--blog-search-motion) var(--blog-search-motion-ease),box-shadow var(--duration-fast) var(--ease-smooth)}[data-theme=dark] .blog-search-input-wrap{background:linear-gradient(180deg,#24283847,#14182424),color-mix(in srgb,var(--glass-bg) 58%,transparent 42%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 24%,var(--c-border) 76%),0 8px 18px #00000038,inset 0 1px #ffffff1f}.blog-search-input{border:0;width:100%;background:transparent;color:var(--c-text);font-size:.86rem;outline:none;line-height:1.5}.blog-search-input::-moz-placeholder{color:var(--c-text-muted)}.blog-search-input::placeholder{color:var(--c-text-muted)}.blog-search-input-wrap:focus-within{box-shadow:0 0 0 2px #0a84ff2e,inset 0 0 0 1px #0a84ff75,0 10px 22px #11182724,inset 0 1px #fff6}.blog-search-results{max-height:min(58dvh,420px);overflow:auto;padding:.08rem .02rem .12rem;display:grid;gap:.46rem;opacity:0;transform:translateY(-4px);transition:opacity var(--blog-search-motion) var(--blog-search-motion-ease),transform var(--blog-search-motion) var(--blog-search-motion-ease)}.blog-search-results[hidden]{display:none!important}.blog-search-modal.is-open .blog-search-input-wrap{opacity:1;transform:translateY(0);transition-delay:32ms}.blog-search-modal.is-open .blog-search-results{opacity:1;transform:translateY(0);transition-delay:76ms}.blog-search-modal.is-closing .blog-search-input-wrap,.blog-search-modal.is-closing .blog-search-results{opacity:0;transform:translateY(-4px);transition-delay:0ms}.blog-search-empty{min-height:3.2rem;border:0;border-radius:1.4rem;display:grid;place-items:center;color:var(--c-text-muted);font-size:.82rem;background:linear-gradient(180deg,#ffffff24,#ffffff0a);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 26%,var(--c-border) 74%)}[data-theme=dark] .blog-search-empty{background:linear-gradient(180deg,#2226363d,#1418241f);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 20%,var(--c-border) 80%)}.blog-search-item{display:block;border:0;border-radius:1.5rem;padding:.52rem .62rem;background:linear-gradient(180deg,#ffffff24,#ffffff0a);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 28%,var(--c-border) 72%),inset 0 1px #ffffff38;overflow:hidden;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth)}.blog-search-item:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0a84ff5c,inset 0 1px #ffffff3d}[data-theme=dark] .blog-search-item{background:linear-gradient(180deg,#262a3c3d,#181c281f);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 18%,var(--c-border) 82%),inset 0 1px #ffffff1a}.blog-search-item.is-active{transform:translateY(0);box-shadow:inset 0 0 0 1px #0a84ff7a,inset 0 1px #ffffff47;background:linear-gradient(180deg,#e1f2ffb8,#d8ecff6b)}[data-theme=dark] .blog-search-item.is-active{box-shadow:inset 0 0 0 1px #0a84ff85,inset 0 1px #ffffff29;background:linear-gradient(180deg,#1e38548f,#16284066)}.blog-search-item:focus,.blog-search-item:focus-visible{outline:none}.blog-search-item-title{font-size:.84rem;font-weight:700;color:var(--c-text)}.blog-search-item-excerpt{margin-top:.28rem;font-size:.76rem;line-height:1.5;color:var(--c-text-muted)}.blog-search-mark{background:#0a84ff33;color:color-mix(in srgb,var(--c-text) 88%,#0a84ff 12%);padding:0 .18rem;border-radius:.35rem}@media (prefers-reduced-motion: reduce){.blog-search-modal,.blog-search-overlay,.blog-search-panel,.blog-search-input-wrap,.blog-search-results{transition:none!important}.blog-search-panel,.blog-search-input-wrap,.blog-search-results{transform:none!important}}.reading-progress-track{position:fixed;top:max(0px,env(safe-area-inset-top));left:0;right:0;height:8px;width:100%;margin:0;z-index:9999;border-radius:0;background:linear-gradient(90deg,#6d88a080,#6d88a03d);overflow:hidden;pointer-events:none;box-shadow:0 1px #ffffff80 inset,0 0 12px #49a6ed42}.reading-progress-bar{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#55b3ff,#ff87bb 42%,#ffd36a);box-shadow:0 0 18px #46aeffad,0 0 26px #ff87bb94;transform:scaleX(0);transform-origin:left center;will-change:transform}[data-theme=dark] .reading-progress-track{background:#ffffff52;box-shadow:0 1px #ffffff2e inset,0 0 12px #ffbf0033}[data-theme=dark] .reading-progress-bar{background:linear-gradient(90deg,var(--sorc-amber) 0%,var(--sorc-pink) 100%);box-shadow:0 0 16px #ffbf0094,0 0 24px #ff7aca75}.article-shell{width:100%;max-width:1220px;margin-inline:auto;padding-top:.35rem}.article-layout{--article-sidebar-width: clamp(226px, 18.6vw, 296px);--article-sidebar-gap: clamp(.9rem, 1.9vw, 1.45rem);--article-sidebar-stack-gap: clamp(1.15rem, 2.5vw, 1.95rem);--article-sidebar-top-offset: calc(var(--header-height) + clamp(1.75rem, 3.2vw, 2.5rem));display:grid;gap:1.1rem;align-items:start}.article-layout>*{min-width:0}.article-sidebar{display:none;position:relative;min-width:0;z-index:3000}.article-sidebar-stack{display:grid;gap:var(--article-sidebar-stack-gap);margin:0;max-height:var( --article-sidebar-scroll-max, var(--article-sidebar-max-height, calc(100dvh - var(--article-sidebar-top-offset) - .9rem)) );overflow-y:auto;overflow-x:hidden;padding-right:.24rem;overscroll-behavior:contain;scrollbar-gutter:stable}.article-sidebar-stack>:first-child{margin-top:0}.article-sidebar-section{border:1px solid color-mix(in srgb,var(--c-border) 82%,#ffffff 18%);border-top-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-left-color:color-mix(in srgb,#ffffff 72%,var(--c-border) 28%);border-right-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-bottom-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-radius:1rem;padding:.72rem .74rem .8rem;background:radial-gradient(circle at 94% -12%,#ff9ac729,#ff9ac700 44%),color-mix(in srgb,var(--glass-bg) 46%,transparent 54%);backdrop-filter:blur(calc(var(--glass-blur-strength) * .26)) saturate(126%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .26)) saturate(126%);box-shadow:0 8px 18px #608fc624,inset 0 1px #ffffff57}[data-theme=dark] .article-sidebar-section{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:radial-gradient(circle at 95% -10%,#ffb88024,#ffb88000 42%),color-mix(in srgb,var(--glass-bg) 38%,transparent 62%);box-shadow:0 10px 20px #0000004d,inset 0 1px #ffecd029}.article-toc-panel{display:grid;gap:.44rem}.article-toc-panel+.article-sidebar-meta-panel{margin-top:clamp(.58rem,1.15vw,.96rem)}.article-toc-eyebrow{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);font-weight:700}.article-toc-list{display:grid;gap:.18rem;margin:0;padding:0;list-style:none}.article-toc-nav{min-width:0;max-height:min(38dvh,21rem);overflow-y:auto;overflow-x:hidden;padding-right:.12rem}.article-toc-item{min-width:0}.article-toc-depth-2 .article-toc-link{padding-left:.52rem}.article-toc-depth-3 .article-toc-link{padding-left:1rem}.article-toc-depth-4 .article-toc-link{padding-left:1.45rem}.article-toc-link{--toc-indicator-glow: color-mix(in srgb, var(--c-accent) 62%, transparent 38%);position:relative;max-width:100%;min-width:0;border-radius:.5rem;border:0;padding:.4rem .58rem .4rem .88rem;color:var(--c-text-muted);font-size:.76rem;line-height:1.38;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:all var(--duration-fast) var(--ease-smooth)}.article-toc-link:before{content:"";position:absolute;left:.2rem;top:.36rem;bottom:.36rem;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--calc-blue-dark),#ff8ebe);opacity:0;box-shadow:0 0 #ff8ebe00;transform:scaleY(.52);transition:opacity var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.article-toc-link:hover{color:color-mix(in srgb,var(--c-text) 84%,var(--c-accent) 16%);background:color-mix(in srgb,#ffffff 28%,transparent 72%)}.article-toc-link.is-active{color:var(--c-text);font-weight:700;background:transparent;box-shadow:none}.article-toc-link.is-active:before{opacity:1;transform:scaleY(1);box-shadow:0 0 10px var(--toc-indicator-glow)}[data-theme=dark] .article-toc-link.is-active{color:color-mix(in srgb,var(--c-text) 86%,#fff2cf 14%)}[data-theme=dark] .article-toc-link:before{background:linear-gradient(180deg,var(--sorc-amber),var(--sorc-pink))}[data-theme=dark] .article-toc-link{--toc-indicator-glow: color-mix(in srgb, var(--sorc-amber) 54%, transparent 46%)}@keyframes toc-indicator-breathe{0%,to{box-shadow:0 0 8px var(--toc-indicator-glow)}50%{box-shadow:0 0 14px var(--toc-indicator-glow)}}@media (prefers-reduced-motion: no-preference){.article-toc-link.is-active:before{animation:toc-indicator-breathe 2.6s ease-in-out infinite}}.article-sidebar-title{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);font-weight:760}.article-sidebar-subtitle{margin:0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c-text-muted) 84%,var(--c-text) 16%);font-weight:720}.article-sidebar-meta-grid{margin-top:.64rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.article-sidebar-meta-item{border:1px solid color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-top-color:color-mix(in srgb,#ffffff 56%,var(--c-border) 44%);border-left-color:color-mix(in srgb,#ffffff 54%,var(--c-border) 46%);border-right-color:color-mix(in srgb,#ffffff 30%,var(--c-border) 70%);border-bottom-color:color-mix(in srgb,#ffffff 30%,var(--c-border) 70%);border-radius:.76rem;padding:.56rem .62rem .62rem;background:transparent;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff2e;display:grid;gap:.26rem;align-content:start;justify-items:start;min-height:4.05rem}.article-sidebar-meta-item--wide{grid-column:1 / -1;min-height:auto}.article-sidebar-meta-icon{width:.88rem;height:.88rem;color:color-mix(in srgb,var(--c-accent) 56%,var(--c-text-muted) 44%)}.article-sidebar-meta-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}.article-sidebar-meta-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-size:clamp(1.22rem,1.38vw,1.46rem);line-height:1.08;font-weight:760;letter-spacing:0;color:color-mix(in srgb,var(--c-text) 95%,var(--c-accent) 5%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-sidebar-meta-label{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c-text-muted) 92%,var(--c-text) 8%);font-weight:640;opacity:.88}.article-sidebar-meta-item--wide .article-sidebar-meta-value{font-size:clamp(.96rem,1.02vw,1.08rem);line-height:1.24;white-space:normal}.article-sidebar-meta-item--wide .article-sidebar-meta-label{display:none}.article-sidebar-tags{margin-top:.78rem;padding-top:.8rem;position:relative;display:grid;gap:.5rem}.article-sidebar-tags:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;opacity:.72;background:linear-gradient(90deg,#fff0,color-mix(in srgb,#ffffff 58%,var(--c-border) 42%),#fff0)}[data-theme=dark] .article-sidebar-tags:before{opacity:.64;background:linear-gradient(90deg,#ffefd400,#ffefd457,#ffefd400)}.article-sidebar-tag-list{display:flex;flex-wrap:wrap;gap:.56rem}.article-sidebar-tag-list .blog-tag{border:1px solid color-mix(in srgb,#ffffff 66%,var(--c-border) 34%);border-top-color:color-mix(in srgb,#ffffff 82%,var(--c-border) 18%);border-left-color:color-mix(in srgb,#ffffff 78%,var(--c-border) 22%);border-right-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-bottom-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-radius:999px;padding:.24rem .58rem;font-size:.66rem;font-weight:680;background:linear-gradient(165deg,#ffffff42,#ffffff0f),#ffffff14;color:color-mix(in srgb,var(--c-text) 82%,var(--c-accent-hover) 18%);box-shadow:none;backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(126%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(126%)}.article-sidebar-tag-list .blog-tag:hover{border-color:color-mix(in srgb,var(--c-accent) 58%,#ffffff 42%);color:var(--c-accent);transform:translateY(-1px);box-shadow:0 8px 14px color-mix(in srgb,var(--glass-glow) 18%,transparent 82%)}.article-sidebar-related-list{margin:.58rem 0 0;padding:0;list-style:none;display:grid;gap:.48rem}.article-sidebar-related-link{display:grid;gap:.22rem;border:1px solid color-mix(in srgb,#ffffff 60%,var(--c-border) 40%);border-top-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-left-color:color-mix(in srgb,#ffffff 72%,var(--c-border) 28%);border-right-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-bottom-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-radius:.74rem;padding:.48rem .56rem;background:color-mix(in srgb,var(--glass-bg) 76%,#ffffff 24%);backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(136%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(136%);box-shadow:0 6px 14px #6493c624,inset 0 1px #ffffff70;transition:transform var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.article-sidebar-related-link:hover{transform:translateY(-1px);border-color:var(--c-accent);box-shadow:0 9px 18px color-mix(in srgb,var(--glass-glow) 26%,transparent 74%),inset 0 1px #ffffff85}.article-sidebar-related-title{font-size:.78rem;line-height:1.4;color:var(--c-text);font-weight:700}.article-sidebar-related-meta{font-size:.7rem;color:var(--c-text-muted)}[data-theme=dark] .article-sidebar-meta-item{border-top-color:#ffefd429;border-left-color:#ffefd426;border-right-color:#ffefd414;border-bottom-color:#ffefd414;background:transparent;box-shadow:inset 0 0 0 1px #ffecd014,inset 0 1px #ffecd01a}[data-theme=dark] .article-sidebar-meta-icon{color:color-mix(in srgb,var(--sorc-amber) 64%,var(--c-text-muted) 36%)}[data-theme=dark] .article-sidebar-meta-value{color:color-mix(in srgb,var(--c-text) 84%,#fff2cf 16%)}[data-theme=dark] .article-sidebar-meta-label{color:color-mix(in srgb,var(--c-text-muted) 86%,#fff2cf 14%)}[data-theme=dark] .article-sidebar-tag-list .blog-tag{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc29,#fff3dc0a),#100e1c5c;color:color-mix(in srgb,var(--c-text) 84%,var(--sorc-amber) 16%)}[data-theme=dark] .article-sidebar-related-link{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:#100e1c8f;box-shadow:0 8px 16px #00000047,inset 0 1px #ffecd029}[data-theme=dark] .article-sidebar-related-link:hover{border-color:color-mix(in srgb,var(--sorc-amber) 52%,var(--glass-border) 48%)}[data-theme=dark] .article-sidebar-related-title{color:color-mix(in srgb,var(--c-text) 90%,#fff2d8 10%)}.article-card.glass-card{border-radius:calc(var(--blog-radius) + .2rem);overflow:hidden;will-change:transform;backface-visibility:hidden;background:radial-gradient(circle at 100% -10%,#ffa3cd29,#ffa3cd00 42%),var(--glass-surface);box-shadow:var(--glass-shadow)}[data-theme=dark] .article-card.glass-card{background:radial-gradient(circle at 100% -10%,#ffbf0033,#ffbf0000 42%),var(--glass-surface);box-shadow:var(--glass-shadow)}.article-header-gradient{position:relative}.article-header-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--calc-blue-dark) 0%,var(--calc-gold) 100%)}[data-theme=dark] .article-header-gradient:before{background:linear-gradient(90deg,var(--sorc-amber) 0%,var(--sorc-pink) 100%)}.article-header{padding:clamp(1.2rem,3.1vw,2.3rem) clamp(1.2rem,4.2vw,2.8rem) 1rem}.article-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.article-back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:700;color:var(--c-text-muted);transition:color var(--duration-fast) var(--ease-smooth)}.article-back-link:hover{color:var(--c-accent)}.article-type-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-border) 76%,#ffffff 24%);border-top-color:color-mix(in srgb,#ffffff 76%,var(--c-border) 24%);border-left-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-right-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-bottom-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);padding:.24rem .62rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--c-text) 74%,var(--c-accent-hover) 26%);background:linear-gradient(165deg,#ffffff85,#ffffff14),color-mix(in srgb,var(--c-bg-transparent) 82%,#ffffff 18%);backdrop-filter:blur(calc(var(--glass-blur-strength) * .24)) saturate(160%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .24)) saturate(160%);box-shadow:0 6px 14px #76a4d61a,inset 0 1px #ffffff8f}[data-theme=dark] .article-type-pill{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc24,#fff3dc0a),#12111bad;color:#f2d89a;box-shadow:0 8px 16px #00000042,inset 0 1px #ffecd02e}.article-eyebrow{margin-top:.72rem;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--c-accent-hover) 46%,var(--c-text) 54%);font-weight:760;text-shadow:0 1px 0 rgba(255,255,255,.24)}[data-theme=dark] .article-eyebrow{color:color-mix(in srgb,var(--sorc-amber) 62%,var(--c-text) 38%);text-shadow:0 1px 0 rgba(0,0,0,.22)}.article-title{margin-top:.5rem;font-size:clamp(1.95rem,5vw,3rem);line-height:1.12;letter-spacing:-.02em;background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent-hover) 58%,#ff7fb4 42%),color-mix(in srgb,var(--c-accent) 70%,#4e9edd 30%) 52%,color-mix(in srgb,var(--calc-gold) 70%,#ffd58b 30%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.article-dek{margin-top:.86rem;max-width:68ch;color:var(--c-text-muted);font-size:1rem;line-height:1.74}.article-meta{margin-top:.95rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:color-mix(in srgb,var(--c-text-muted) 82%,var(--c-text) 18%)}.article-meta>span,.article-meta>time{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-border) 76%,#ffffff 24%);padding:.24rem .62rem;background:color-mix(in srgb,var(--c-bg-transparent) 90%,#ffffff 10%);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.article-meta>span[aria-hidden=true]{border:0;padding:0;background:none;opacity:.55}[data-theme=dark] .article-meta>span,[data-theme=dark] .article-meta>time{border-color:#ffbf003d;background:#12101bb3}.article-utility-stack{margin-top:.95rem;display:grid;gap:.72rem;max-width:min(100%,720px)}.article-tools{margin-top:0}.article-tag-group{padding-top:.66rem;border-top:1px dashed color-mix(in srgb,var(--c-border) 74%,#ffffff 26%)}.article-mobile-tags{display:none}.article-mobile-tags-title{margin:0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c-text-muted) 84%,var(--c-text) 16%);font-weight:720}.article-tag-list{margin-top:0;display:flex;flex-wrap:wrap;gap:.45rem}.article-tag-list .blog-tag{border:1px solid color-mix(in srgb,var(--c-border) 78%,#ffffff 22%);background:color-mix(in srgb,var(--c-bg-transparent) 82%,#ffffff 18%);color:color-mix(in srgb,var(--c-text) 86%,var(--c-accent-hover) 14%)}.article-tag-list .blog-tag:hover{border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 6px 12px color-mix(in srgb,var(--glass-glow) 20%,transparent 80%)}[data-theme=dark] .article-tag-list .blog-tag{border-color:color-mix(in srgb,var(--glass-border) 44%,var(--sorc-amber) 56%);background:color-mix(in srgb,var(--glass-bg) 74%,#110f21 26%);color:color-mix(in srgb,var(--c-text) 86%,var(--sorc-amber) 14%)}@media (min-width: 860px){.article-utility-stack{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.86rem}.article-tag-group{border-top:0;border-left:1px dashed color-mix(in srgb,var(--c-border) 74%,#ffffff 26%);padding-top:0;padding-left:.86rem;display:flex;align-items:center}}.article-divider{border:0;border-top:1px solid var(--c-border);margin-inline:clamp(1.2rem,4.2vw,2.8rem);opacity:.86}.article-hero-wrap{margin:0;padding:clamp(1rem,3vw,1.7rem) clamp(1.2rem,4.2vw,2.8rem) 0}.article-hero-image{width:100%;border-radius:1rem;max-height:29rem;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-md),0 14px 26px #0b14212e;transition:transform var(--duration-slow) var(--ease-smooth)}.article-hero-image:hover{transform:scale(1.02)}.article-content{padding:clamp(1rem,3.4vw,2rem) clamp(1.2rem,4.2vw,2.8rem) clamp(1.4rem,4vw,2.4rem);text-wrap:pretty;font-kerning:normal}.article-content>:where(p,ul,ol,blockquote,pre,table,figure,hr){max-width:86ch;margin-left:auto;margin-right:auto}.article-content>:where(h2,h3,h4){max-width:86ch;margin-left:auto;margin-right:auto;scroll-margin-top:6rem;position:relative}.article-content>h2:before{content:"✦";position:absolute;left:-1.1rem;top:.14em;color:color-mix(in srgb,var(--c-accent) 72%,#ff9fc8 28%);font-size:.74em}.article-content :where(h2,h3,h4){color:var(--c-accent-hover);margin-top:2.35rem;margin-bottom:.75rem;line-height:1.28;letter-spacing:-.01em}[data-theme=dark] .article-content :where(h2,h3,h4){color:var(--sorc-amber)}.article-content :where(p,li){font-size:1.06rem;line-height:1.9;color:var(--c-text)}.article-content>p:first-of-type{color:var(--c-text-muted);font-size:1.1rem;line-height:1.85}.article-content :where(ul,ol){margin:1.05rem auto;padding-left:1.35rem}.article-content :where(ul){list-style:disc}.article-content :where(ol){list-style:decimal}.article-content :where(li+li){margin-top:.4rem}.article-content :where(blockquote){margin:1.8rem auto;padding:.95rem 1.05rem;border-left:4px solid var(--c-accent);border-radius:.75rem;background:linear-gradient(140deg,#ffffff9e,#ecf7ff8f);color:var(--c-text-muted)}[data-theme=dark] .article-content :where(blockquote){background:#0003}.article-content :where(a){color:var(--c-accent);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.article-content :where(:not(pre)>code){border:1px solid var(--c-border);border-radius:.4rem;background:#ffffffb8;padding:.08rem .36rem;color:color-mix(in srgb,var(--c-accent-hover) 58%,var(--c-text) 42%);font-size:.88rem;font-weight:620}[data-theme=dark] .article-content :where(:not(pre)>code){border-color:color-mix(in srgb,var(--glass-border) 48%,var(--sorc-amber) 52%);background:#0e0e18a3;color:color-mix(in srgb,var(--c-text) 88%,var(--sorc-amber) 12%)}.article-content :where(pre),.article-content :where(pre.astro-code){border-radius:1rem;border:1px solid var(--c-border);position:relative;box-shadow:0 10px 22px #10192729,inset 0 1px #ffffff52;background:linear-gradient(160deg,#f8faffb8,#edf3ff8f),color-mix(in srgb,var(--glass-bg) 54%,#ffffff 46%)!important;backdrop-filter:blur(calc(var(--glass-blur-strength) * .26)) saturate(136%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .26)) saturate(136%)}[data-theme=dark] .article-content :where(pre),[data-theme=dark] .article-content :where(pre.astro-code){border-color:color-mix(in srgb,var(--glass-border) 52%,var(--sorc-amber) 48%);box-shadow:0 12px 24px #00000052,inset 0 1px #ffecd024;background:linear-gradient(160deg,#261f38a3,#141622b3),color-mix(in srgb,var(--glass-bg) 54%,#140f20 46%)!important}.article-content :where(pre.astro-code){padding:.92rem 1rem!important}.article-content :where(pre.astro-code code){background:transparent!important}.article-content :where(pre.article-code-block),.article-content :where(pre.astro-code.article-code-block){padding-top:2.9rem!important}.article-code-toolbar{position:absolute;top:.52rem;left:.58rem;right:.58rem;z-index:5;height:1.86rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.16rem .24rem .16rem .58rem;border:1px solid color-mix(in srgb,#ffffff 62%,var(--c-border) 38%);border-top-color:color-mix(in srgb,#ffffff 78%,var(--c-border) 22%);border-left-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-right-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-bottom-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-radius:calc(var(--radius-full) - 4px);background:linear-gradient(165deg,#ffffffa8,#ffffff24),color-mix(in srgb,var(--glass-bg) 72%,#ffffff 28%);backdrop-filter:blur(calc(var(--glass-blur-strength) * .2)) saturate(140%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .2)) saturate(140%);box-shadow:0 6px 14px #6093c91f,inset 0 1px #ffffff8a}.article-code-language{display:inline-flex;align-items:center;min-width:0;font-family:var(--font-mono);font-size:.68rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c-text) 78%,var(--c-accent-hover) 22%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-code-copy-btn{position:relative;z-index:1;width:1.5rem;height:1.5rem;border:1px solid color-mix(in srgb,#ffffff 68%,var(--c-border) 32%);border-top-color:color-mix(in srgb,#ffffff 82%,var(--c-border) 18%);border-left-color:color-mix(in srgb,#ffffff 82%,var(--c-border) 18%);border-right-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-bottom-color:color-mix(in srgb,#ffffff 46%,var(--c-border) 54%);border-radius:var(--radius-full);padding:0;display:grid;place-items:center;color:color-mix(in srgb,var(--c-text) 86%,var(--c-accent-hover) 14%);background:linear-gradient(165deg,#ffffffa8,#ffffff29),color-mix(in srgb,var(--glass-bg) 72%,#ffffff 28%);backdrop-filter:blur(calc(var(--glass-blur-strength) * .22)) saturate(148%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .22)) saturate(148%);box-shadow:0 6px 14px #6093c929,inset 0 1px #ffffff9e;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.article-code-copy-icon{display:inline-flex;width:14px;height:14px}.article-code-copy-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.article-code-copy-btn:hover{transform:translateY(-1px);border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--glass-glow) 24%,transparent 76%),inset 0 1px #ffffffad}.article-code-copy-btn[data-state=copied]{color:#1f9156;border-color:#1f915670}.article-code-copy-btn[data-state=error]{color:#b84f6b;border-color:#b84f6b70}.article-code-copy-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--c-accent) 62%,#ffffff 38%);outline-offset:2px}[data-theme=dark] .article-code-copy-btn{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;color:color-mix(in srgb,var(--c-text) 88%,var(--sorc-amber) 12%);background:linear-gradient(165deg,#fff3dc29,#fff3dc0a),#0c0b168f;box-shadow:0 8px 16px #00000047,inset 0 1px #ffecd02e}[data-theme=dark] .article-code-copy-btn:hover{border-color:color-mix(in srgb,var(--sorc-amber) 56%,var(--glass-border) 44%);color:#ffe6c0}[data-theme=dark] .article-code-toolbar{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc29,#fff3dc0a),#0c0b1680;box-shadow:0 8px 16px #00000042,inset 0 1px #ffecd029}[data-theme=dark] .article-code-language{color:color-mix(in srgb,var(--c-text) 84%,var(--sorc-amber) 16%)}.article-content :where(code){font-size:.9rem}.article-content :where(p,li,h2,h3,h4,blockquote,code)::-moz-selection,.article-title::-moz-selection{background:color-mix(in srgb,color-mix(in srgb,var(--c-accent) 62%,#ff9ec8 38%) 70%,transparent 30%);color:#13243b}.article-content :where(p,li,h2,h3,h4,blockquote,code)::selection,.article-title::selection{background:color-mix(in srgb,color-mix(in srgb,var(--c-accent) 62%,#ff9ec8 38%) 70%,transparent 30%);color:#13243b}[data-theme=dark] .article-content :where(p,li,h2,h3,h4,blockquote,code)::-moz-selection,[data-theme=dark] .article-title::-moz-selection{background:color-mix(in srgb,color-mix(in srgb,var(--sorc-pink) 58%,var(--sorc-amber) 42%) 70%,transparent 30%);color:#fff6df}[data-theme=dark] .article-content :where(p,li,h2,h3,h4,blockquote,code)::selection,[data-theme=dark] .article-title::selection{background:color-mix(in srgb,color-mix(in srgb,var(--sorc-pink) 58%,var(--sorc-amber) 42%) 70%,transparent 30%);color:#fff6df}.back-to-top-btn{position:fixed;isolation:isolate;overflow:hidden;right:max(1rem,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 1.08rem);left:auto;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);border:1px solid var(--c-border);border-top-color:color-mix(in srgb,#ffffff 74%,var(--c-border) 26%);border-left-color:color-mix(in srgb,#ffffff 72%,var(--c-border) 28%);border-right-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);border-bottom-color:color-mix(in srgb,#ffffff 44%,var(--c-border) 56%);background:linear-gradient(165deg,#fff9,#ffffff29 44%,#ffffff0a),color-mix(in srgb,var(--glass-bg) 74%,#ffffff 26%);color:var(--c-accent);font-size:1.2rem;font-weight:700;backdrop-filter:blur(calc(var(--glass-blur-strength) * .34)) saturate(168%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .34)) saturate(168%);box-shadow:0 10px 20px #76a4d629,0 1px 4px #00000014,inset 0 1px #ffffff9e;cursor:pointer;display:grid;place-items:center;padding:0;line-height:0;opacity:0;pointer-events:none;transform:translateY(12px);transition:transform var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth);z-index:3400}.back-to-top-btn:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,#fff0 18%,#ffffff70,#fff0 76%);background-size:210% 210%;background-position:0% 0%;mix-blend-mode:screen;opacity:.2;transition:opacity var(--duration-fast) var(--ease-smooth)}.back-to-top-btn svg{width:17px;height:17px;display:block;margin:0;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:none}.back-to-top-btn:hover{transform:translateY(-2px);border-color:var(--c-accent);box-shadow:0 14px 26px color-mix(in srgb,var(--glass-glow) 34%,transparent 66%),0 2px 6px #0000001a,inset 0 1px #ffffffa3}.back-to-top-btn:hover:before{opacity:.36}.back-to-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}[data-theme=dark] .back-to-top-btn{border-top-color:#ffefd447;border-left-color:#ffefd442;border-right-color:#ffefd41f;border-bottom-color:#ffefd41f;background:linear-gradient(165deg,#fff3dc29,#fff3dc0a 44%,#fff3dc00),#0a0a1285;color:#ffe8bc;box-shadow:0 12px 22px #00000052,0 1px 4px #0000003d,inset 0 1px #ffecd033}[data-theme=dark] .back-to-top-btn:before{opacity:.12}@media (max-width: 760px){.blog-shell{gap:1.25rem}.blog-card{min-height:260px}.blog-card--featured{min-height:300px}.blog-grid--rest .blog-card{min-height:240px}.image-wrapper{width:100%;min-width:100%;opacity:.36}.image-wrapper:before{background:var(--blog-card-mobile-image-fade)}.hero-image,.image-placeholder{-webkit-mask-image:none;mask-image:none}.blog-card:before{background:var(--blog-card-mobile-overlay)}.blog-page:before{width:12rem;height:12rem;right:-5rem}.blog-page:after{width:10rem;height:10rem;left:-5rem;bottom:6rem}.section-label{margin-left:0}.card-body{width:100%;padding:1rem;justify-content:flex-end}.blog-card--featured .card-body,.blog-grid--rest .card-body{width:100%;padding:1rem}.article-content :where(p,li){font-size:.95rem;line-height:1.72}.article-content>p:first-of-type{font-size:.98rem}.article-hero-wrap{padding:.78rem clamp(1.05rem,4vw,1.42rem) 0}.article-hero-image{aspect-ratio:16 / 9;max-height:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;border-radius:.82rem}.reading-progress-track{top:0;height:6px;background:linear-gradient(90deg,#5c80a09e,#5c80a057);box-shadow:0 1px #ffffff6b inset,0 0 10px #49a6ed38}.article-top-row{flex-direction:column;align-items:flex-start;gap:.45rem}.article-type-pill{font-size:.64rem;letter-spacing:.08em}.article-eyebrow{display:none}.article-title{margin-top:.2rem;font-size:clamp(1.56rem,7.2vw,2rem);line-height:1.16}.article-dek{margin-top:.64rem;font-size:.9rem;line-height:1.68}.article-meta{margin-top:.72rem;gap:.34rem;font-size:.76rem}.article-meta>span,.article-meta>time{padding:.2rem .5rem}.article-meta>:nth-child(4),.article-meta>:nth-child(5){display:none}.article-utility-stack{margin-top:.72rem;gap:.48rem}.article-tools,.article-tag-group{display:none}.article-mobile-tags{display:grid;position:relative;gap:.45rem;margin:0 clamp(1.05rem,4vw,1.42rem) clamp(1rem,4.2vw,1.45rem);padding-top:.76rem}.article-mobile-tags:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;opacity:.72;background:linear-gradient(90deg,#fff0,color-mix(in srgb,#ffffff 58%,var(--c-border) 42%),#fff0)}[data-theme=dark] .article-mobile-tags:before{opacity:.64;background:linear-gradient(90deg,#ffefd400,#ffefd457,#ffefd400)}.article-tag-list--mobile .blog-tag{font-size:.64rem;padding:.2rem .54rem}.back-to-top-btn{width:2.45rem;height:2.45rem;font-size:1.05rem;right:max(.9rem,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 1.32rem)}}@media (max-width: 980px){.article-sidebar{display:none!important;visibility:hidden;opacity:0;pointer-events:none}}@media (min-width: 981px){.article-layout.has-sidebar{grid-template-columns:minmax(0,1fr);gap:0;box-sizing:border-box;padding-right:calc(var(--article-sidebar-width) + var(--article-sidebar-gap));align-items:start}.article-card{margin-right:0}.article-sidebar{display:block!important;visibility:visible;opacity:1;position:fixed;top:var(--article-sidebar-top, var(--article-sidebar-top-offset));left:var(--article-sidebar-left, auto);right:auto;width:var(--article-sidebar-width);--article-sidebar-scroll-max: var( --article-sidebar-max-height, calc(100dvh - var(--article-sidebar-top-offset) - .9rem) );max-height:var( --article-sidebar-scroll-max );align-self:start;margin-top:0}.article-layout.has-sidebar .article-meta,.article-layout.has-sidebar .article-tag-group{display:none}.article-layout.has-sidebar .article-utility-stack{grid-template-columns:auto;max-width:420px}}@media (max-width: 980px),(prefers-reduced-motion: reduce){.article-card.glass-card,.article-sidebar-section,.article-type-pill,.article-meta>span,.article-meta>time,.article-tag-list .blog-tag,.article-content :where(pre),.article-content :where(pre.astro-code),.back-to-top-btn{backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(128%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-strength) * .16)) saturate(128%)}}@media (prefers-reduced-motion: reduce){.blog-page:before,.blog-page:after,.blog-card,.hero-image,.article-hero-image{animation:none!important;transition:none!important}.blog-card{transform:none;opacity:1}}