.blog-page{padding-bottom:8rem}.blog-page:before{content:"";z-index:0;pointer-events:none;background-color:#1e1f25;position:fixed;inset:0}.blog-page .content{padding-top:6rem}.blog-layout{align-items:flex-start;gap:3rem;display:flex}.blog-sidebar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;border-radius:.8rem;flex:0 0 18.5rem;padding:2rem 1.25rem;position:sticky;top:8rem}.blog-sidebar .sidebar-profile{border-bottom:1px solid #fff6;margin-bottom:1.25rem;padding-bottom:1rem}.blog-sidebar .profile-name{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.blog-sidebar .profile-role{color:#747884;font-size:.875rem;font-weight:700}.blog-sidebar .sidebar-label{color:#747884;margin:2rem 0 1rem;font-size:1.125rem;font-weight:700}.blog-sidebar .sidebar-search{display:block;position:relative}.blog-sidebar .sidebar-search>svg{color:#a1a8b3;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.blog-sidebar .sidebar-search input{color:#fff;width:100%;font:inherit;background:0 0;border:1px solid #fff6;border-radius:.5rem;padding:.75rem 1rem .75rem 2.5rem}.blog-sidebar .sidebar-search input::placeholder{color:#a1a8b3}.blog-sidebar .sidebar-search input:focus{border-color:#ff0266;outline:none}.blog-sidebar .tag-list{flex-wrap:wrap;gap:.625rem .5rem;display:flex}.blog-sidebar .sidebar-stats{color:#fff;grid-template-columns:1fr auto;row-gap:.75rem;font-size:.875rem;font-weight:700;display:grid}.blog-sidebar .sidebar-stats dd{text-align:right}.blog-sidebar .back-to-list{color:#fff;align-items:center;gap:.5rem;font-weight:700;transition:color .2s;display:inline-flex}.blog-sidebar .back-to-list>svg{transition:transform .3s}.blog-sidebar .back-to-list:hover{color:#ff0266}.blog-sidebar .back-to-list:hover>svg{transform:translate(-3px)}.blog-sidebar .toc ol>li+li{margin-top:.625rem}.blog-sidebar .toc a{color:#a1a8b3;border-left:1px solid #0000;padding-left:.5rem;font-size:.875rem;transition:color .2s,border-color .2s;display:block}.blog-sidebar .toc a:hover{color:#fff}.blog-sidebar .toc a.is-active{color:#ff0266;border-left-color:#ff0266}.blog-main{flex:1;min-width:0}.blog-page .list-count{color:#fff;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.blog-page .list-empty{color:#747884}.blog-page .post-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.post-card{color:#e5e7eb;background-color:#0003;border:1px solid #0000;border-radius:.8rem;height:100%;padding:1.25rem;transition:border-color .3s,background-color .3s;display:block}.post-card .post-title{color:#fff;margin:.5rem 0;font-size:1.25rem;font-weight:700}.post-card .post-summary{-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card .post-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.post-card:hover,.post-card:focus-visible{background-color:#0000004d;border-color:#ff0266}.post-card:hover .post-category,.post-card:focus-visible .post-category{color:#ff0266}.post-category{color:#a1a8b3;font-size:.875rem;transition:color .3s}.post-date{color:#747884;font-size:.875rem;font-weight:700}.post-stats{color:#a1a8b3;gap:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.post-stats>span{align-items:center;gap:.375rem;display:inline-flex}.post-stats svg{font-size:1.125rem}.post-detail{color:#e5e7eb}.post-detail .detail-header{border-bottom:1px solid #ffffff4d;padding-bottom:1.5rem}.post-detail .detail-header .post-category{color:#ff0266}.post-detail .detail-title{color:#fff;word-break:keep-all;margin:1rem 0 1.5rem;font-size:2.5rem;font-weight:700;line-height:1.3}.post-detail .detail-meta{align-items:center;gap:.75rem;display:flex}.post-detail .detail-content{padding:3rem 0}.post-detail .detail-content section{scroll-margin-top:8rem}.post-detail .detail-content section+section{margin-top:3rem}.post-detail .detail-content h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.post-detail .detail-content p{line-height:1.8}.post-detail .detail-content p+p{margin-top:1rem}.post-detail .detail-tags{border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff4d;flex-wrap:wrap;gap:.5rem;padding:1.25rem 0;display:flex}.post-detail .post-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;display:grid}.post-detail .post-nav .nav-item{color:#fff;border:1px solid #ff0266;border-radius:.8rem;align-items:center;gap:1rem;padding:2rem 1.25rem;transition:background-color .3s,box-shadow .3s;display:flex}.post-detail .post-nav .nav-item small{color:#a1a8b3;margin-bottom:.375rem;font-size:.75rem;display:block}.post-detail .post-nav .nav-item>svg{flex-shrink:0;font-size:1.5rem;transition:transform .3s}.post-detail .post-nav .nav-item:hover{background-color:#ff026614;box-shadow:0 0 16px #ff026640}.post-detail .post-nav .nav-item.is-prev:hover>svg{transform:translate(-4px)}.post-detail .post-nav .nav-item.is-next{text-align:right;justify-content:flex-end}.post-detail .post-nav .nav-item.is-next:hover>svg{transform:translate(4px)}@media screen and (max-width:1024px){.blog-layout{flex-direction:column;gap:2rem}.blog-main{width:100%}.blog-sidebar{flex-basis:auto;width:100%;position:static}.blog-sidebar .sidebar-label{margin-top:1.5rem}.blog-sidebar .toc{display:none}}@media screen and (max-width:768px){.blog-page .content{padding-top:3rem}.blog-page .post-grid{grid-template-columns:1fr}.post-detail .post-nav{grid-template-columns:1fr;margin-top:2rem}.post-detail .post-nav .nav-item{padding:1.25rem}.post-detail .detail-content{padding:2rem 0}}@media screen and (max-width:500px){.post-detail .detail-title{font-size:1.75rem}.blog-sidebar{padding:1.5rem 1rem}}