:root{--pop-blue: #2444ca;--pop-pink: #ff7eb5;--pop-yellow: #ffe44f;--pop-lime: #caff48;--pop-purple: #5524c7;--pop-cyan: #62e6ff;--pop-cream: #fff8e8;--pop-ink: #15130f;--pop-border: rgba(21, 19, 15, .78);--pop-line: rgba(21, 19, 15, .24)}html body.blog-post-pop-page,html[data-theme=light] body.blog-post-pop-page,html[data-theme=dark] body.blog-post-pop-page,html[data-reader-mode=true] body.blog-post-pop-page{background:#2444ca!important;background-color:#2444ca!important;color:#15130f!important;min-height:100vh!important}html body.blog-post-pop-page #main-content,html body.blog-post-pop-page .page-content-full,html body.blog-post-pop-page .page-content{background:transparent!important;background-color:transparent!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}body.blog-post-pop-page .global-grid-bg,body.blog-post-pop-page .global-glow-bg{display:none!important}.blog-post-pop-page .blog-post-page{width:100%;padding:clamp(.5rem,2.5vw,1.75rem);background:var(--pop-blue);font-family:var(--font-sans);box-sizing:border-box}.blog-post-document{--text-primary: var(--pop-ink);--text-secondary: rgba(21, 19, 15, .78);--type-paragraph-color: var(--pop-ink);width:min(100%,920px);margin:0 auto;border:1.5px solid var(--pop-border);border-radius:clamp(18px,2.5vw,28px);background:var(--pop-cream);box-shadow:0 10px #15130f40;overflow:hidden}.blog-post-inner{width:min(100%,740px);margin:0 auto;padding:clamp(1.5rem,5vw,4.5rem) clamp(1.2rem,5vw,3.5rem)}.blog-post-header{padding-bottom:clamp(1.75rem,4vw,2.75rem);border-bottom:1px solid var(--pop-line)}.blog-post-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:clamp(1.25rem,3vw,2rem)}.blog-post-tag{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--pop-border);border-radius:999px;background:var(--pop-yellow);color:var(--pop-ink);font-family:var(--font-sans);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 0 var(--pop-ink)}.blog-post-date{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pop-ink);opacity:.75}.blog-post-title{max-width:24ch;margin:0 0 clamp(1rem,2.5vw,1.5rem);color:var(--pop-ink);font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:720;line-height:.94;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere}.blog-post-excerpt{margin:0;color:#15130fd1;font-family:var(--font-sans);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:450;line-height:1.4;letter-spacing:-.02em;font-style:italic}.blog-cover-image-container{margin:clamp(2rem,4vw,3.5rem) 0 clamp(1.5rem,3vw,2.5rem);border:1px solid var(--pop-border);border-radius:clamp(12px,1.5vw,18px);overflow:hidden;background:var(--pop-ink)}.blog-cover-image-container img{width:100%;height:auto;max-height:70vh;object-fit:cover;display:block;transition:transform .5s ease}.blog-cover-image-container:hover img{transform:scale(1.02)}.blog-post-content{padding-top:clamp(1.5rem,4vw,2.5rem)}.prose,.block-based-prose{width:100%;color:var(--pop-ink);font-family:Satoshi-Variable,Satoshi-Regular,Poppins,sans-serif;font-size:clamp(1rem,1.2vw,1.08rem);font-weight:420;line-height:1.7;letter-spacing:-.006em;overflow-wrap:anywhere}.prose>:first-child,.block-based-prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4,.block-based-prose h2,.block-based-prose h3{color:var(--pop-ink);font-family:Satoshi-Variable,Satoshi-Regular,Poppins,sans-serif;font-weight:620;letter-spacing:-.03em;text-wrap:balance}.prose h2,.block-based-prose h2{margin:2.75rem 0 1rem;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.08}.prose h3,.block-based-prose h3{margin:2.25rem 0 .85rem;font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.15}.prose p,.block-based-prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose figure,.block-based-prose figure{margin:0 0 1.5rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.45rem 0;padding-left:.2rem}.prose strong,.block-based-prose strong{font-weight:750!important;color:#15130f!important}.prose a,.block-based-prose a{color:#2444ca!important;font-weight:600!important;text-decoration-line:underline!important;text-decoration-color:#2444ca!important;text-decoration-thickness:.12em!important;text-underline-offset:.2em!important;transition:background .16s ease,color .16s ease}.prose a:hover,.block-based-prose a:hover{color:#15130f!important;background:#ffe44f!important}.prose blockquote,.block-based-prose blockquote{margin:2rem 0;padding:1.25rem 1.6rem;border-left:4px solid #2444ca!important;background:#fdebb8!important;border-radius:0 12px 12px 0;color:#15130f!important;font-style:italic}.prose blockquote p,.block-based-prose blockquote p{color:#15130f!important;font-weight:520!important;opacity:1!important;margin:0}.prose blockquote cite{display:block;margin-top:.5rem;font-style:normal;font-family:var(--font-sans);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pop-ink)}.prose code{padding:.14em .4em;border:1px solid var(--pop-line);border-radius:4px;background:var(--pop-yellow);color:var(--pop-ink);font-family:var(--font-mono);font-size:.88em;letter-spacing:-.025em}.prose pre{max-width:100%;overflow-x:auto;padding:1.25rem;border:1px solid var(--pop-border);border-radius:12px;background:var(--pop-ink);color:var(--pop-cream)}.prose pre code{padding:0;border:0;border-radius:0;background:transparent;color:inherit}.prose hr,.block-divider{height:1px;margin:clamp(2.5rem,5vw,4.5rem) 0;border:0;background:var(--pop-border)}.prose img,.block-based-prose img{display:block;width:100%;height:auto;margin:2rem auto;border:1px solid var(--pop-border);border-radius:clamp(10px,1.2vw,16px)}.prose figure,.block-based-prose figure{margin:2rem 0}.prose figcaption,.block-based-prose figcaption{font-family:var(--font-sans);font-size:.8rem;text-align:center;color:#15130fb8;margin-top:.75rem;text-transform:uppercase;letter-spacing:.04em}.block-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media(max-width:768px){.block-columns{grid-template-columns:1fr!important;gap:1.25rem!important}}.blog-post-utility-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:clamp(3rem,6vw,4.5rem) 0 0;padding:1.5rem 0;border-top:1px solid var(--pop-line);border-bottom:1px solid var(--pop-line)}.blog-back-pill{display:inline-flex;min-height:48px;align-items:center;gap:.5rem;padding:.75rem 1.15rem;border:1px solid var(--pop-border);border-radius:14px;background:var(--pop-yellow);color:var(--pop-ink);text-decoration:none;font-family:var(--font-sans);font-size:.92rem;font-weight:700;box-shadow:0 3px 0 var(--pop-ink);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.blog-back-pill:hover{background:var(--pop-lime);transform:translateY(-2px);box-shadow:0 5px 0 var(--pop-ink)}.blog-post-utility-row .share-component{margin:0;padding:0;border:0}.blog-post-utility-row .share-icons{gap:.5rem}.blog-post-utility-row .share-btn{width:44px;height:44px;border:1px solid var(--pop-border);border-radius:12px;background:var(--pop-cream);color:var(--pop-ink)}.blog-post-utility-row .share-btn:hover{border-color:var(--pop-border);background:var(--pop-pink);color:var(--pop-ink);transform:translateY(-2px);box-shadow:0 3px 0 var(--pop-ink)}.blog-related-section{margin:clamp(3rem,6vw,4.5rem) 0 0}.blog-related-label{display:block;font-family:var(--font-sans);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--pop-ink);margin-bottom:1.25rem}.blog-related-card{display:grid;grid-template-columns:clamp(200px,30%,250px) 1fr;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,3vw,1.75rem);border:1.5px solid var(--pop-border);border-radius:clamp(16px,2vw,24px);background:#fff;color:var(--pop-ink);text-decoration:none;align-items:stretch;box-shadow:0 6px 0 var(--pop-ink);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.blog-related-card:hover{background:var(--pop-pink);transform:translateY(-3px);box-shadow:0 10px 0 var(--pop-ink);color:var(--pop-ink);text-decoration:none}.blog-related-image-wrapper{width:100%;height:100%;min-height:100%;overflow:hidden;border:1px solid var(--pop-border);border-radius:14px;background:var(--pop-ink);position:relative}.blog-related-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}.blog-related-card:hover .blog-related-image{transform:scale(1.04)}.blog-related-image-placeholder{width:100%;height:100%;background:var(--pop-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--pop-ink)}.blog-related-content{display:flex;flex-direction:column;gap:.65rem}.blog-related-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.blog-related-tag{padding:4px 12px;border:1px solid var(--pop-border);border-radius:999px;background:var(--pop-yellow);color:var(--pop-ink);font-family:var(--font-sans);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 0 var(--pop-ink)}.blog-related-date{font-family:var(--font-sans);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pop-ink);opacity:.75}.blog-related-title{margin:0;color:var(--pop-ink);font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:720;line-height:1.12;letter-spacing:-.035em}.blog-related-excerpt{margin:0;color:#15130fd1;font-family:var(--font-body);font-size:clamp(.95rem,1.1vw,1.05rem);font-weight:420;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-related-action{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin-top:.25rem;padding:6px 14px;border:1px solid var(--pop-border);border-radius:12px;background:var(--pop-yellow);color:var(--pop-ink);font-family:var(--font-sans);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 0 var(--pop-ink);transition:transform .18s ease,background .18s ease}.blog-related-card:hover .blog-related-action{background:var(--pop-lime)}.blog-related-card:hover .blog-related-action .arrow{transform:translate(4px);transition:transform .18s ease}.blog-post-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,4rem)}.blog-nav-link{display:inline-flex;min-height:54px;align-items:center;gap:.6rem;padding:.85rem 1.35rem;border:1.5px solid var(--pop-border);border-radius:16px;background:var(--pop-cream);color:var(--pop-ink);text-decoration:none;font-family:var(--font-sans);font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:720;box-shadow:0 3px 0 var(--pop-ink);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.blog-nav-link:hover{background:var(--pop-yellow);transform:translateY(-2px);box-shadow:0 6px 0 var(--pop-ink);color:var(--pop-ink);text-decoration:none}.blog-nav-link--next{margin-left:auto;background:var(--pop-lime)}.blog-nav-link--next:hover{background:var(--pop-yellow)}@media(max-width:680px){.blog-related-card{grid-template-columns:1fr;gap:1.25rem}.blog-related-image-wrapper{height:200px;min-height:200px}.blog-post-nav{flex-direction:column;align-items:stretch}.blog-nav-link{justify-content:center;width:100%}}@media(max-width:500px){.blog-post-pop-page .blog-post-page{padding:6px}.blog-post-inner{padding-inline:.9rem}.blog-post-title{font-size:clamp(1.85rem,8vw,2.5rem)}}.blog-post-skeleton{display:flex;flex-direction:column;gap:1.15rem;padding:.5rem 0 3rem}.skeleton-badge{display:inline-flex;align-items:center;gap:.5rem;padding:6px 14px;border:1px solid var(--pop-border);border-radius:999px;background:var(--pop-yellow);color:var(--pop-ink);font-family:var(--font-sans);font-size:.75rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 0 var(--pop-ink);align-self:flex-start;animation:popSkeletonPulse .9s infinite alternate ease-in-out}.skeleton-dot{width:8px;height:8px;border-radius:50%;background:var(--pop-purple);animation:popDotPulse .8s infinite alternate ease-in-out}.skeleton-line{width:100%;height:18px;border-radius:8px;background:#15130f1a;animation:popSkeletonPulse 1.1s infinite alternate ease-in-out}.skeleton-line--short{width:62%}.skeleton-line--medium{width:84%}.skeleton-line--heading{height:32px;width:48%;margin-top:1.5rem;border-radius:10px;background:#15130f29}@keyframes popSkeletonPulse{0%{opacity:.35}to{opacity:.85}}@keyframes popDotPulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:1}}.blog-post-real-content{transition:opacity .25s ease}.blog-related-card.is-loading{background:var(--pop-yellow)!important;border-color:var(--pop-ink)!important;box-shadow:0 4px 0 var(--pop-ink)!important;cursor:wait}@media(prefers-reduced-motion:reduce){.blog-cover-image-container img,.blog-back-pill,.blog-related-card,.blog-related-image,.blog-nav-link,.blog-post-utility-row .share-btn{transition:none!important}.blog-related-card:hover,.blog-nav-link:hover,.blog-back-pill:hover{transform:none!important}}