.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.mb-8{margin-bottom:8rem!important}.load-hidden{visibility:hidden}.sr .sr__child{transition-property:opacity,transform,filter,clip-path;transition-timing-function:cubic-bezier(.16,1,.3,1)}.sr--fade-up{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.sr--fade-up.sr-visible{opacity:1;transform:translateY(0)}.sr--fade-up .sr__child{opacity:0;transform:translateY(30px);transition-duration:.5s}.sr--fade-up.sr-visible .sr__child{opacity:1;transform:translateY(0)}.sr--clip{clip-path:inset(100% 0 0 0);transition:clip-path .6s cubic-bezier(.16,1,.3,1)}.sr--clip.sr-visible{clip-path:inset(0 0 0 0)}.sr--clip .sr__child{clip-path:inset(100% 0 0 0);transition-duration:.6s}.sr--clip.sr-visible .sr__child{clip-path:inset(0 0 0 0)}.sr--blur{opacity:0;filter:blur(12px);transition:opacity .5s ease-out,filter .5s ease-out}.sr--blur.sr-visible{opacity:1;filter:blur(0)}.sr--blur .sr__child{opacity:0;filter:blur(12px);transition-duration:.5s}.sr--blur.sr-visible .sr__child{opacity:1;filter:blur(0)}.sr--scale{opacity:0;transform:scale(.92);transition:opacity .45s ease-out,transform .45s cubic-bezier(.34,1.56,.64,1)}.sr--scale.sr-visible{opacity:1;transform:scale(1)}.sr--scale .sr__child{opacity:0;transform:scale(.92);transition-duration:.45s;transition-timing-function:ease-out,cubic-bezier(.34,1.56,.64,1)}.sr--scale.sr-visible .sr__child{opacity:1;transform:scale(1)}.sr--slide-right{opacity:0;transform:translate(-40px);transition:opacity .5s ease-out,transform .5s ease-out}.sr--slide-right.sr-visible{opacity:1;transform:translate(0)}.sr--slide-right .sr__child{opacity:0;transform:translate(-40px);transition-duration:.5s}.sr--slide-right.sr-visible .sr__child{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.sr--fade-up,.sr--clip,.sr--blur,.sr--scale,.sr--slide-right,.sr--slide-left,.sr .sr__child{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}}.sr--slide-left{opacity:0;transform:translate(40px);transition:opacity .5s ease-out,transform .5s ease-out}.sr--slide-left.sr-visible{opacity:1;transform:translate(0)}.sr--slide-left .sr__child{opacity:0;transform:translate(40px);transition-duration:.5s}.sr--slide-left.sr-visible .sr__child{opacity:1;transform:translate(0)}.blog-post__code-block{margin:2rem 0}.blog-post__code-header{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--card-border);border-bottom:none;border-radius:8px 8px 0 0;padding:.4rem 1rem .4rem 1.5rem;min-height:3.6rem}.blog-post__code-filename{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:500;letter-spacing:.02em;color:var(--text-secondary)}.blog-post__code-lang{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1rem;font-weight:500;color:var(--text-secondary);text-transform:lowercase;letter-spacing:.03em;opacity:.7}.blog-post__copy-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:.3rem .6rem;border-radius:4px;transition:color .2s ease,background .2s ease;white-space:nowrap}.blog-post__copy-btn:hover{color:#02aab0;background:#02aab014}.blog-post__copy-btn.is-copied{color:#02aab0}.blog-post__copy-check{animation:copy-check-in .35s cubic-bezier(.16,1,.3,1)}@keyframes copy-check-in{0%{opacity:0;transform:rotate(-160deg) scale(.2)}to{opacity:1;transform:rotate(0) scale(1)}}.blog-post__code-block pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.blog-main{padding-top:8rem}.blog-post__breadcrumb{margin-bottom:2rem}.blog-post__breadcrumb-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.3rem;color:var(--text-secondary);padding:0;margin:0}.blog-post__breadcrumb-list li:last-child{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.blog-post__breadcrumb-list a{color:#02aab0;text-decoration:none}.blog-post__breadcrumb-list a:hover{text-decoration:underline}@media(min-width:1025px){.blog-listing__content>.container{max-width:132rem}}@media(min-width:1600px){.blog-listing__content>.container{max-width:144rem}}@media(min-width:1025px){.blog-post>.container{max-width:124rem}}@media(min-width:1600px){.blog-post>.container{max-width:140rem}}@media(max-width:600px){.blog-post>.container{padding-left:1.2rem;padding-right:1.2rem}}@media(max-width:600px){.blog-listing__content>.container{padding-left:1.2rem;padding-right:1.2rem}}.blog-post__layout{display:grid;grid-template-columns:minmax(0,1fr) 30rem;gap:4.5rem;align-items:start;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.blog-post__layout{grid-template-columns:1fr;gap:3rem}}@media(min-width:1025px){.blog-post__layout[data-sidebar-collapsed=true]{grid-template-columns:minmax(0,1fr) 3.4rem;gap:1rem}.blog-post__layout[data-sidebar-collapsed=true] .blog-sidebar__inner{opacity:0;pointer-events:none}.blog-post__layout[data-sidebar-collapsed=true] .blog-sidebar__toggle{background:#02aab01a;border-color:#02aab066;color:#02aab0;left:0}}.blog-post__main{min-width:0}@media(min-width:1025px){.blog-post .blog-post__layout{display:block;transition:none}.blog-post .blog-post__layout:after{content:"";display:table;clear:both}}@media(max-width:1024px){.blog-post .blog-post__layout{display:flex;flex-direction:column-reverse;gap:3rem;width:100%;max-width:100%;min-width:0;overflow-x:clip}}@media(max-width:1024px){.blog-post .blog-post__main{width:100%;max-width:100%;min-width:0;overflow-x:clip}}@media(max-width:1024px){.blog-post .blog-post__content{max-width:100%;min-width:0}.blog-post .blog-post__content img,.blog-post .blog-post__content video,.blog-post .blog-post__content iframe,.blog-post .blog-post__content svg,.blog-post .blog-post__content picture,.blog-post .blog-post__content figure{max-width:100%;height:auto}.blog-post .blog-post__content pre{max-width:100%;overflow-x:auto}.blog-post .blog-post__content code{word-break:break-word}.blog-post .blog-post__content a{overflow-wrap:anywhere;word-break:break-word}.blog-post .blog-post__content table{max-width:100%;display:block;overflow-x:auto}}@media(min-width:1025px){.blog-post .blog-sidebar{float:right;width:30rem;margin-left:4.5rem;margin-bottom:3rem;transition:width .4s cubic-bezier(.4,0,.2,1),margin-left .4s cubic-bezier(.4,0,.2,1)}}@media(min-width:1025px){.blog-post .blog-sidebar.is-collapsed{width:0;margin-left:0}}@media(min-width:1025px){.blog-post .blog-post__layout[data-sidebar-collapsed=true] .blog-sidebar{width:0;margin-left:0}.blog-post .blog-post__layout[data-sidebar-collapsed=true] .blog-sidebar__inner{opacity:0;pointer-events:none}.blog-post .blog-post__layout[data-sidebar-collapsed=true] .blog-sidebar__toggle{background:#02aab01a;border-color:#02aab066;color:#02aab0}.blog-post .blog-post__layout[data-sidebar-collapsed=true] .blog-post__main{padding-right:4rem}}.blog-sidebar{position:relative}.related-tool{display:flex;gap:1.6rem;align-items:flex-start;margin:3rem 0;padding:1.8rem 2rem;border-radius:12px;background:linear-gradient(135deg,#02aab00f,#00cdac0f);border:1px solid rgba(2,170,176,.22);text-align:left}@media(max-width:600px){.related-tool{flex-direction:column;gap:1rem;padding:1.4rem 1.5rem}}.related-tool__icon{flex-shrink:0;width:4.4rem;height:4.4rem;border-radius:10px;background:#fff;border:1px solid rgba(2,170,176,.18);display:flex;align-items:center;justify-content:center;font-size:2.2rem;line-height:1}.related-tool__body{flex:1;min-width:0}.related-tool__eyebrow{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#02aab0;margin-bottom:.3rem}.related-tool__title{margin:0 0 .4rem;font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.3}.related-tool__hook{margin:0 0 1rem;font-size:1.35rem;line-height:1.55;color:var(--text-secondary)}.related-tool__cta{display:inline-block;padding:.7rem 1.4rem;border-radius:999px;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff!important;font-size:1.3rem;font-weight:700;text-decoration:none!important;transition:opacity .15s ease,transform .1s ease}.related-tool__cta:hover{opacity:.92;transform:translateY(-1px)}.related-tool--game{background:linear-gradient(135deg,#f59e0b14,#ec489914);border-color:#f59e0b4d}.related-tool--game .related-tool__eyebrow{color:#d97706}.related-tool--game .related-tool__cta{background:linear-gradient(135deg,#f59e0b,#ec4899)}.related-tool--learning-path{background:linear-gradient(135deg,#6366f114,#06b6d414);border-color:#6366f14d}.related-tool--learning-path .related-tool__eyebrow{color:#4f46e5}.related-tool--learning-path .related-tool__cta{background:linear-gradient(135deg,#6366f1,#06b6d4)}.blog-sidebar__inner{display:flex;flex-direction:column;gap:2rem;transition:opacity .25s ease}@media(min-width:1025px){.blog-sidebar__inner{overflow:hidden}}@media(min-width:1025px){.blog-sidebar.is-collapsed .blog-sidebar__inner{opacity:0;pointer-events:none}}.blog-sidebar__toggle{position:absolute;left:-2.4rem;top:0;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.blog-sidebar__toggle:hover{background:#02aab014;border-color:#02aab0;color:#02aab0;transform:scale(1.08);box-shadow:0 4px 12px #00000014}.blog-sidebar__toggle:focus-visible{outline:2px solid #02aab0;outline-offset:2px}@media(max-width:1024px){.blog-sidebar__toggle{display:none}}.blog-sidebar.is-collapsed .blog-sidebar__toggle{background:#02aab01a;border-color:#02aab066;color:#02aab0}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.blog-sidebar__widget{background:var(--surface-card);border:1px solid var(--card-border);border-radius:14px;padding:2.2rem 2.4rem;text-align:left}.blog-sidebar__title{display:flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.blog-sidebar__title span[aria-hidden]{font-size:1.3rem;line-height:1}.blog-sidebar__rank{flex-shrink:0;width:1.8rem;font-family:var(--font-serif);font-style:italic;font-size:1.5rem;font-weight:600;color:#02aab0;text-align:center;line-height:1}.blog-sidebar__title-row+.blog-sidebar__tabs{margin-top:-.4rem}.blog-sidebar__tabs{display:inline-flex;align-items:stretch;margin:0 0 1rem;padding:.3rem;border-radius:999px;background:#7f7f7f1a;gap:.2rem;border:1px solid var(--card-border)}.blog-sidebar__tab{appearance:none;border:none;background:transparent;color:var(--text-secondary);padding:.4rem .95rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:500;letter-spacing:.02em;line-height:1;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.blog-sidebar__tab:hover{color:var(--text-primary)}.blog-sidebar__tab.is-active{background:var(--bg-primary);color:#02aab0;box-shadow:0 1px 3px #00000014}.blog-sidebar__tab:focus-visible{outline:2px solid #02aab0;outline-offset:2px}.blog-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.blog-sidebar__list--thumbs{gap:.6rem}.blog-sidebar__item{margin:0}.blog-sidebar__link{display:flex;align-items:baseline;gap:1.2rem;padding:.7rem 0;text-decoration:none;color:var(--text-primary);transition:color .15s ease}.blog-sidebar__link:hover .blog-sidebar__text{color:#02aab0}.blog-sidebar__thumb,.blog-sidebar__thumb-fallback{display:none}.blog-sidebar__text{flex:1;font-size:1.3rem;line-height:1.5;font-weight:500;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-sidebar__card{display:flex;align-items:center;gap:1rem;padding:.85rem .8rem;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background .15s ease,transform .1s ease}.blog-sidebar__card:hover{background:#02aab00f;transform:translate(2px)}.blog-sidebar__card:hover .blog-sidebar__name{color:#02aab0}.blog-sidebar__icon{display:none}.blog-sidebar__body{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0;text-align:left}.blog-sidebar__name{font-size:1.35rem;font-weight:600;color:var(--text-primary);transition:color .15s ease}.blog-sidebar__desc{font-size:1.2rem;color:var(--text-secondary);line-height:1.5}.blog-sidebar__seeall{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:1.25rem;font-weight:700;color:#02aab0;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.blog-sidebar__seeall:hover{text-decoration:none;transform:translate(3px)}.blog-sidebar__books{display:flex;flex-direction:column;gap:.6rem}.blog-sidebar__book{display:flex;align-items:flex-start;gap:1rem;padding:.6rem .5rem;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background .15s ease}.blog-sidebar__book:hover{background:#02aab00f}.blog-sidebar__book:hover .blog-sidebar__book-title{color:#02aab0}.blog-sidebar__book-cover{flex-shrink:0;width:4.5rem;height:6.5rem;border-radius:4px;object-fit:cover;box-shadow:0 2px 8px #0003;background:var(--bg-secondary)}.blog-sidebar__book-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.blog-sidebar__book-title{font-size:1.3rem;font-weight:700;line-height:1.35;color:var(--text-primary);transition:color .15s ease}.blog-sidebar__book-author{font-size:1.15rem;color:var(--text-secondary);line-height:1.3}.blog-sidebar__book-status{display:inline-block;align-self:flex-start;margin-top:.3rem;padding:.15rem .55rem;border-radius:4px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.blog-sidebar__book-status--reading{background:#02aab01f;color:#02aab0}.blog-sidebar__book-status--completed{background:#7f7f7f1f;color:var(--text-secondary)}.blog-sidebar__disclosure{margin:.6rem 0 0;padding-top:.8rem;border-top:1px dashed var(--card-border);font-size:1.05rem;color:var(--text-secondary);line-height:1.45;opacity:.85}.blog-sidebar__progress{position:relative;display:flex;align-items:center;height:.4rem;background:var(--card-border);border-radius:999px;margin-bottom:.4rem}.blog-sidebar__progress-fill{height:100%;background:linear-gradient(90deg,#02aab0,#00cdac);border-radius:999px;transition:width .15s linear}.blog-sidebar__progress-label{position:absolute;right:0;top:1rem;font-size:1.05rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.blog-sidebar__newsletter-pitch{margin:0 0 1.4rem;font-size:1.35rem;line-height:1.6;color:var(--text-primary)}.blog-sidebar__newsletter-form{display:flex;flex-direction:column;gap:1rem}.blog-sidebar__newsletter-input{width:100%;min-width:0;padding:1.1rem 1.4rem;border:1px solid var(--card-border);border-radius:10px;font-size:1.3rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.blog-sidebar__newsletter-input::placeholder{color:var(--text-secondary);opacity:.7}.blog-sidebar__newsletter-input:focus{outline:none;border-color:#02aab0;box-shadow:0 0 0 3px #02aab01f}.blog-sidebar__newsletter-btn{width:100%;padding:1.1rem;border:none;border-radius:10px;background:linear-gradient(90deg,#02aab0,#00cdac);color:#fff;font-size:1.35rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,opacity .15s ease}.blog-sidebar__newsletter-btn:disabled{opacity:.55;cursor:not-allowed}.blog-sidebar__newsletter-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px #02aab059}.blog-sidebar__newsletter-checkmark{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff;font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.blog-sidebar__newsletter-confirm{margin:0;font-size:1.35rem;color:var(--text-primary);text-align:center;line-height:1.55}.blog-sidebar__newsletter-confirm strong{color:#02aab0}.blog-sidebar__newsletter-err{margin:.5rem 0 0;font-size:1.1rem;color:#ef4444}.blog-sidebar__save-count{margin-left:auto;padding:.15rem .65rem;background:#02aab01f;color:#02aab0;border-radius:999px;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.blog-sidebar__save-btn{width:100%;padding:.85rem 1rem;border:1.5px dashed var(--card-border);border-radius:8px;background:transparent;color:var(--text-primary);font-size:1.3rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.blog-sidebar__save-btn:hover{background:#02aab00f;border-color:#02aab0;color:#02aab0}.blog-sidebar__save-btn.is-saved{background:#02aab01a;border-color:#02aab0;border-style:solid;color:#02aab0}.blog-sidebar__save-toggle{width:100%;margin-top:.6rem;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;font-weight:600;cursor:pointer;text-align:left}.blog-sidebar__save-toggle:hover{color:#02aab0}.blog-sidebar__save-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:28rem;overflow-y:auto}.blog-sidebar__save-item{display:flex;align-items:center;gap:.3rem;padding:.4rem;border-radius:6px}.blog-sidebar__save-item:hover{background:#02aab00d}.blog-sidebar__save-link{flex:1;display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text-primary);min-width:0}.blog-sidebar__save-thumb,.blog-sidebar__save-thumb-fallback{flex-shrink:0;width:4rem;height:4rem;border-radius:6px;object-fit:cover;background:var(--bg-secondary)}.blog-sidebar__save-thumb-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#02aab026,#00cdac26);color:#02aab0;font-size:1.4rem}.blog-sidebar__save-title{flex:1;min-width:0;font-size:1.2rem;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-sidebar__save-remove{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);font-size:1.8rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.blog-sidebar__save-remove:hover{background:#ef44441f;color:#ef4444}.blog-sidebar__save-clear{margin-top:.8rem;padding:.4rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;text-decoration:underline}.blog-sidebar__save-clear:hover{color:#ef4444}.blog-sidebar__toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;max-height:36rem;overflow-y:auto}.blog-sidebar__toc-list::-webkit-scrollbar{width:4px}.blog-sidebar__toc-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:2px}.blog-sidebar__toc-list::-webkit-scrollbar-thumb:hover{background:#02aab080}.blog-sidebar__toc-item{line-height:1.45}.blog-sidebar__toc-item--h3{padding-left:1.4rem}.blog-sidebar__toc-link{display:block;padding:.5rem .7rem;border-left:2px solid transparent;border-radius:0 4px 4px 0;font-size:1.25rem;text-decoration:none;color:var(--text-secondary);transition:background .15s,border-color .15s,color .15s}.blog-sidebar__toc-link:hover{background:#02aab00d;color:var(--text-primary)}.blog-sidebar__toc-link.is-active{border-left-color:#02aab0;background:#02aab014;color:#02aab0;font-weight:600}.blog-post{padding:2rem 0 6rem;background:var(--bg-primary);min-height:100vh}.blog-post__back{display:inline-block;font-size:1.4rem;color:#02aab0;text-decoration:none;margin-bottom:2rem;transition:opacity .3s ease}.blog-post__back:hover{opacity:.8}.blog-post__header{margin-bottom:4rem;text-align:left}.blog-post__title{font-family:var(--font-serif);font-size:4rem;font-weight:600;letter-spacing:-.02em;line-height:1.12;color:var(--text-primary);margin-bottom:1.5rem;text-align:left}@media(max-width:37.5em){.blog-post__title{font-size:2.8rem}}.blog-post__standfirst{font-family:var(--font-serif);font-style:italic;font-size:2.1rem;font-weight:400;line-height:1.5;color:var(--text-secondary);margin-bottom:2rem;text-align:left;max-width:62ch}@media(max-width:37.5em){.blog-post__standfirst{font-size:1.8rem}}.blog-post__categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-post__category{font-size:1.1rem;font-weight:600;color:#02aab0;text-transform:uppercase;letter-spacing:.05em}.blog-post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:1.4rem;color:var(--text-secondary);margin-bottom:1.5rem;text-align:left}.blog-post__meta .bookmark-btn{margin-left:auto}.blog-post__byline{justify-content:space-between;padding:1.8rem 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.blog-post__byline-left{display:flex;align-items:center;gap:1.2rem}.blog-post__byline-info{display:flex;flex-direction:column;gap:.3rem}.blog-post__byline-info .blog-post__author{font-size:1.4rem}.blog-post__byline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;letter-spacing:.02em;color:var(--text-secondary)}.blog-post__author{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.blog-post__author-avatar{border-radius:50%;object-fit:cover}.blog-post__hero-image{margin-bottom:3rem;border-radius:12px;overflow:hidden}@media(max-width:768px){.blog-post__hero-image{max-height:50vh}}.blog-post__image{width:100%;display:block}@media(max-width:768px){.blog-post__image{max-height:50vh;object-fit:cover}}.blog-post__figure{text-align:center;max-width:380px;float:right;margin:2rem 0 1.5rem 2.5rem;border-radius:8px;overflow:hidden}@media(max-width:37.5em){.blog-post__figure{float:none;max-width:100%;margin-left:0}}.blog-post__figure img{display:block;max-width:100%;height:auto;border-radius:8px}.blog-post__figure figcaption{font-size:1.3rem;color:var(--text-secondary);margin-top:.75rem;font-style:italic}.blog-post__related{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--card-border);text-align:left}.blog-post__related-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:left}.blog-post__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}@media(max-width:900px){.blog-post__related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-post__related-grid{grid-template-columns:1fr}}.blog-post__related-grid .blog-card{background:var(--surface-card);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s}.blog-post__related-grid .blog-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-color:#02aab059}.blog-post__related-grid .blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-post__related-grid .blog-card:hover .blog-card__cta{color:#02aab0}.blog-post__related-grid .blog-card:hover .blog-card__cta svg{transform:translate(4px)}.blog-post__related-grid .blog-card__image-wrap{overflow:hidden}.blog-post__related-grid .blog-card__image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s ease}.blog-post__related-grid .blog-card__body{padding:1.6rem 1.8rem 1.8rem}.blog-post__related-grid .blog-card__title{font-size:1.5rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post__related-grid .blog-card__excerpt{font-size:1.3rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.blog-post__related-grid .blog-card__footer{margin-top:1.2rem;display:flex;align-items:center;justify-content:space-between}.blog-post__related-grid .blog-card__meta{font-size:1.2rem;color:var(--text-secondary)}.blog-post__related-grid .blog-card__cta{font-size:1.25rem;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.4rem;transition:color .3s ease}.blog-post__related-grid .blog-card__cta svg{transition:transform .3s ease}.blog-post__separator{margin:0 .8rem}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post__tag{padding:.4rem 1.2rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);background:transparent;border:1px solid var(--card-border);border-radius:50px;text-decoration:none;transition:color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.blog-post__tag:hover{color:#02aab0;border-color:#02aab080;transform:translateY(-2px)}.blog-post__content{text-align:left;font-size:1.7rem;line-height:1.8;color:var(--text-secondary);counter-reset:article-h2}.blog-post__content h2{font-family:var(--font-serif);font-size:2.7rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--text-primary);margin-top:4rem;margin-bottom:1.5rem}.blog-post__content h2:before{counter-increment:article-h2;content:counter(article-h2,decimal-leading-zero);font-style:italic;font-weight:600;font-size:.7em;color:#02aab0;margin-right:1.2rem}.blog-post__content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem}.blog-post__content p{font-size:1.7rem;margin-bottom:1.5rem;line-height:1.8}.blog-post__content>astro-island>p:first-child:first-letter,.blog-post__content>p:first-child:first-letter{font-family:var(--font-serif);font-weight:600;float:left;font-size:4.6em;line-height:.82;padding:.06em .12em 0 0;color:#02aab0}.blog-post__content a{color:#02aab0;text-decoration:none;background-image:linear-gradient(90deg,#02aab0,#00cdac);background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s cubic-bezier(.16,1,.3,1)}.blog-post__content a:hover{background-size:100% 1.5px}.blog-post__content ul,.blog-post__content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post__content ul li,.blog-post__content ol li{margin-bottom:.5rem;font-size:1.7rem;line-height:1.8}.blog-post__content blockquote{border-left:3px solid #02aab0;padding-left:2.4rem;margin:3.2rem 0}.blog-post__content blockquote,.blog-post__content blockquote p{font-family:var(--font-serif);font-style:italic;font-size:2.1rem;line-height:1.5;color:var(--text-primary)}.blog-post__content blockquote p{margin-bottom:0}.blog-post__content img{max-width:100%;border-radius:8px;margin:2rem 0}.blog-post__content .blog-post__youtube-embed{margin:2rem 0}.blog-post__content .blog-post__youtube-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}.blog-post__content .blog-post__youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog-post__content pre{border-radius:8px;margin:2rem 0;font-size:1.4rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);overflow-x:auto}.blog-post__content code:not(pre code){background:var(--card-bg);border:1px solid var(--card-border);padding:.2rem .5rem;border-radius:4px;font-size:1.5rem}.blog-post__content hr{border:none;border-top:1px solid var(--card-border);margin:3rem 0}.blog-post__content table{width:100%;border-collapse:collapse;margin:2.4rem 0;font-size:1.5rem}.blog-post__content table th,.blog-post__content table td{padding:1.1rem 1.4rem;text-align:left}.blog-post__content table th{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--text-primary)}.blog-post__content table td{border-bottom:1px solid var(--card-border)}.blog-post__content table tbody tr{transition:background .2s ease}.blog-post__content table tbody tr:hover{background:var(--tint-teal)}.blog-post__content table tbody tr td:first-child{color:var(--text-primary);font-weight:500}.blog-post__share{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--card-border)}.blog-post__share-label{display:block;font-size:1.3rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.2rem}.blog-post__share-buttons{display:flex;flex-wrap:wrap;gap:1rem}.blog-post__share-btn{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;padding:.7rem 1.4rem;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:all .25s ease}.blog-post__share-btn--twitter{background:#000;color:#fff}.blog-post__share-btn--twitter:hover{background:#222;transform:translateY(-1px)}.blog-post__share-btn--linkedin{background:#0a66c2;color:#fff}.blog-post__share-btn--linkedin:hover{background:#0855a0;transform:translateY(-1px)}.blog-post__share-btn--reddit{background:#ff4500;color:#fff}.blog-post__share-btn--reddit:hover{background:#e03d00;transform:translateY(-1px)}.blog-post__share-btn--hn{background:#f06424;color:#fff}.blog-post__share-btn--hn:hover{background:#d9571e;transform:translateY(-1px)}.blog-post__share-btn--copy{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border)}.blog-post__share-btn--copy:hover{border-color:#02aab0;color:#02aab0;transform:translateY(-1px)}.blog-post__inline-related{margin:2.4rem 0;padding:1.2rem 1.6rem;border-left:3px solid #02aab0;background:var(--card-bg);border-radius:0 8px 8px 0;font-size:1.5rem;line-height:1.5}.blog-post__inline-related a{color:#02aab0;font-weight:600;text-decoration:none}.blog-post__inline-related a:hover{text-decoration:underline}.blog-post__inline-related-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:1.2rem;letter-spacing:.04em;margin-right:.4rem}.blog-post__cite{margin-top:2.4rem;padding:1.8rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.blog-post__cite-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.blog-post__cite-label{font-size:1.3rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.blog-post__cite-tabs{display:inline-flex;gap:.4rem;background:var(--bg-primary);padding:.3rem;border-radius:999px;border:1px solid var(--card-border)}.blog-post__cite-tab{font-size:1.25rem;font-weight:600;padding:.4rem 1.2rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.blog-post__cite-tab:hover{color:var(--text-primary)}.blog-post__cite-tab--active{background:#02aab0;color:#fff}.blog-post__cite-tab--active:hover{color:#fff}.blog-post__cite-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.3rem;line-height:1.5;padding:1.2rem 1.4rem;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0 0 1.2rem;overflow-x:auto}.blog-post__cite-copy{display:inline-flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;padding:.6rem 1.4rem;border-radius:50px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);cursor:pointer;transition:all .2s ease}.blog-post__cite-copy:hover{border-color:#02aab0;color:#02aab0}.blog-post__author-bio{display:flex;align-items:center;gap:2rem;margin-top:3rem;padding:2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}@media(max-width:37.5em){.blog-post__author-bio{flex-direction:column;text-align:center;gap:1.5rem}}.blog-post__author-bio-avatar-link{flex-shrink:0;line-height:0}.blog-post__author-bio-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #02aab0;transition:transform .2s ease}.blog-post__author-bio-avatar:hover{transform:scale(1.05)}.blog-post__author-bio-info{flex:1;text-align:left}.blog-post__author-bio-label{display:block;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1rem;font-weight:500;color:#02aab0;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.3rem}.blog-post__author-bio-name{display:block;font-family:var(--font-serif);font-size:2rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.5rem}.blog-post__author-bio-name a{color:inherit;text-decoration:none}.blog-post__author-bio-name a:hover{color:#02aab0}.blog-post__author-bio-text{font-size:1.5rem;line-height:1.7;color:var(--text-secondary);margin:0}.blog-post__author-bio-socials{display:flex;gap:.8rem;margin-top:1rem}@media(max-width:37.5em){.blog-post__author-bio-socials{justify-content:center}}.blog-post__author-bio-socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--card-border);color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.blog-post__author-bio-socials a:hover{color:#02aab0;border-color:#02aab04d;transform:translateY(-1px)}.blog-post__author-bio-socials a svg{width:16px;height:16px}.blog-post__author-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.blog-post__author-link:hover{color:#02aab0}.blog-post__nav{display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--card-border)}@media(max-width:37.5em){.blog-post__nav{flex-direction:column}}.blog-post__nav-link{display:flex;flex-direction:column;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;text-decoration:none;transition:all .3s ease;flex:1}.blog-post__nav-link:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px var(--card-hover-shadow)}.blog-post__nav-link--next{text-align:right}.blog-post__nav-label{font-size:1.2rem;font-weight:600;color:#02aab0;margin-bottom:.5rem}.blog-post__nav-title{font-size:1.4rem;color:var(--text-primary);font-weight:600}.blog-post__reactions{margin-top:3rem;padding:2rem;border-top:1px solid var(--card-border);text-align:center}.blog-post__reactions-label{display:block;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.4rem}.blog-post__reactions-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.blog-post__reaction-btn{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.4rem;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;min-width:64px}.blog-post__reaction-btn:hover:not(:disabled){border-color:#02aab0;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 18px #02aab038}.blog-post__reaction-btn.active{border-color:#02aab0;background:#02aab01a}.blog-post__reaction-btn.dimmed{opacity:.45}.blog-post__reaction-btn:disabled{cursor:default}.blog-post__reaction-emoji{font-size:2rem;line-height:1;transition:transform .3s ease}.just-voted .blog-post__reaction-emoji{animation:reaction-bounce .4s ease}.blog-post__reaction-count{font-size:1.2rem;font-weight:600;color:var(--text-secondary)}.just-voted .blog-post__reaction-count{animation:reaction-count-in .3s ease}.blog-post__reactions-thanks{font-size:1.3rem;color:#02aab0;margin-top:1.2rem}.blog-post__reactions-thanks.animate-in{animation:fade-slide-up .4s ease}@keyframes reaction-bounce{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes reaction-count-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blog-post__newsletter{margin-top:3rem;padding:2.8rem 3rem;border-radius:16px;border:1px solid var(--card-border);background:var(--surface-card);text-align:left}@media(max-width:37.5em){.blog-post__newsletter{padding:2.2rem}}.blog-post__newsletter-inner{margin-bottom:1.8rem}.blog-post__newsletter-label{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1.2rem}.blog-post__newsletter-label span[aria-hidden]{font-size:1.3rem}.blog-post__newsletter-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text-primary);margin-bottom:.6rem}.blog-post__newsletter-desc{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;margin:0}.blog-post__newsletter-form{display:flex;gap:1rem}@media(max-width:37.5em){.blog-post__newsletter-form{flex-direction:column}}.blog-post__newsletter-input{flex:1;padding:1.1rem 1.4rem;font-size:1.4rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--card-border);border-radius:10px;font-family:inherit;outline:none;transition:border-color .2s ease}.blog-post__newsletter-input:focus{border-color:#02aab0;box-shadow:0 0 0 3px #02aab01f}.blog-post__newsletter-input::placeholder{color:var(--text-secondary);opacity:.6}.blog-post__newsletter-btn{padding:1.1rem 2.4rem;font-size:1.4rem;font-weight:700;border-radius:10px;border:none;background:linear-gradient(90deg,#02aab0,#00cdac);color:#fff;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,opacity .15s ease;white-space:nowrap;font-family:inherit}.blog-post__newsletter-btn:disabled{opacity:.7;cursor:not-allowed}.blog-post__newsletter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #02aab059}.blog-post__newsletter-success{font-size:1.5rem;color:#02aab0;font-weight:600;margin:0}.blog-post__newsletter-error{font-size:1.4rem;color:#f87171;margin-top:.8rem}.blog-post__newsletter-rss{display:inline-flex;align-items:center;gap:.5rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;letter-spacing:.02em;color:var(--text-secondary);text-decoration:none;margin-top:1.2rem}.blog-post__newsletter-rss:hover{color:#02aab0}.blog-post__newsletter-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2.4rem;margin-top:1.4rem}.blog-post__newsletter-links .blog-post__newsletter-rss{margin-top:0}.blog-post__cta-card{position:relative;margin:3rem 0;padding:2.4rem;border-radius:16px;border:1.5px solid rgba(2,170,176,.3);background:linear-gradient(135deg,#02aab00f,#02aab005);text-align:center;overflow:hidden}.blog-post__cta-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse at top left,rgba(2,170,176,.08) 0%,transparent 60%);pointer-events:none}.blog-post__cta-card--subtle{border-color:var(--card-border);background:var(--card-bg)}.blog-post__cta-card--subtle:before{display:none}.blog-post__cta-card-headline{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.8rem;line-height:1.3}.blog-post__cta-card-desc{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;max-width:480px;margin:0 auto 1.6rem}.blog-post__cta-card-btn{display:inline-block;padding:1rem 2.4rem;border-radius:10px;font-size:1.4rem;font-weight:700;text-decoration:none!important;color:#fff!important;background:#02aab0!important;background-image:linear-gradient(135deg,#02aab0,#00cdac)!important;transition:transform .25s ease,box-shadow .25s ease}.blog-post__cta-card-btn:hover,.blog-post__cta-card-btn:visited,.blog-post__cta-card-btn:active{color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #02aab059}.blog-post__comments{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--card-border);overflow:hidden}.blog-post__comments-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}#cusdis_thread{max-width:100%;overflow:hidden}#cusdis_thread iframe{width:100%!important;min-width:0!important;max-width:100%!important}#back-to-top{position:fixed;bottom:2.5rem;right:2.5rem;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;z-index:500;box-shadow:0 4px 16px #02aab059}#back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}#back-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #02aab080}.blog-toc--mobile{margin-bottom:2rem;border:1px solid var(--card-border);border-radius:10px;overflow:hidden;background:var(--card-bg)}@media(min-width:1600px){.blog-toc--mobile{display:none}}.blog-toc__toggle{width:100%;display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;background:transparent;border:none;cursor:pointer;font-size:1.4rem;font-weight:600;color:var(--text-primary);text-align:left}.blog-toc__chevron{margin-left:auto;transition:transform .25s ease}.blog-toc__chevron.open{transform:rotate(180deg)}.blog-toc--desktop{display:none}@media(min-width:1600px){.blog-toc--desktop{display:block;position:fixed;top:50%;right:max(2rem,(100vw - 1140px) / 2 - 240px);transform:translateY(-50%);width:210px;max-height:60vh;overflow-y:auto;padding:1.6rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;z-index:100}}.blog-toc__title{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:1rem}.blog-toc__list{padding:0 1.6rem 1.2rem}.blog-toc__link{display:block;font-size:1.3rem;line-height:1.5;color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;padding:.35rem 0 .35rem .8rem;transition:color .2s ease,border-color .2s ease}.blog-toc__link--h3{padding-left:1.6rem;font-size:1.2rem}.blog-toc__link.active,.blog-toc__link:hover{color:#02aab0;border-left-color:#02aab0}.lightbox{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox__content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.lightbox__image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 24px 64px #0009}.lightbox__caption{margin-top:1.2rem;font-size:1.3rem;color:#ffffffb3;text-align:center;font-style:italic}.lightbox__close{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.lightbox__close:hover{background:#fff3}.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.lightbox__nav:hover{background:#fff3}.lightbox__nav--prev{left:1.5rem}.lightbox__nav--next{right:1.5rem}.lightbox__counter{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:1.3rem;color:#fff9;background:#00000080;padding:.4rem 1.2rem;border-radius:50px}.highlight-share{position:absolute;z-index:1000;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.3rem;font-weight:600;color:#fff;background:#000;border-radius:50px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 16px #0006;transition:background .2s ease,transform .2s ease;cursor:pointer;animation:highlight-pop .15s ease}.highlight-share:hover{background:#1a1a1a;transform:translate(-50%) translateY(-2px)}.highlight-share:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000;border-bottom:none}@keyframes highlight-pop{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bookmark-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:color .2s ease,background .2s ease}.bookmark-btn:hover{color:#02aab0;background:#02aab01a}.bookmark-btn--saved{color:#02aab0}.bookmark-btn--label{width:auto;height:auto;gap:.5rem;padding:.5rem 1.2rem;font-size:1.3rem;font-weight:500;border:1px solid var(--card-border);border-radius:8px}.bookmark-btn--label:hover{border-color:#02aab04d}.bookmark-btn--label.bookmark-btn--saved{background:#02aab014;border-color:#02aab033}.reading-list-page{min-height:60vh}.reading-list__loading{text-align:center;color:var(--text-secondary);padding:4rem 0;font-size:1.5rem}.reading-list__empty{text-align:center;padding:6rem 2rem}.reading-list__empty-icon{font-size:4rem;margin-bottom:1.5rem}.reading-list__empty-title{font-size:2.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.reading-list__empty-desc{font-size:1.6rem;color:var(--text-secondary);margin-bottom:2.5rem}.reading-list__empty-cta{display:inline-block;padding:1rem 2.4rem;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff;border-radius:50px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .2s ease}.reading-list__empty-cta:hover{opacity:.88}.reading-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.reading-list__card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.reading-list__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--card-hover-shadow)}.reading-list__card-link{display:block;text-decoration:none}.reading-list__card-link:not(:has(.reading-list__card-image-wrap)){padding-top:2rem}.reading-list__card-image-wrap{overflow:hidden}.reading-list__card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.reading-list__card-cats{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;padding:1.5rem 2rem 0}.reading-list__card-cat{font-size:1.1rem;font-weight:600;color:#02aab0;text-transform:uppercase;letter-spacing:.04em}.reading-list__card-title{font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:.8rem;padding:0 2rem}.reading-list__card-excerpt{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;padding:0 2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-list__card-date{font-size:1.3rem;color:var(--text-secondary);padding:0 2rem 2rem}.reading-list__card-remove{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease}.reading-list__card-remove:hover{color:#f87171;background:#f871711a}.trending-posts{margin-bottom:3rem;padding:2rem 2.4rem;background:var(--surface-card);border:1px solid var(--card-border);border-radius:14px}.trending-posts__title{display:flex;align-items:center;gap:.7rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.6rem}.trending-posts__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem}.trending-posts__item{display:flex;align-items:center;gap:1rem}.trending-posts__rank{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.trending-posts__link{flex:1;font-size:1.4rem;font-weight:600;color:var(--text-primary);text-decoration:none;line-height:1.4;transition:color .2s ease}.trending-posts__link:hover{color:#02aab0}.trending-posts__views{flex-shrink:0;font-size:1.2rem;color:var(--text-secondary);white-space:nowrap}.scroll-subscribe-banner{position:fixed;bottom:2rem;left:50%;width:480px;z-index:900;background:var(--bg-primary);border:1px solid var(--card-border);border-left:4px solid #02aab0;border-radius:14px;padding:1.8rem 2rem 1.6rem;box-shadow:0 12px 40px #00000029;opacity:0;transform:translate(-50%) translateY(60px) scale(.95);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}[data-theme=dark] .scroll-subscribe-banner{box-shadow:0 12px 40px #00000073}.scroll-subscribe-banner--visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:all}.scroll-subscribe-banner--hiding{opacity:0;transform:translate(-50%) translateY(40px) scale(.97);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.scroll-subscribe-banner__close{position:absolute;top:.8rem;right:.8rem;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,background .2s ease}.scroll-subscribe-banner__close:hover{color:var(--text-primary);background:#0000000f}[data-theme=dark] .scroll-subscribe-banner__close:hover{background:#ffffff14}.scroll-subscribe-banner__headline{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 .4rem;line-height:1.3}.scroll-subscribe-banner__subtext{font-size:1.3rem;color:var(--text-secondary);margin:0 0 1.2rem;line-height:1.5}.scroll-subscribe-banner__form{display:flex;align-items:center;gap:.6rem}.scroll-subscribe-banner__input{flex:1;padding:.7rem 1rem;font-size:1.3rem;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s ease}.scroll-subscribe-banner__input:focus{border-color:#02aab0}.scroll-subscribe-banner__btn{padding:.7rem 1.4rem;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#02aab0,#00cdac);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.scroll-subscribe-banner__btn:hover{opacity:.88}.scroll-subscribe-banner__btn:disabled{opacity:.6;cursor:not-allowed}.scroll-subscribe-banner--visible .scroll-subscribe-banner__btn{animation:subscribe-pulse 1.5s ease 1s 3}@keyframes subscribe-pulse{0%,to{box-shadow:0 0 #02aab000}50%{box-shadow:0 0 0 8px #02aab033}}.scroll-subscribe-banner__success{display:flex;align-items:center;gap:.8rem;padding:.5rem 0}.scroll-subscribe-banner__success-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#02aab0,#00cdac);color:#fff;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scroll-subscribe-banner__success-text{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}@media(max-width:640px){.scroll-subscribe-banner{bottom:1rem;left:1rem;right:1rem;width:auto;transform:translate(0) translateY(60px) scale(.95);padding:1.4rem 1.4rem 1.2rem}.scroll-subscribe-banner--visible{transform:translate(0) translateY(0) scale(1)}.scroll-subscribe-banner--hiding{transform:translate(0) translateY(40px) scale(.97)}.scroll-subscribe-banner__headline{font-size:1.5rem}.scroll-subscribe-banner__subtext{font-size:1.2rem}.scroll-subscribe-banner__form{flex-direction:column}.scroll-subscribe-banner__input,.scroll-subscribe-banner__btn{width:100%}}.blog-post__category{text-decoration:none;transition:opacity .2s ease}.blog-post__category:hover{opacity:.75}.blog-post__category[data-category*=AI],.blog-post__category[data-category*="Machine Learning"]{color:#2563eb;background:#2563eb1a}.blog-post__category[data-category*=Breaking],.blog-post__category[data-category*=News]{color:#dc2626;background:#dc26261a}.blog-post__category[data-category*=Cloud],.blog-post__category[data-category*=DevOps]{color:#7c3aed;background:#7c3aed1a}.blog-post__category[data-category*="Developer Tools"]{color:#ea580c;background:#ea580c1a}.blog-post__category[data-category*=Frontend],.blog-post__category[data-category*=Mobile]{color:#16a34a;background:#16a34a1a}.audio-player{display:flex;align-items:center;gap:1.4rem;background:var(--card-bg, #f8fafb);border:1px solid var(--border-color, #e8e8ed);border-radius:10px;padding:1.4rem 2rem;margin-bottom:2.4rem}.audio-player__icon{flex-shrink:0;color:#02aab0;display:flex;align-items:center}.audio-player__content{flex:1;min-width:0}.audio-player__label{font-size:1.2rem;font-weight:700;color:var(--text-secondary, #718096);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem}.audio-player__controls{display:flex;align-items:center;gap:1.2rem}.audio-player__play-btn{flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:50%;border:2px solid #02aab0;background:transparent;color:#02aab0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.audio-player__play-btn:hover{background:#02aab0;color:#fff}.audio-player__progress-wrap{flex:1;cursor:pointer;padding:.6rem 0}.audio-player__progress-bar{position:relative;height:4px;background:var(--border-color, #e2e8f0);border-radius:2px;overflow:visible}.audio-player__progress-fill{position:absolute;top:0;left:0;height:100%;background:#02aab0;border-radius:2px}.audio-player__progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:#02aab0;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0000004d;z-index:1}.audio-player__time{flex-shrink:0;font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--text-secondary, #718096);min-width:8rem;text-align:center}.audio-player__speed-btn{flex-shrink:0;font-size:1.2rem;font-weight:700;color:#02aab0;background:transparent;border:1px solid #02aab0;border-radius:4px;padding:.3rem .6rem;cursor:pointer;transition:background .2s,color .2s}.audio-player__speed-btn:hover{background:#02aab0;color:#fff}@media(max-width:37.5em){.audio-player{padding:1.4rem}.audio-player__content{width:100%}.audio-player__controls{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.8rem 1rem;align-items:center;width:100%}.audio-player__play-btn{grid-row:1;grid-column:1}.audio-player__time{grid-row:1;grid-column:2;min-width:auto;font-size:1.2rem;text-align:left}.audio-player__speed-btn{grid-row:1;grid-column:3}.audio-player__progress-wrap{grid-row:2;grid-column:1/-1}}.exit-intent-modal{position:relative;width:min(520px,100vw - 2rem);background:var(--bg-primary);border:1px solid var(--card-border);border-radius:16px;padding:2.6rem 2.4rem 2rem;box-shadow:0 24px 60px #00000038;animation:exit-intent-pop .32s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.exit-intent-modal{animation:none}}[data-theme=dark] .exit-intent-modal{box-shadow:0 24px 60px #0000008c}.exit-intent-modal__overlay{position:fixed;inset:0;z-index:1000;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:exit-intent-fade .2s ease}@media(prefers-reduced-motion:reduce){.exit-intent-modal__overlay{animation:none}}.exit-intent-modal__close{position:absolute;top:.9rem;right:.9rem;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .2s ease,background .2s ease}.exit-intent-modal__close:hover{color:var(--text-primary);background:#0000000f}[data-theme=dark] .exit-intent-modal__close:hover{background:#ffffff14}.exit-intent-modal__badge{display:inline-block;font-size:1.1rem;font-weight:700;color:#02aab0;background:#02aab01f;padding:.3rem .8rem;border-radius:999px;margin-bottom:1rem;letter-spacing:.02em}.exit-intent-modal__title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .6rem;line-height:1.25}.exit-intent-modal__subtitle{font-size:1.4rem;color:var(--text-secondary);margin:0 0 1.6rem;line-height:1.5}.exit-intent-modal__subtitle strong{color:var(--text-primary)}.exit-intent-modal__form{display:flex;flex-direction:column;gap:.7rem}.exit-intent-modal__input{padding:.9rem 1.1rem;font-size:1.4rem;border:1px solid var(--card-border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s ease}.exit-intent-modal__input:focus{border-color:#02aab0}.exit-intent-modal__btn{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.4rem;font-size:1.4rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.exit-intent-modal__btn--primary{color:#fff;background:linear-gradient(135deg,#02aab0,#00cdac)}.exit-intent-modal__btn:hover{opacity:.9}.exit-intent-modal__btn:disabled{opacity:.6;cursor:not-allowed}.exit-intent-modal__decline{display:block;margin:1rem auto 0;padding:.4rem .6rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;text-decoration:underline}.exit-intent-modal__decline:hover{color:var(--text-primary)}.exit-intent-modal__error{margin:.8rem 0 0;color:#d14343;font-size:1.3rem}.exit-intent-modal__success{text-align:center;padding:.6rem 0}.exit-intent-modal__success-icon{font-size:3.2rem;margin-bottom:.6rem}@keyframes exit-intent-fade{0%{opacity:0}to{opacity:1}}@keyframes exit-intent-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-post__author-bio-credibility{margin:.6rem 0 .8rem;padding:.8rem 1rem;background:linear-gradient(135deg,#02aab00d,#00cdac05);border-left:3px solid rgba(2,170,176,.5);border-radius:0 6px 6px 0;font-size:1.3rem;line-height:1.5;color:var(--text-secondary, #444)}.blog-post__author-bio-credibility>a{color:var(--accent, #02aab0);font-weight:600;text-decoration:none;white-space:nowrap}.blog-post__author-bio-credibility>a:hover{text-decoration:underline}.blog-post__author-bio-cred-tag{display:inline-block;background:#02aab026;color:#047781;padding:.1rem .5rem;border-radius:4px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:.4rem;vertical-align:middle}