.blog-page{--blog-bg-0:#0c0c0c;--blog-bg-1:#1a1a2e;--blog-bg-2:#16213e;--blog-accent:#00d4ff;--blog-accent-2:#3a7bd5;--blog-accent-3:#ff5f6d;--blog-text:#fff;--blog-muted:#ffffffb8;--blog-faint:#ffffff73;--blog-glass:#ffffff0f;--blog-border:#ffffff1a;--blog-radius:18px;--blog-max:1120px;--blog-prose:42rem;width:100%;max-width:100%;min-height:100vh;color:var(--blog-text);scroll-behavior:smooth;background:radial-gradient(ellipse 80% 50% at 10% -10%, #3a7bd538, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 0%, #00d4ff1f, transparent 50%), radial-gradient(ellipse 50% 30% at 50% 100%, #ff5f6d14, transparent 45%), linear-gradient(160deg, var(--blog-bg-0), var(--blog-bg-1) 45%, var(--blog-bg-2));overflow-x:clip}.blog-skip{z-index:1500;color:#041018;background:#00d4ff;border-radius:10px;padding:.55rem .85rem;font-weight:600;text-decoration:none;transition:transform .2s;position:absolute;top:1rem;left:1rem;transform:translateY(-160%)}.blog-skip:focus{transform:translateY(0)}.blog-page :where(a,button,input,.blog-chip,.blog-page-link,.blog-search-link):focus-visible{outline-offset:3px;outline:2px solid #00d4ffb3}.blog-shell{max-width:var(--blog-max);margin:0 auto;padding:7.5rem 1.25rem 4rem}.blog-hero{margin-bottom:2.5rem;animation:.7s cubic-bezier(.22,1,.36,1) both blog-rise}.blog-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blog-accent);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.78rem;display:inline-flex}.blog-hero h1{background:linear-gradient(45deg,#3a7bd5,#ff5f6d,#00d4ff);color:#0000;background-clip:text;margin:0 0 .85rem;font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:700;line-height:1.1}.blog-hero p{max-width:38rem;color:var(--blog-muted);margin:0;font-size:1.05rem;line-height:1.65}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.75rem;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both blog-rise;display:flex}.blog-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.blog-chip{border:1px solid var(--blog-border);background:var(--blog-glass);color:var(--blog-muted);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.85rem;text-decoration:none;transition:border-color .25s,color .25s,background .25s,transform .25s;display:inline-flex}.blog-chip:hover,.blog-chip.is-active{color:#fff;background:#00d4ff1f;border-color:#00d4ff73;transform:translateY(-1px)}.blog-search-link{border:1px solid var(--blog-border);color:var(--blog-muted);background:#ffffff0a;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1rem;text-decoration:none;transition:border-color .25s,color .25s;display:inline-flex}.blog-search-link:hover{color:#fff;border-color:#00d4ff66}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.blog-card{border-radius:var(--blog-radius);border:1px solid var(--blog-border);backdrop-filter:blur(14px);min-height:100%;color:inherit;background:linear-gradient(160deg,#ffffff12,#ffffff05);flex-direction:column;padding:0;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;animation:.65s cubic-bezier(.22,1,.36,1) both blog-rise;display:flex;position:relative;overflow:hidden}.blog-card-media{aspect-ratio:16/9;border-bottom:1px solid var(--blog-border);background:#00000040;position:relative;overflow:hidden}.blog-card-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.blog-card-placeholder{background:radial-gradient(circle at 20% 20%, hsla(var(--blog-card-hue), 80%, 62%, .45), transparent 45%), radial-gradient(circle at 80% 10%, #00d4ff47, transparent 40%), linear-gradient(135deg, #1a1a2ef2, #16213ef2);align-items:flex-end;width:100%;height:100%;padding:1rem;display:flex}.blog-card-placeholder span{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;font-size:.78rem}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card:hover .blog-card-placeholder{filter:brightness(1.08)}.blog-card-body{z-index:1;flex-direction:column;flex:1;padding:1.35rem;display:flex;position:relative}.blog-card:first-child{animation-delay:50ms}.blog-card:nth-child(2){animation-delay:.1s}.blog-card:nth-child(3){animation-delay:.15s}.blog-card:nth-child(4){animation-delay:.2s}.blog-card:nth-child(5){animation-delay:.25s}.blog-card:nth-child(6){animation-delay:.3s}.blog-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00d4ff14,#0000 40%,#ff5f6d0f);transition:opacity .35s;position:absolute;inset:0}.blog-card:hover{border-color:#00d4ff59;transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.blog-card:hover:before{opacity:1}.blog-card-meta{color:var(--blog-faint);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.78rem;display:flex}.blog-card-badge{color:var(--blog-accent);background:#00d4ff26;border:1px solid #00d4ff40;border-radius:999px;padding:.2rem .55rem}.blog-card h2{margin:0 0 .65rem;font-size:1.25rem;line-height:1.3}.blog-card p{color:var(--blog-muted);flex:1;margin:0 0 1.25rem;font-size:.95rem;line-height:1.55}.blog-card-cta{color:var(--blog-accent);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.blog-card:hover .blog-card-cta{gap:.55rem}.blog-card.is-featured{background:radial-gradient(circle at 12% 0,#00d4ff24,#0000 42%),linear-gradient(160deg,#ffffff14,#ffffff05);border-color:#00d4ff47;box-shadow:0 18px 48px #00000047}@media (width>=840px){.blog-card.is-featured{grid-template-columns:minmax(280px,1.05fr) minmax(280px,1fr);align-items:stretch;display:grid}.blog-card.is-featured .blog-card-media{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--blog-border);min-height:100%}.blog-card.is-featured .blog-card-body{justify-content:center;padding:1.7rem 1.6rem}.blog-card.is-featured h2{font-size:clamp(1.45rem,2.4vw,1.9rem)}}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.blog-page-link{border:1px solid var(--blog-border);background:var(--blog-glass);min-width:2.5rem;height:2.5rem;color:var(--blog-muted);border-radius:12px;justify-content:center;align-items:center;padding:0 .85rem;text-decoration:none;transition:border-color .25s,color .25s,background .25s;display:inline-flex}.blog-page-link:hover,.blog-page-link.is-active{color:#fff;background:#00d4ff1f;border-color:#00d4ff73}.blog-empty{text-align:center;border-radius:var(--blog-radius);border:1px dashed var(--blog-border);background:#ffffff08;padding:3rem 1.5rem}.blog-empty h2{margin:0 0 .5rem}.blog-empty p{color:var(--blog-muted);margin:0}.blog-layout{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}@media (width>=960px){.blog-layout.has-aside{grid-template-columns:minmax(0,1fr) minmax(320px,340px)}}.blog-article{max-width:var(--blog-prose)}.blog-article-header{margin-bottom:2rem;animation:.7s cubic-bezier(.22,1,.36,1) both blog-rise}.blog-article-header h1{margin:.75rem 0 1rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15}.blog-article-lede{color:var(--blog-muted);margin:0;font-size:1.1rem;line-height:1.65}.blog-article-byline{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;margin-top:1.15rem;padding:.85rem 0 0;display:flex}.blog-prose{color:#ffffffe0;font-size:1.05rem;line-height:1.75;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both blog-rise}.blog-prose :where(h2,h3){margin:2.2rem 0 .85rem;scroll-margin-top:6rem;line-height:1.25}.blog-prose :where(p,ul,ol){margin:0 0 1.15rem}.blog-prose :where(ul,ol){padding-left:1.25rem}.blog-prose :where(li){margin-bottom:.4rem}.blog-prose :where(a){color:var(--blog-accent);text-underline-offset:.18em;text-decoration:underline}.blog-prose :where(img,video){border:1px solid var(--blog-border);border-radius:14px;width:100%;max-width:100%;height:auto;margin:1.5rem 0;display:block}.blog-prose :where(img){cursor:zoom-in}.blog-lightbox{z-index:1400;backdrop-filter:blur(10px);background:#040610e0;justify-content:center;align-items:center;padding:1.25rem;animation:.25s both blog-rise;display:flex;position:fixed;inset:0}.blog-lightbox-image{-o-object-fit:contain;object-fit:contain;cursor:default;border:1px solid #ffffff24;border-radius:12px;max-width:min(1100px,100%);max-height:min(88vh,100%);box-shadow:0 24px 80px #00000073}.blog-lightbox-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;width:2.5rem;height:2.5rem;position:absolute;top:1rem;right:1rem}.blog-prose :where(blockquote){border-left:3px solid var(--blog-accent);color:var(--blog-muted);background:#00d4ff0f;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:.85rem 1.1rem}.blog-prose>table{-webkit-overflow-scrolling:touch;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin:1.5rem 0 1.75rem;display:block;overflow-x:auto}.blog-prose>table>thead,.blog-prose>table>tbody{border-collapse:collapse;width:100%;min-width:36rem;display:table}.blog-prose :where(th),.blog-prose :where(td){text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:.75rem .9rem}.blog-prose :where(th){letter-spacing:.06em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;background:#0c1020f5;font-size:.78rem}.blog-prose :where(tbody tr){transition:background .2s}.blog-prose :where(tbody tr:hover){background:#00d4ff12}.blog-prose :where(tbody tr:nth-child(2n)){background:#ffffff06}.blog-prose :where(tbody tr:nth-child(2n):hover){background:#00d4ff14}.blog-prose :where(td:first-child){color:#fff;white-space:nowrap;font-weight:600}.blog-service-promo{background:radial-gradient(circle at 8% 0,#00d4ff2e,#0000 42%),radial-gradient(circle at 95% 100%,#3a7bd533,#0000 48%),#0a0e1ce0;border:1px solid #00d4ff47;border-radius:18px;margin:2rem 0 .5rem;padding:1.35rem 1.35rem 1.4rem;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000047}.blog-service-promo-glow{filter:blur(40px);pointer-events:none;background:#ff5f6d29;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -20% -40% auto}.blog-service-promo-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blog-accent);margin:0 0 .45rem;font-size:.72rem;position:relative}.blog-service-promo h3{margin:0 0 .55rem;font-size:1.25rem;line-height:1.25;position:relative}.blog-service-promo-body{color:var(--blog-muted);margin:0 0 1.1rem;font-size:.95rem;line-height:1.6;position:relative}.blog-service-promo-actions{flex-wrap:wrap;gap:.65rem;display:flex;position:relative}.blog-service-promo-primary,.blog-service-promo-secondary{border-radius:12px;justify-content:center;align-items:center;min-height:2.55rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s,box-shadow .22s;display:inline-flex}.blog-service-promo-primary{color:#041018;background:linear-gradient(120deg,#00d4ff,#3a7bd5);box-shadow:0 8px 24px #00d4ff40}.blog-service-promo-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00d4ff59}.blog-service-promo-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff2e}.blog-service-promo-secondary:hover{background:#00d4ff1a;border-color:#00d4ff73;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.blog-service-promo-primary,.blog-service-promo-secondary,.blog-service-promo-primary:hover,.blog-service-promo-secondary:hover{transform:none}}.blog-prose :where(code){background:#ffffff14;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.blog-prose :where(pre){border:1px solid var(--blog-border);background:#00000059;border-radius:14px;margin:1.5rem 0;padding:1rem 1.1rem;overflow-x:auto}.blog-prose :where(pre code){background:0 0;padding:0}.blog-aside{flex-direction:column;gap:1.25rem;display:flex}.blog-aside-card{border:1px solid var(--blog-border);background:#ffffff0a;border-radius:14px;padding:1rem 1.1rem}.blog-aside-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-faint);margin:0 0 .75rem;font-size:.85rem}.blog-share-panel{background:radial-gradient(circle at 12% 0,#00d4ff29,#0000 42%),radial-gradient(circle at 90% 100%,#3a7bd524,#0000 45%),#ffffff0a;position:relative;overflow:hidden;box-shadow:0 10px 36px #00000038}.blog-share-panel:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff14,#0000 40%);position:absolute;inset:0}.blog-share{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.blog-share-prompt{color:var(--blog-muted);margin:0;font-size:.88rem;line-height:1.45}.blog-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.blog-aside .blog-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-share-btn{appearance:none;box-sizing:border-box;color:#fff;letter-spacing:.01em;cursor:pointer;background:#080c188c;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.55rem;width:100%;min-width:0;min-height:2.65rem;padding:.55rem .7rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,background .22s,box-shadow .22s;display:inline-flex}.blog-share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000047}.blog-share-btn:active{transform:translateY(0)}.blog-share-btn.is-pulse{animation:.65s blog-share-pulse}.blog-share-icon{background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;display:inline-flex}.blog-share-icon svg{width:.95rem;height:.95rem}.blog-share-label{white-space:nowrap;min-width:0;line-height:1.2}.blog-aside .blog-share-btn{gap:.45rem;padding-inline:.55rem;font-size:.76rem}.blog-share-btn.is-facebook .blog-share-icon{color:#4ea1ff;background:#1877f233}.blog-share-btn.is-facebook:hover{background:#1877f229;border-color:#1877f28c}.blog-share-btn.is-x .blog-share-icon{color:#fff;background:#ffffff1f}.blog-share-btn.is-x:hover{background:#ffffff14;border-color:#ffffff59}.blog-share-btn.is-linkedin .blog-share-icon{color:#5cb0ff;background:#0a66c238}.blog-share-btn.is-linkedin:hover{background:#0a66c229;border-color:#0a66c28c}.blog-share-btn.is-whatsapp .blog-share-icon{color:#4ae083;background:#25d3662e}.blog-share-btn.is-whatsapp:hover{background:#25d36624;border-color:#25d36680}.blog-share-btn.is-telegram .blog-share-icon{color:#5bc4f2;background:#24a1de33}.blog-share-btn.is-telegram:hover{background:#24a1de24;border-color:#24a1de8c}.blog-share-btn.is-email .blog-share-icon,.blog-share-btn.is-native .blog-share-icon,.blog-share-btn.is-copy .blog-share-icon{color:#00d4ff;background:#00d4ff24}.blog-share-btn.is-email:hover,.blog-share-btn.is-native:hover,.blog-share-btn.is-copy:hover,.blog-share-btn.is-copy.is-success{background:#00d4ff1f;border-color:#00d4ff80}.blog-share-disclaimer{color:var(--blog-faint);margin:.15rem 0 0;font-size:.68rem;line-height:1.45}.blog-share-inline{border:1px solid var(--blog-border);border-radius:16px;margin:2.25rem 0 0;padding:1.15rem 1.2rem 1.25rem}.blog-share-inline h2{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-faint);margin:0 0 .75rem;font-size:.85rem}.blog-share-inline .blog-share-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.blog-share.is-compact .blog-share-btn{width:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-share.is-compact .blog-share-grid{scrollbar-width:none;flex-wrap:nowrap;gap:.45rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.blog-share.is-compact .blog-share-grid::-webkit-scrollbar{display:none}.blog-share.is-compact .blog-share-btn{flex:none;min-width:7.4rem;min-height:2.4rem;padding:.45rem .65rem;font-size:.75rem}@keyframes blog-share-pulse{0%{box-shadow:0 0 #00d4ff59}to{box-shadow:0 0 0 12px #00d4ff00}}.blog-mobile-share{z-index:1100;padding:.75rem .85rem calc(.75rem + env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:linear-gradient(#0000,#080a16eb 28%);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.blog-mobile-share.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.blog-mobile-share-inner{backdrop-filter:blur(16px);background:radial-gradient(circle at 10% 0,#00d4ff24,#0000 45%),#121528f0;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:.55rem;padding:.85rem .95rem;display:flex;box-shadow:0 12px 40px #00000059}.blog-mobile-share-label{letter-spacing:.1em;text-transform:uppercase;color:var(--blog-faint);font-size:.75rem}@media (width>=960px){.blog-mobile-share{display:none}}@media (prefers-reduced-motion:reduce){.blog-mobile-share{transition:none}.blog-share-btn,.blog-share-btn:hover,.blog-share-btn:active{transition:border-color .2s,background .2s;transform:none}.blog-share-btn.is-pulse{animation:none}}.blog-related{border-top:1px solid var(--blog-border);margin-top:3rem;padding-top:2rem}.blog-adjacent{border-top:1px solid var(--blog-border);grid-template-columns:1fr;gap:.85rem;margin-top:2.5rem;padding-top:1.75rem;display:grid}@media (width>=720px){.blog-adjacent{grid-template-columns:1fr 1fr}}.blog-adjacent-link{border:1px solid var(--blog-border);color:inherit;background:#ffffff0a;border-radius:14px;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .25s,transform .25s,background .25s;display:flex}.blog-adjacent-link:hover{background:#00d4ff14;border-color:#00d4ff66;transform:translateY(-2px)}.blog-adjacent-link.is-next{text-align:right}.blog-adjacent-link.is-empty{pointer-events:none;background:0 0;border:0}.blog-adjacent-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-faint);font-size:.78rem}.blog-adjacent-link strong{font-size:1rem;font-weight:600;line-height:1.35}.blog-related h2{margin:0 0 1.25rem;font-size:1.35rem}.blog-search-panel{border-radius:var(--blog-radius);border:1px solid var(--blog-border);background:#ffffff0a;margin-bottom:1.75rem;padding:1.25rem;animation:.65s cubic-bezier(.22,1,.36,1) both blog-rise}.blog-search-panel input{box-sizing:border-box;border:1px solid var(--blog-border);color:#fff;background:#00000040;border-radius:12px;outline:none;width:100%;padding:.9rem 1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}.blog-search-panel input:focus{border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff2e}.blog-search-meta{color:var(--blog-faint);margin-top:.75rem;font-size:.9rem}.blog-breadcrumb{margin-bottom:1rem;animation:.55s cubic-bezier(.22,1,.36,1) both blog-rise}.blog-breadcrumb ol{color:#ffffff94;flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.blog-breadcrumb li{align-items:center;gap:.5rem;max-width:100%;display:inline-flex}.blog-breadcrumb li:not(:last-child):after{content:"/";color:#ffffff52}.blog-breadcrumb a{color:#ffffffb8;text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:var(--blog-accent)}.blog-breadcrumb span[aria-current=page]{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,18rem);overflow:hidden}.blog-prose :where(h3){border-left:3px solid #00d4ff8c;margin-top:2.35rem;padding-left:.85rem}.blog-back-top{right:1.1rem;bottom:calc(1.1rem + env(safe-area-inset-bottom));z-index:1050;color:#fff;cursor:pointer;backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0e1222eb;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.4rem;min-height:2.55rem;padding:.55rem .85rem;font-size:.8rem;font-weight:600;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s;display:inline-flex;position:fixed;transform:translateY(12px);box-shadow:0 12px 32px #00000059}.blog-back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.blog-back-top:hover{background:#00d4ff1f;border-color:#00d4ff73}.blog-back-top svg{width:1rem;height:1rem}@media (width<=959px){.blog-back-top{bottom:calc(5.5rem + env(safe-area-inset-bottom))}.blog-back-top span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.blog-back-top{justify-content:center;width:2.7rem;height:2.7rem;min-height:0;padding:0}}@media (prefers-reduced-motion:reduce){.blog-back-top{transition:none}}.blog-back{color:var(--blog-muted);align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.92rem;text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--blog-accent)}.blog-progress{z-index:1200;pointer-events:none;background:#ffffff14;height:3px;position:fixed;top:0;left:0;right:0}.blog-progress-bar{background:linear-gradient(90deg,#3a7bd5,#ff5f6d,#00d4ff);width:0;height:100%;transition:width 80ms linear;box-shadow:0 0 12px #00d4ff73}.blog-hero-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:1px solid var(--blog-border);background:#00000040;border-radius:16px;width:100%;max-height:420px;margin:1.35rem 0 0;display:block;box-shadow:0 18px 50px #00000047,inset 0 1px #ffffff0f}.blog-toc ol{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc a{color:var(--blog-muted);border-left:2px solid #0000;border-radius:8px;margin:.1rem 0;padding:.35rem .55rem;font-size:.9rem;line-height:1.4;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:block}.blog-toc a:hover{color:#fff;background:#ffffff0d}.blog-toc a.is-active{color:var(--blog-accent);border-left-color:var(--blog-accent);box-shadow:inset 2px 0 0 var(--blog-accent);background:#00d4ff14;font-weight:600}.blog-toc .is-h3{padding-left:.85rem}.blog-aside-sticky{position:sticky;top:6.5rem}.blog-callout{border:1px solid var(--blog-border);background:#ffffff0a;border-radius:14px;grid-template-columns:auto 1fr;gap:.85rem;margin:1.5rem 0;padding:1rem 1.15rem;display:grid}.blog-callout-icon{width:2rem;height:2rem;color:var(--blog-accent);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;margin-top:.1rem;display:inline-flex}.blog-callout-icon svg{width:1.05rem;height:1.05rem}.blog-callout.tone-tip{background:#00d4ff14;border-color:#00d4ff59}.blog-callout.tone-tip .blog-callout-icon{color:#00d4ff;background:#00d4ff29}.blog-callout.tone-warn{background:#ff5f6d14;border-color:#ff5f6d66}.blog-callout.tone-warn .blog-callout-icon{color:#ff8a94;background:#ff5f6d29}.blog-callout.tone-info{background:#3a7bd51a;border-color:#3a7bd566}.blog-callout.tone-info .blog-callout-icon{color:#7eb0ff;background:#3a7bd52e}.blog-callout-title{margin-bottom:.45rem;font-size:.92rem;display:block}.blog-callout-body :where(p){color:var(--blog-muted);margin:0}.blog-prose :where(h2,h3).has-heading-link{padding-right:2.2rem;position:relative}.blog-heading-link{appearance:none;color:#ffffff59;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:opacity .2s,color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex;position:absolute;top:.15rem;right:0;transform:translateY(2px)}.blog-prose :where(h2,h3).has-heading-link:hover .blog-heading-link,.blog-heading-link:focus-visible{opacity:1}.blog-heading-link:hover,.blog-heading-link.is-copied{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff59;transform:translateY(0)}.blog-heading-link svg{width:.95rem;height:.95rem}@media (prefers-reduced-motion:reduce){.blog-heading-link{opacity:.7;transition:none;transform:none}}.blog-video{margin:1.6rem 0}.blog-video-frame{aspect-ratio:16/9;border:1px solid var(--blog-border);background:#00000059;border-radius:14px;position:relative;overflow:hidden}.blog-video-frame iframe,.blog-video video{border:0;width:100%;height:100%;display:block}.blog-video figcaption{color:var(--blog-faint);margin-top:.55rem;font-size:.86rem}@keyframes blog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.blog-reveal{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.blog-reveal.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.blog-reveal{opacity:1;transition:none;transform:none}.blog-hero,.blog-toolbar,.blog-card,.blog-article-header,.blog-prose,.blog-search-panel{animation:none!important}.blog-card:hover,.blog-adjacent-link:hover{transform:none}.blog-progress-bar,.blog-mobile-share{transition:none}}.blog-showing{color:var(--blog-faint);margin:.85rem 0 0;font-size:.88rem}.blog-kbd{min-width:1.35rem;color:var(--blog-muted);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;margin-left:.45rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:inline-flex}@media print{.blog-page{color:#111!important;background:#fff!important}.blog-progress,.blog-mobile-share,.blog-back-top,.blog-aside,.blog-toolbar,.blog-breadcrumb,.blog-back,.blog-adjacent,.blog-related,astro-island{display:none!important}.blog-shell{max-width:none!important;padding:0!important}.blog-article-header h1,.blog-article-lede,.blog-prose,.blog-prose :where(a){color:#111!important}.blog-prose :where(a){text-decoration:underline}.blog-hero-image,.blog-prose :where(img){-moz-column-break-inside:avoid;break-inside:avoid;max-width:100%}}
