.blogp-wrap{max-width:42rem;margin:0 auto;padding:2.25rem 1rem 5rem}.blogp-header{text-align:center;margin-bottom:1.5rem}.blogp-header__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--brand-light,var(--primary,#059669));font-size:.75rem;font-weight:700}.blogp-header__title{color:var(--heading);letter-spacing:-.02em;margin:.5rem 0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900}.blogp-header__sub{color:var(--text-muted);max-width:36rem;margin:0 auto;font-size:1rem}.blogp-filters{border:1px solid var(--border);background:var(--card);top:calc(var(--app-navbar-height,4rem) - 1px);z-index:5;border-radius:1rem;flex-wrap:nowrap;align-items:end;gap:.6rem;margin:0 0 1.5rem;padding:.7rem .85rem;display:flex;position:sticky}.blogp-filter{flex-direction:column;flex:1 1 0;gap:.25rem;min-width:0;display:flex}.blogp-filter__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:700}.blogp-select{background:var(--ink-1,var(--card));border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:.7rem;padding:.5rem .7rem;font-size:.88rem}.blogp-select:focus{border-color:var(--primary,#059669);outline:none}.blogp-search{flex:1.4 1 0;min-width:0;display:flex}@media (width<=1024px){.blogp-filters{top:0}}.blogp-search input{background:var(--ink-1,var(--card));border:1px solid var(--border);min-width:0;color:var(--text);border-radius:9999px;flex:1;padding:.55rem 1rem}.blogp-search input:focus{border-color:var(--primary,#059669);outline:none}.blogp-feed{flex-direction:column;gap:1.25rem;display:flex}.blogp-card{border:1px solid var(--border);background:var(--card);border-radius:1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block;overflow:hidden}.blogp-card:hover{border-color:var(--primary,#059669);transform:translateY(-2px);box-shadow:0 14px 32px #0f172a1f}.blogp-card__link{color:inherit;text-decoration:none;display:block}.blogp-card__cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--text) 6%, transparent);width:100%;position:relative;overflow:hidden}.blogp-card__cover.is-loading:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 12%, transparent), transparent);animation:1.3s infinite blogp-shimmer;position:absolute;inset:0;transform:translate(-100%)}.blogp-card__img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.blogp-card__img.is-loaded{opacity:1}.blogp-card__body{flex-direction:column;gap:.55rem;padding:1.1rem 1.2rem 1.2rem;display:flex}.blogp-card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.74rem;display:flex}.blogp-card__cat{color:var(--brand-light,var(--primary,#059669));text-transform:uppercase;letter-spacing:.04em;font-weight:700}.blogp-card__title{color:var(--heading);margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.blogp-card__excerpt{color:var(--text-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blogp-card__footer{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;font-size:.78rem;display:flex}.blogp-empty{text-align:center;color:var(--text-muted);padding:4rem 1rem}@keyframes blogp-shimmer{to{transform:translate(100%)}}.blogp-skel{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:.5rem;position:relative;overflow:hidden}.blogp-skel:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 12%, transparent), transparent);animation:1.3s infinite blogp-shimmer;position:absolute;inset:0;transform:translate(-100%)}.blogp-skel-card{pointer-events:none}.blogp-skel--cover{aspect-ratio:16/9;border-radius:0;width:100%}.blogp-skel-card .blogp-card__body{gap:.7rem}.blogp-skel--line{height:.85rem}.blogp-skel--meta{width:38%;height:.7rem}.blogp-skel--title{width:85%;height:1.35rem}.blogp-skel--short{width:55%}.blogp-skeletons[hidden]{display:none}.blogp-loader{color:var(--text-muted);justify-content:center;align-items:center;gap:.6rem;padding:1.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.blogp-loader[hidden]{display:none}.blogp-spinner{border:2px solid color-mix(in srgb, var(--text) 25%, transparent);border-top-color:var(--primary,#059669);border-radius:50%;width:1.15rem;height:1.15rem;animation:.7s linear infinite blogp-spin}@keyframes blogp-spin{to{transform:rotate(360deg)}}.blogp-end{text-align:center;color:var(--text-muted);padding:1.5rem 1rem 0;font-size:.85rem}.blogp-end[hidden]{display:none}#blog-sentinel{height:1px}.blogp-article{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.blogp-back{color:var(--text-muted);font-size:.85rem;text-decoration:none}.blogp-back:hover{color:var(--heading)}.blogp-article__hero{margin:1.5rem 0}.blogp-article__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.blogp-article__title{color:var(--heading);letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1.15}.blogp-article__excerpt{color:var(--text-muted);margin:0 0 1.5rem;font-size:1.1rem}.blogp-article__cover{border-radius:1rem;width:100%;margin-bottom:2rem}.blogp-tag{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text-muted);border-radius:9999px;padding:.15rem .6rem;font-size:.72rem}.blogp-langbar{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.blogp-langbar a{border:1px solid var(--border);color:var(--text-muted);border-radius:.4rem;padding:.25rem .6rem;text-decoration:none}.blogp-langbar a.is-active{border-color:var(--primary,#059669);color:var(--heading);background:color-mix(in srgb, var(--primary,#059669) 10%, transparent)}.blogp-content{color:var(--text);font-size:1.05rem;line-height:1.75}.blogp-content h1,.blogp-content h2,.blogp-content h3,.blogp-content h4{color:var(--heading);margin:2rem 0 .75rem;font-weight:800;line-height:1.25}.blogp-content h1{font-size:1.9rem}.blogp-content h2{font-size:1.5rem}.blogp-content h3{font-size:1.25rem}.blogp-content p{margin:0 0 1.1rem}.blogp-content a{color:var(--brand-light,var(--primary,#059669));text-decoration:underline}.blogp-content ul,.blogp-content ol{margin:0 0 1.1rem 1.5rem}.blogp-content ul{list-style:outside}.blogp-content ol{list-style:decimal}.blogp-content blockquote{border-left:3px solid var(--primary,#059669);color:var(--text-muted);margin:0 0 1.1rem;padding-left:1rem;font-style:italic}.blogp-content code{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:.3rem;padding:.1rem .35rem;font-size:.9em}.blogp-content pre{background:color-mix(in srgb, var(--text) 10%, transparent);border:1px solid var(--border);border-radius:.6rem;margin:0 0 1.1rem;padding:1rem;overflow-x:auto}.blogp-content pre code{background:0 0;padding:0}.blogp-content img{border-radius:.6rem;max-width:100%;margin:1rem 0}.blogp-content hr{border:0;border-top:1px solid var(--border);margin:2rem 0}
