.back-link[data-astro-cid-fy3c33tn]{color:var(--primary-color);font-size:25px}.container{width:100vw;margin-top:5rem;padding:2rem}.navbar{background-color:var(--bg-dark);color:var(--text-light)}.blog-post{width:98%;max-width:1200px;margin:1.2rem auto 1rem;background:var(--card-bg);border-radius:1.5rem;box-shadow:0 6px 32px #00000014,0 1.5px 4px #0000000a;border:1px solid var(--bg-lighter);padding:2.5rem 2rem 3rem;transition:box-shadow .2s}.post-header{background:none;color:var(--primary-color);margin-bottom:2.5rem;padding:0}.title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.title-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.post-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin:0;line-height:1.2;color:var(--primary-color);letter-spacing:-1px;text-align:left;flex:1;min-width:0}.post-meta{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid var(--bg-lighter);flex-wrap:wrap;gap:1rem}.meta-left{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.author-section{display:flex;align-items:center;gap:.75rem}.author-photo{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.author-details{display:flex;flex-direction:column;gap:.3rem;justify-content:center}.author-name{font-size:1.2rem;font-weight:600;color:var(--text-light);opacity:.95;line-height:1.2;margin:0}.author-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-separator{color:var(--text-light);opacity:.6;font-weight:700}body.dark .author-name{color:var(--text-light)}.post-date{font-size:1.1rem;font-weight:500;color:var(--text-light);opacity:.8;margin:0}body.dark .post-date{color:var(--text-light);opacity:.9}.read-time{font-size:.95rem;font-weight:500;color:var(--primary-color);padding:.4rem 1rem;background:var(--tag-bg);border-radius:2rem;border:1px solid rgba(255,111,0,.15);box-shadow:var(--shadow-card)}body.dark .read-time{background:var(--tag-bg);color:var(--primary-color);border-color:#ff6f004d}.action-btn{background:var(--card-bg);border:1px solid var(--bg-lighter);border-radius:.8rem;padding:.6rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;box-shadow:var(--shadow-card);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.action-btn:hover{background:var(--primary-color);box-shadow:0 6px 20px #ff6f004d;border-color:var(--primary-color)}.action-btn:focus{outline:none;background:var(--card-bg);border-color:var(--bg-lighter);box-shadow:var(--shadow-card)}.action-btn:focus:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #ff6f004d}.action-btn:active{transform:scale(.95)}.action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.share-chip:active{transform:scale(.95)}.share-chip:not(:hover):not(:active){background:var(--card-bg)!important;border-color:var(--bg-lighter)!important;box-shadow:0 6px 20px transparent!important}.share-chip:not(:hover):not(:active) .share-text{color:var(--text-light)!important}.action-btn svg{fill:var(--text-light);transition:fill .15s ease;width:18px;height:18px;pointer-events:none}.action-btn svg path{fill:var(--text-light);transition:fill .15s ease}.action-btn:hover svg{fill:var(--primary-light)}.action-btn:hover svg path{fill:var(--primary-light)}.share-chip{padding:.6rem 1rem;gap:.5rem;justify-content:center;min-width:auto;border-radius:2rem;background:var(--card-bg);border:1px solid var(--bg-lighter);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.share-chip:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #ff6f004d}.share-chip:focus{outline:none;background:var(--card-bg);border-color:var(--bg-lighter)}.share-chip:focus .share-text{color:var(--text-light)}.share-chip:focus:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #ff6f004d}.share-chip:focus:hover .share-text{color:var(--primary-light)}.share-chip.clicked{background:var(--card-bg)!important;border-color:var(--bg-lighter)!important;box-shadow:var(--shadow-card)!important}.share-chip.clicked .share-text{color:var(--text-light)!important}.share-text{font-size:.9rem;font-weight:500;color:var(--text-light);transition:color .15s ease;white-space:nowrap}.share-chip:hover .share-text{color:var(--primary-light)}body.dark .share-chip{background:var(--card-bg);border-color:var(--bg-lighter)}body.dark .share-chip:focus{background:var(--card-bg);border-color:var(--bg-lighter)}body.dark .share-chip:focus .share-text{color:var(--text-light)}body.dark .action-btn:focus{background:var(--card-bg);border-color:var(--bg-lighter)}body.dark .share-text{color:var(--text-light)}body.dark .share-chip:hover{background:var(--primary-color);border-color:var(--primary-color)}body.dark .share-chip:hover .share-text{color:var(--primary-light)}body.dark .action-btn{background:var(--card-bg);border-color:var(--bg-lighter)}body.dark .action-btn svg{fill:var(--text-light)}body.dark .action-btn svg path{fill:var(--text-light)}body.dark .action-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}body.dark .action-btn:hover svg{fill:var(--primary-light)}body.dark .action-btn:hover svg path{fill:var(--primary-light)}.bookmark-btn.bookmarked{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #ff6f0033}.bookmark-btn.bookmarked svg{fill:var(--primary-light)}.bookmark-btn.bookmarked svg path{fill:var(--primary-light)}.bookmark-btn.bookmarked:hover{background:var(--primary-color);box-shadow:0 3px 12px #ff6f004d}body.dark .bookmark-btn.bookmarked{background:var(--primary-color);border-color:var(--primary-color)}body.dark .bookmark-btn.bookmarked svg{fill:var(--primary-light)}body.dark .bookmark-btn.bookmarked svg path{fill:var(--primary-light)}.post-content{padding:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.85;color:var(--text-dark)}body.dark .post-content{color:var(--text-light)}.post-content h1,.post-content h2,.post-content h3{font-weight:700;margin-top:2.5rem;margin-bottom:1.2rem;line-height:1.3;color:var(--primary-color);letter-spacing:-.5px}.post-content h1{font-size:clamp(1.3rem,3vw,2.2rem);border-bottom:2px solid var(--primary-color);padding-bottom:.4rem}.post-content h2{font-size:clamp(1.8rem,2.5vw,1.6rem)}.post-content h3{font-size:clamp(1.6rem,2vw,1.3rem)}.post-content p{margin:1.2rem 0;font-size:clamp(1.4rem,1.3vw,1.08rem);color:inherit}.post-content ul,.post-content ol{margin:1.5rem 0 1.5rem 2rem;padding-left:1.2rem}.post-content ul li,.post-content ol li{margin-bottom:.7rem;background:none;color:inherit;font-size:clamp(1.4rem,1.3vw,1.05rem);padding:.2rem 0 .2rem .5rem;border-radius:.5rem;position:relative}.post-content ul li:before{content:"•";color:var(--primary-color);font-size:1.5rem;position:absolute;left:-1.2rem}.post-content ul li li:before{content:"◦";color:var(--primary-color);font-size:1.5rem;position:absolute;left:-1.2rem}.post-content ol li:before{display:none}.post-content blockquote{background:transparent;border-left:2px solid var(--primary-color);padding:1.2rem 1.5rem;margin:2rem 0;font-style:italic;border-radius:.7rem;color:var(--primary-color);font-size:clamp(1.5rem,1.3vw,1.08rem);box-shadow:0 2px 8px #0000000a}body.dark .post-content blockquote{background:#232526;color:#ffb74d}.post-content pre{background:var(--bg-lighter);color:var(--primary-color);border-radius:.7rem;padding:1.2rem 1rem;margin:2rem 0;overflow-x:auto;font-size:1.4rem;line-height:1.6;box-shadow:0 2px 8px #00000014;border:1px solid var(--primary-color)}body.dark .post-content pre{background:#232526;color:#ffb74d}.post-content code{background:rgba(255,111,0,.08);color:var(--primary-color);padding:.18em .5em;border-radius:.3em;font-family:Fira Code,monospace;font-size:1em}body.dark .post-content code{background:rgba(255,111,0,.2);color:#fff}.post-content a{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:color .2s}.post-content a:hover{color:#ffb74d}.post-content img{max-width:100%;border-radius:1rem;margin:2rem 0;box-shadow:0 2px 8px #00000014}.post-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);margin:2.5rem 0}@media (max-width: 900px){.container{max-width:100vw;padding:1rem}.blog-post{padding:1.5rem 1rem 2rem;margin:1rem auto}.title-section{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.post-title{font-size:2rem;text-align:left;margin-bottom:0;width:100%}.title-actions{justify-content:center;gap:.75rem;align-self:center;width:100%;margin-top:.5rem}.action-btn{min-width:44px;height:44px;padding:.6rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.action-btn svg{width:18px;height:18px}.share-chip{padding:.5rem .8rem;gap:.4rem;border-radius:1.4rem}.share-text{font-size:.8rem}.post-meta{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0;margin-bottom:1.5rem}.meta-left{justify-content:flex-start;gap:1rem;width:100%}.author-section{gap:.75rem}.author-photo{width:44px;height:44px}.author-details{gap:.4rem;flex:1}.author-name{font-size:1.1rem;line-height:1.2}.author-meta{gap:.5rem;flex-wrap:nowrap}.post-date{font-size:.9rem}.read-time{font-size:.85rem;padding:.25rem .7rem}.meta-separator{font-size:.9rem}.action-btn{min-width:48px;height:48px;padding:.7rem;border-radius:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.95)}.share-chip{padding:.7rem 1rem;gap:.5rem;border-radius:1.75rem}.share-text{font-size:.9rem}}@media (max-width: 600px){.author-section{gap:.6rem}.author-photo{width:40px;height:40px}.author-name{font-size:1rem}.author-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.meta-separator{display:none}.post-date{font-size:.85rem}.read-time{font-size:.8rem;padding:.2rem .6rem}.post-content{font-size:1rem;line-height:1.7}.post-content h1{font-size:1.6rem;margin-top:2rem;margin-bottom:1rem}.post-content h2{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem}.post-content h3{font-size:1.2rem}.title-actions{gap:.8rem;margin-top:1rem;justify-content:center;width:100%}.action-btn{min-width:40px;height:36px;padding:.4rem;border-radius:10px;touch-action:manipulation}.action-btn svg{width:16px;height:16px}.share-chip{padding:.4rem .65rem;gap:.35rem;border-radius:1rem;height:36px}.share-text{font-size:.75rem}}