.blog-public-page{--landing-max:1360px;flex-direction:column;min-height:100vh;display:flex}.blog-public-main{flex:1;padding-top:1.5rem}.blog-index{padding:1rem 0 4rem}.blog-index__layout{width:100%;display:block}.blog-index__intro{margin-bottom:1.75rem}.blog-index__intro p{color:var(--landing-primary-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem;font-weight:700}.blog-index__intro h1{color:var(--landing-heading);margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.blog-index__intro>span{max-width:48rem;color:var(--landing-muted);margin-top:.65rem;line-height:1.6;display:block}.blog-index__topic-pills{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.blog-topic-pill{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-muted);cursor:pointer;border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-topic-pill:hover{border-color:var(--landing-primary);color:var(--landing-primary-dark);background:var(--landing-primary-soft)}.blog-topic-pill.is-active{background:var(--landing-primary-dark);border-color:var(--landing-primary-dark);color:#fff}.blog-index__toolbar{border-bottom:1px solid var(--landing-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.blog-index__show{color:var(--landing-muted);align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.blog-index__count-badge{color:var(--landing-muted);font-size:.8125rem;font-weight:500}.blog-index__dropdown.p-dropdown{border:1px solid var(--landing-border);min-width:4.5rem;height:2.25rem;box-shadow:none;border-radius:.35rem}.blog-index__dropdown .p-dropdown-label{padding:.35rem .65rem;font-size:.875rem}.blog-index__search{color:var(--landing-muted);align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.blog-index__search .p-input-icon-left i{color:var(--landing-muted);font-size:.875rem}.blog-index__search-input.p-inputtext{border:1px solid var(--landing-border);width:min(100%,260px);height:2.25rem;box-shadow:none;border-radius:.35rem;padding:.35rem .75rem .35rem 2.25rem;font-size:.875rem}.blog-index__search-input.p-inputtext:focus{border-color:var(--landing-primary);box-shadow:0 0 0 2px #0d94881f}.blog-feed{flex-direction:column;gap:1.25rem;display:flex}.blog-feed__item{border:1px solid var(--landing-border-soft);border-radius:var(--landing-radius-lg);background:var(--landing-surface);padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 2px 8px -2px #0000000a}.blog-feed__item:hover{border-color:color-mix(in srgb, var(--landing-primary) 35%, var(--landing-border-soft));transform:translateY(-2px);box-shadow:0 12px 28px -10px #00000014}.blog-feed--refreshing{opacity:.72;pointer-events:none;transition:opacity .2s}.blog-feed__card{display:block}.blog-feed__card--with-image{align-items:center;gap:2.25rem;display:flex}.blog-feed__thumb-wrap{border-radius:var(--landing-radius);background:0 0;flex-shrink:0;justify-content:center;align-items:center;max-width:280px;max-height:240px;transition:transform .25s;display:flex;overflow:hidden}.blog-feed__thumb-wrap:hover{transform:translateY(-2px)}.blog-feed__thumb{object-fit:contain;border-radius:var(--landing-radius);border:1px solid var(--landing-border-soft);width:auto;max-width:280px;height:auto;max-height:240px;display:block}.blog-feed__body{flex:1;min-width:0}.blog-feed__skeleton-layout{grid-template-columns:220px minmax(0,1fr);gap:1.5rem;display:grid}.blog-feed__skeleton-body{flex-direction:column;gap:.5rem;display:flex}.blog-skeleton--thumb{aspect-ratio:16/10;border-radius:.5rem;width:100%}.blog-feed__item:first-child{padding-top:.25rem}.blog-feed__item--skeleton{pointer-events:none}.blog-feed__meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.blog-feed__tags{flex-wrap:wrap;gap:.65rem;display:flex}.blog-feed__tag{color:var(--landing-muted);text-transform:lowercase;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;text-decoration:none;transition:color .15s}.blog-feed__tag:hover{color:var(--landing-primary-dark)}.blog-feed__tag--muted{cursor:default}.blog-feed__date{color:var(--landing-muted);white-space:nowrap;font-size:.8125rem}.blog-feed__title{margin:0 0 .85rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;line-height:1.3}.blog-feed__title a{color:var(--landing-primary-dark);text-decoration:none;transition:color .15s}.blog-feed__title a:hover{color:var(--landing-primary);text-decoration:underline}.blog-feed__excerpt{color:var(--landing-text);max-width:52rem;margin:0 0 1rem;font-size:.9375rem;line-height:1.75}.blog-feed__read-more{color:var(--landing-primary-dark);align-items:center;gap:.4rem;font-size:.9375rem;font-weight:650;text-decoration:none;transition:gap .15s;display:inline-flex}.blog-feed__read-more i{font-size:.75rem;transition:transform .15s}.blog-feed__read-more:hover{text-decoration:underline}.blog-feed__read-more:hover i{transform:translate(3px)}.blog-pagination{flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-pagination__btn{border:1px solid var(--landing-border);background:var(--landing-surface);min-width:2.5rem;height:2.35rem;color:var(--landing-primary-dark);cursor:pointer;border-radius:.35rem;padding:0 .85rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.blog-pagination__btn:hover:not(:disabled){border-color:var(--landing-primary);background:var(--landing-primary-light)}.blog-pagination__btn.is-active{background:var(--landing-primary-dark);border-color:var(--landing-primary-dark);color:#fff}.blog-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.blog-public-page--reading{background:0 0}.blog-public-page--reading .blog-public-main{padding-top:0}.blog-public-page--reading .landing-page__bg{opacity:.45}.blog-article-progress{z-index:200;background:var(--landing-border);pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.blog-article-progress__bar{background:linear-gradient(90deg, var(--landing-primary), var(--landing-accent));will-change:width;height:100%;display:block}.blog-article{padding:1.5rem 0 4rem}.blog-article--reading{padding:.5rem 0 3rem}.blog-article--reading .blog-article__container.landing-container{width:100%;max-width:none;padding-inline:clamp(1rem,2.5vw,1.5rem)}.blog-article__masthead{margin-bottom:1.75rem}.blog-article--reading .blog-article__masthead{margin-bottom:1.25rem}.blog-article__masthead-body{padding-top:1.25rem}.blog-article--reading .blog-article__masthead-body{padding-top:.75rem}.blog-article__panel{background:var(--landing-surface);border:1px solid var(--landing-border-soft);box-shadow:var(--landing-shadow-sm);contain:layout style paint;border-radius:.5rem;padding:1.5rem 1.75rem 2rem}.blog-article-toc{border-bottom:1px solid var(--landing-border-soft);margin-bottom:1.5rem;padding-bottom:1.25rem}.blog-article-toc__label{letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 .75rem;font-size:.72rem;font-weight:800}.blog-article-toc__track{flex-wrap:wrap;gap:.5rem;display:flex}.blog-article-toc__link{border:1px solid var(--landing-border-soft);background:var(--landing-surface-muted);color:var(--landing-primary-dark);border-radius:999px;align-items:center;padding:.35rem .75rem;scroll-margin-top:6rem;font-size:.78rem;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.blog-article-toc__link--h3{color:var(--landing-muted);font-weight:500}.blog-article-toc__link:hover{background:var(--landing-primary-light);border-color:#0d94884d}.blog-article__topbar{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.blog-article--reading .blog-article__topbar{margin-bottom:.85rem}.blog-article__share{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-primary-dark);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.8125rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.blog-article__share:hover{background:var(--landing-primary-light);border-color:var(--landing-primary);transform:translateY(-1px)}.blog-article__cover{border-radius:var(--landing-radius-lg);border:1px solid var(--landing-border-soft);background:color-mix(in srgb, var(--landing-heading) 4%, var(--landing-surface));justify-content:center;align-items:center;display:flex;overflow:hidden}.blog-article--reading .blog-article__cover{border-radius:var(--landing-radius-lg);border:1px solid var(--landing-border-soft);width:100%;max-width:100%;margin:0 0 2rem}.blog-article__cover-img{object-fit:contain;width:100%;max-height:520px;display:block}.blog-article__hero--with-cover{margin-top:0}.blog-article--loading .blog-article__hero{pointer-events:none}.blog-skeleton--back{width:7rem;height:1.25rem}.blog-skeleton--share{border-radius:999px;width:5rem;height:2rem}.blog-skeleton--cover{aspect-ratio:21/9;border-radius:1rem;width:100%;margin-bottom:1.5rem}.blog-article--reading .blog-skeleton--cover{border-radius:0;width:100vw;max-width:100vw;margin-bottom:.75rem;margin-left:calc(50% - 50vw)}.blog-skeleton--hero-title{width:75%;height:2rem;margin-bottom:.75rem}.blog-skeleton--nav-label{width:5rem;height:.85rem;margin-bottom:1rem}.blog-skeleton--nav-item{width:90%;height:.85rem;margin-bottom:.65rem}.blog-skeleton--block{border-radius:.85rem;width:100%;height:12rem;margin-top:1rem}.blog-skeleton--toc{border-radius:999px;width:100%;height:2.5rem;margin-bottom:1.25rem}.blog-article__hero{border:1px solid var(--landing-border-soft);background:linear-gradient(135deg, var(--landing-surface), var(--landing-surface-muted));box-shadow:var(--landing-shadow);border-radius:.5rem;margin-bottom:2.5rem;padding:2rem 2.25rem;position:relative;overflow:hidden}.blog-article--reading .blog-article__title{letter-spacing:-.02em;color:var(--landing-heading);margin:0;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:800;line-height:1.15}.blog-article--reading .blog-article__summary{color:var(--landing-muted);margin:.85rem 0 0;font-size:1.0625rem;line-height:1.65}.blog-article__hero-glow{pointer-events:none;background:radial-gradient(circle at 20% 30%,#21e87924,#0000 45%),radial-gradient(circle at 80% 20%,#0068381f,#0000 40%);height:140%;position:absolute;inset:-40% -20% auto}.blog-article__chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.15rem;display:flex;position:relative}.blog-article__chip{background:var(--landing-surface);border:1px solid var(--landing-border-soft);color:var(--landing-primary-dark);text-transform:lowercase;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.blog-article__chip:hover{background:var(--landing-primary-light);border-color:#0d948859}.blog-article__chip--muted,.blog-article__chip--date,.blog-article__chip--read,.blog-article__chip--author{text-transform:none;color:var(--landing-muted)}.blog-article__title{letter-spacing:-.02em;color:var(--landing-heading);margin:0;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;line-height:1.15;position:relative}.blog-article__summary{max-width:52rem;color:var(--landing-muted);margin:1.1rem 0 0;font-size:1.125rem;line-height:1.7;position:relative}.blog-article__layout{display:block}.blog-article__layout--with-nav{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.blog-article__aside{position:sticky;top:6rem}.blog-article-nav__label{letter-spacing:.1em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 1rem;font-size:.72rem;font-weight:800}.blog-article-nav__list{border-left:2px solid var(--landing-border-soft);margin:0;padding:0 0 0 .65rem;list-style:none}.blog-article-nav__item{margin-bottom:.15rem}.blog-article-nav__item--h3{padding-left:.85rem}.blog-article-nav__link{text-align:left;cursor:pointer;width:100%;color:var(--landing-muted);background:0 0;border:none;align-items:flex-start;gap:.65rem;padding:.45rem .5rem .45rem 0;font-size:.8125rem;line-height:1.45;transition:color .15s;display:flex}.blog-article-nav__link:hover,.blog-article-nav__item.is-active .blog-article-nav__link{color:var(--landing-primary-dark)}.blog-article-nav__dot{background:var(--landing-border);border:2px solid var(--landing-bg);border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.35rem;margin-left:-.93rem;transition:background .2s,transform .2s,box-shadow .2s}.blog-article-nav__item.is-active .blog-article-nav__dot{background:var(--landing-primary);transform:scale(1.25);box-shadow:0 0 0 4px #0d948826}.blog-article-nav__text{flex:1}.blog-article__content{min-width:0}.blog-article__body{padding-top:.5rem}.blog-skeleton{background:linear-gradient(90deg, var(--landing-surface-muted) 0%, var(--landing-surface) 50%, var(--landing-surface-muted) 100%);background-size:200% 100%;border-radius:.35rem;animation:1.4s infinite blog-shimmer}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-skeleton--meta{width:40%;height:.85rem;margin-bottom:.75rem}.blog-skeleton--title{width:70%;height:1.35rem;margin-bottom:.75rem}.blog-skeleton--line{width:100%;height:.85rem;margin-bottom:.5rem}.blog-skeleton--short{width:85%}.blog-public-loading,.blog-public-empty{text-align:center;color:var(--landing-muted);padding:3rem 0}.blog-public-empty h2{color:var(--landing-heading);margin:0 0 .5rem;font-size:1.25rem}.blog-public-empty p{margin:0}.blog-public-empty--inline{text-align:left;padding:2rem 0}.blog-public-footer{z-index:1;border-top:1px solid var(--landing-border-soft);background:color-mix(in srgb, var(--landing-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto;padding:2.5rem 0 1.75rem;position:relative}body[data-color-scheme=dark] .blog-public-footer{background:#080d16;border-top:1px solid #ffffff14}body[data-color-scheme=dark] .blog-public-footer .blog-public-footer__links a:hover{color:#10c99a}.blog-public-footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.blog-public-footer__brand p{max-width:18rem;color:var(--landing-muted);margin:.75rem 0 0;font-size:.9rem;line-height:1.6}.blog-public-footer__title{color:var(--landing-heading);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:block}.blog-public-footer__links{flex-direction:column;gap:.55rem;display:flex}.blog-public-footer__links a{color:var(--landing-muted);font-size:.9rem;transition:color .2s}.blog-public-footer__links a:hover{color:var(--landing-primary-dark)}.blog-public-footer__bottom{border-top:1px solid var(--landing-border-soft);color:var(--landing-muted);margin-top:2rem;padding-top:1.25rem;font-size:.8125rem}@media (max-width:992px){.blog-article__layout--with-nav{grid-template-columns:1fr}.blog-article__aside{border-bottom:1px solid var(--landing-border-soft);order:-1;padding-bottom:1rem;position:static}.blog-article-nav__list{border-left:none;flex-wrap:wrap;gap:.5rem;padding-left:0;display:flex}.blog-article-nav__item{margin:0}.blog-article-nav__item--h3{padding-left:0}.blog-article-nav__link{border:1px solid var(--landing-border-soft);background:var(--landing-surface);border-radius:999px;padding:.4rem .75rem}.blog-article-nav__dot{display:none}.blog-article-nav__item.is-active .blog-article-nav__link{background:var(--landing-primary-light);border-color:#0d948859}}@media (max-width:768px){.blog-feed__card--with-image{flex-direction:column;align-items:flex-start;gap:1.25rem}.blog-feed__thumb-wrap,.blog-feed__thumb{width:auto;max-width:100%;max-height:240px}.blog-public-main{padding-top:1rem}.blog-index__toolbar{flex-direction:column;align-items:stretch}.blog-index__search{justify-content:space-between;width:100%}.blog-index__search-input.p-inputtext{flex:1;width:auto}.blog-public-footer__grid{grid-template-columns:1fr}.blog-article__panel{padding:1.15rem 1rem 1.5rem}.blog-article__hero{padding:1.5rem 1.25rem}.blog-feed__card--with-image,.blog-feed__skeleton-layout{grid-template-columns:1fr}}
