.post-page{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-areas:"sidebar content";gap:var(--gap);align-items:start;padding-block:2.5rem}.post-page__sidebar{grid-area:sidebar;position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-y:auto;overflow-x:hidden;padding-right:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.post-page__content{grid-area:content;max-width:var(--content-max-width)}@media(max-width:1023px){.post-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "content";gap:1.5rem;padding-block:1.5rem}.post-page__sidebar{position:static;max-height:none;padding-right:0;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:.5rem}}.prose{color:var(--text-primary);line-height:var(--line-height-body)}.prose>*+*{margin-top:1.25rem}.prose h2,.prose h3,.prose h4{margin-top:2.25rem;margin-bottom:.75rem;scroll-margin-top:5rem}.prose h2{padding-bottom:.4rem;border-bottom:1px solid var(--border)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.75rem}.prose li+li{margin-top:.35rem}.prose img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin-block:1.5rem}.prose .chapter-card{margin:1.5rem 0;border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,var(--bg-secondary),var(--bg-primary));box-shadow:0 8px 24px #0208174d;overflow:clip;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.prose .chapter-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #02081761;transform:translateY(-1px)}.prose .chapter-card>summary{position:relative;display:grid;gap:.25rem;padding:1rem 3rem 1rem 1.1rem;cursor:pointer;list-style:none;background:var(--bg-secondary);border-bottom:1px solid transparent}.prose .chapter-card>summary::-webkit-details-marker{display:none}.prose .chapter-card[open]>summary{border-bottom-color:var(--border)}.prose .chapter-card>summary:after{content:"+";position:absolute;top:50%;right:1rem;width:1.45rem;height:1.45rem;border-radius:999px;display:grid;place-items:center;transform:translateY(-50%);color:var(--accent);background:transparent;border:1px solid var(--accent);font-weight:700;line-height:1;transition:transform .25s ease,background-color .25s ease,color .25s ease}.prose .chapter-card[open]>summary:after{content:"-";transform:translateY(-50%);color:var(--bg-primary);background:var(--accent)}.prose .chapter-card .chapter-label{display:inline-block;width:fit-content;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.15rem .6rem}.prose .chapter-card .chapter-title{font-size:clamp(1rem,1.2vw + .85rem,1.3rem);font-weight:700;color:var(--text-primary);line-height:1.3}.prose .chapter-card>summary+*{padding-top:1.2rem}.prose .chapter-card>:not(summary){padding-left:1.35rem;padding-right:1.35rem}.prose .chapter-card>*:last-child{padding-bottom:1.2rem}.prose .chapter-card p,.prose .chapter-card li,.prose .chapter-card blockquote{line-height:1.8}.prose .chapter-card ul,.prose .chapter-card ol{padding-left:2.5rem}.prose .chapter-card hr{margin-block:1.8rem}@media(max-width:640px){.prose .chapter-card>summary{padding:.9rem 2.75rem .9rem .9rem}.prose .chapter-card>:not(summary){padding-left:1.25rem;padding-right:1.25rem}.prose .chapter-card ul,.prose .chapter-card ol{padding-left:2.25rem}}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-header__category{margin-bottom:.75rem}.post-header__title{margin-bottom:.75rem;line-height:1.2}.post-header__description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.post-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-muted)}.post-header__meta a{color:var(--accent);text-decoration:none;font-weight:500}.post-header__meta a:hover{color:var(--accent-hover);text-decoration:underline}.post-header__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.prose pre,pre.astro-code{position:relative;background-color:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:8px;padding:1.25rem;overflow-x:auto;margin-block:1.5rem;font-size:.875rem;line-height:1.65;tab-size:2}pre.astro-code span{color:var(--shiki-dark, inherit)!important;font-style:var(--shiki-dark-font-style, inherit)!important;font-weight:var(--shiki-dark-font-weight, inherit)!important;text-decoration:var(--shiki-dark-text-decoration, inherit)!important;transition:color var(--transition)}[data-theme=light] pre.astro-code span{color:var(--shiki-light, inherit)!important;font-style:var(--shiki-light-font-style, inherit)!important;font-weight:var(--shiki-light-font-weight, inherit)!important;text-decoration:var(--shiki-light-text-decoration, inherit)!important}.code-block-wrapper{margin-block:1.5rem}.code-block-wrapper pre,.code-block-wrapper pre.astro-code{margin-block:0;border-top-left-radius:0;border-top-right-radius:0}.code-filename{display:inline-block;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .85rem;background-color:var(--code-border);color:var(--text-secondary);border:1px solid var(--code-border);border-bottom:none;border-radius:6px 6px 0 0}.copy-btn{position:absolute;top:.6rem;right:.6rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.3rem .65rem;border-radius:5px;border:1px solid var(--code-border);background-color:var(--bg-secondary);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition),color var(--transition),background-color var(--transition);pointer-events:none}pre:hover .copy-btn,.copy-btn:focus-visible{opacity:1;pointer-events:auto}.copy-btn.copied{color:var(--accent);border-color:var(--accent);opacity:1}.post-hero{margin-bottom:2rem;border-radius:10px;overflow:hidden;border:1px solid var(--border);line-height:0}.post-hero__img{width:100%;height:auto;display:block;aspect-ratio:1200 / 630;object-fit:cover;border-radius:10px;border:none;margin:0}.like-icon-wrap{display:inline-flex;align-items:center;gap:.3rem}.like-icon-btn .like-btn__heart{width:1rem;height:1rem;flex-shrink:0;transition:fill var(--transition),stroke var(--transition)}.like-icon-btn:hover{color:#f43f5e;border-color:#f43f5e;background-color:#f43f5e14}.like-icon-btn.liked{color:#f43f5e;border-color:#f43f5e;background-color:#f43f5e1a}.like-icon-btn.liked .like-btn__heart{fill:#f43f5e;stroke:#f43f5e}.like-icon-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:1ch;line-height:1}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.like-icon-btn.pop .like-btn__heart{animation:like-pop .35s ease forwards}.mermaid-wrapper{margin-block:1.75rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow-x:auto;text-align:center}.mermaid-wrapper svg{max-width:100%!important;height:auto!important}.wrap-btn{position:absolute;top:.6rem;right:4.2rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.3rem .65rem;border-radius:5px;border:1px solid var(--code-border);background-color:var(--bg-secondary);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition),color var(--transition),background-color var(--transition);pointer-events:none}pre:hover .wrap-btn,.wrap-btn:focus-visible{opacity:1;pointer-events:auto}.wrap-btn:hover{color:var(--accent);border-color:var(--accent)}.wrap-btn.active{color:var(--accent);border-color:var(--accent);background-color:var(--accent-subtle);opacity:1}pre.has-wrap code{white-space:pre-wrap!important;word-break:break-word}@media(hover:none),(max-width:768px){.prose pre,pre.astro-code{padding-top:2.6rem}.copy-btn,.wrap-btn{opacity:.85!important;pointer-events:auto!important;background-color:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}}.prose table{width:100%;border-collapse:collapse;margin-block:1.5rem;font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose th,.prose td{padding:.75rem 1rem;border:1px solid var(--border);text-align:left;min-width:120px}.prose th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary)}@media(max-width:1023px){.post-page__sidebar{display:none!important}.post-page{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"content"!important;padding-block:1.5rem}}.mobile-toc-trigger{display:none}@media(max-width:1023px){.mobile-toc-trigger{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:2rem;right:2rem;z-index:99;padding:.75rem 1.25rem;background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);font-size:.875rem;font-weight:600;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d;cursor:pointer;transition:transform var(--transition),background-color var(--transition),border-color var(--transition)}.mobile-toc-trigger:hover,.mobile-toc-trigger:focus-visible{transform:translateY(-2px);background-color:var(--bg-tertiary);border-color:var(--accent)}.mobile-toc-trigger:active{transform:translateY(0)}}.mobile-toc-drawer{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden;transition:visibility 0s .3s}.mobile-toc-drawer.is-open{pointer-events:auto;visibility:visible;transition:visibility 0s 0s}.mobile-toc-drawer__backdrop{position:absolute;inset:0;background-color:#0f172aa6;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-toc-drawer.is-open .mobile-toc-drawer__backdrop{opacity:1}.mobile-toc-drawer__content{position:absolute;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-height:70vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 25px -5px #0006}.mobile-toc-drawer.is-open .mobile-toc-drawer__content{transform:translateY(0)}.mobile-toc-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.mobile-toc-drawer__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.mobile-toc-drawer__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition),color var(--transition)}.mobile-toc-drawer__close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mobile-toc-drawer__body{overflow-y:auto;padding:1rem 1.5rem 2.5rem}.post-actions-row{margin-top:3.5rem;padding:1.75rem 2rem;border-radius:12px;background-color:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.post-actions-row__title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.post-actions-row__buttons{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media(max-width:600px){.post-actions-row{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;gap:1rem}.post-actions-row__buttons{justify-content:center}}.series-nav-header{margin-bottom:2rem;padding:1rem 1.25rem;border-radius:8px;background-color:color-mix(in srgb,var(--accent-subtle) 40%,transparent);border-left:4px solid var(--accent)}.series-nav-header__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.series-nav-header__eyebrow{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.series-nav-header__status{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.series-nav-header__dropdown{margin-top:.5rem}.series-nav-header__summary{font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:.25rem;outline:none}.series-nav-header__summary::-webkit-details-marker{display:none}.series-nav-header__chevron{transition:transform var(--transition);color:var(--text-muted)}.series-nav-header__dropdown[open] .series-nav-header__chevron{transform:rotate(180deg)}.series-nav-header__list{margin-top:.5rem;padding-left:1.25rem;font-size:.85rem;display:flex;flex-direction:column;gap:.35rem}.series-nav-header__link{color:var(--text-secondary);text-decoration:none}.series-nav-header__link:hover{color:var(--accent);text-decoration:underline}.series-nav-header__link--active{color:var(--text-primary);font-weight:700}.series-nav-header__link--active .active-badge{font-size:.7rem;font-weight:500;color:var(--accent);margin-left:.25rem}.series-nav-footer{margin-top:2rem;padding:1.5rem;border-radius:12px;background-color:var(--bg-secondary);border:1px solid var(--border)}.series-nav-footer__title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:1rem}.series-nav-footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.series-nav-footer__grid{grid-template-columns:1fr}}.series-nav-btn{display:flex;flex-direction:column;padding:1rem;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-primary);text-decoration:none;transition:all var(--transition)}.series-nav-btn:hover{border-color:var(--accent);background-color:var(--bg-tertiary);text-decoration:none}.series-nav-btn--prev{align-items:flex-start;text-align:left}.series-nav-btn--next{align-items:flex-end;text-align:right}.series-nav-btn__dir{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.series-nav-btn:hover .series-nav-btn__dir{color:var(--accent)}.series-nav-btn__title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.series-nav-btn--disabled{display:flex;flex-direction:column;padding:1rem;border-radius:8px;border:1px solid var(--border-subtle);background-color:var(--bg-primary);opacity:.5;cursor:not-allowed}.series-nav-btn--disabled.series-nav-btn--prev{align-items:flex-start}.series-nav-btn--disabled.series-nav-btn--next{align-items:flex-end}.post-subscribe-card{margin-top:2rem;padding:2rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-secondary) 0%,color-mix(in srgb,var(--bg-secondary) 90%,var(--accent-subtle)) 100%);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.post-subscribe-card__content{flex:1 1 300px}.post-subscribe-card__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.post-subscribe-card__text{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.post-subscribe-card__actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-subscribe{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:6px;text-decoration:none;cursor:pointer;transition:all var(--transition);border:1px solid transparent;flex-shrink:0}.btn-subscribe svg{width:1.05rem;height:1.05rem;flex-shrink:0}.youtube-btn{background-color:#ef4444;color:#fff}.youtube-btn:hover{background-color:#dc2626;text-decoration:none;box-shadow:0 4px 12px #ef444459}.linkedin-btn{background-color:#0a66c2;color:#fff}.linkedin-btn:hover{background-color:#004182;text-decoration:none;box-shadow:0 4px 12px #0a66c259}.rss-btn{background-color:var(--bg-primary);border-color:var(--border);color:var(--text-secondary)}.rss-btn:hover{border-color:var(--accent);color:var(--text-primary);background-color:var(--bg-tertiary);text-decoration:none}.next-related-section{margin-top:2rem;margin-bottom:3.5rem}.next-related-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.next-related-section__grid{grid-template-columns:1fr;gap:1.25rem}}.next-category-card,.related-posts-card{padding:1.75rem;border-radius:12px;background-color:var(--bg-secondary);border:1px solid var(--border);display:flex;flex-direction:column;transition:transform var(--transition),border-color var(--transition)}.next-category-card:hover{border-color:var(--accent);transform:translateY(-2px)}.next-category-card__eyebrow,.related-posts-card__eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.75rem}.next-category-card__title{font-size:1.2rem;font-weight:700;color:var(--text-primary);text-decoration:none;line-height:1.35;margin-bottom:.75rem}.next-category-card__title:hover{color:var(--accent-hover);text-decoration:none}.next-category-card__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-category-card__link{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none;margin-top:auto;align-self:flex-start;transition:color var(--transition)}.next-category-card__link:hover{color:var(--accent-hover);text-decoration:underline}.related-posts-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.related-posts-card__item{border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.related-posts-card__item:last-child{border-bottom:none;padding-bottom:0}.related-posts-card__link-title{font-size:.95rem;font-weight:600;color:var(--text-primary);text-decoration:none;line-height:1.4;display:block;margin-bottom:.25rem;transition:color var(--transition)}.related-posts-card__link-title:hover{color:var(--accent);text-decoration:none}.related-posts-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.75rem}.related-posts-card__category{font-weight:600;color:var(--accent)}.related-posts-card__tag{color:var(--text-muted)}