.cpz-ui.cpz-blog-cat{padding-block-end:var(--cpz-s-8)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__hero{background:linear-gradient(135deg,var(--cpz-bg),var(--cpz-surface)55%,var(--cpz-surface-2));border-block-end:1px solid var(--cpz-border);padding-block:var(--cpz-s-6)var(--cpz-s-7);border-end-end-radius:var(--cpz-r-lg);border-end-start-radius:var(--cpz-r-lg);margin-block-end:var(--cpz-s-5)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__hero-inner{align-items:center;gap:var(--cpz-s-5);flex-wrap:wrap;display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__icon{border-radius:var(--cpz-r-lg);background:var(--cpz-primary-tint);border:1px solid var(--cpz-border);block-size:104px;inline-size:104px;box-shadow:var(--cpz-shadow-1);flex:none;place-items:center;display:grid;overflow:hidden}.cpz-ui.cpz-blog-cat .cpz-blog-cat__icon img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.cpz-ui.cpz-blog-cat .cpz-blog-cat__emoji{font-size:44px;line-height:1}.cpz-ui.cpz-blog-cat .cpz-blog-cat__hero-main{align-items:flex-start;gap:var(--cpz-s-2);flex-direction:column;flex:1;min-inline-size:0;display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__crumbs{color:var(--cpz-text-mute);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__crumbs a{color:var(--cpz-text-dim);text-decoration:none}.cpz-ui.cpz-blog-cat .cpz-blog-cat__crumbs a:hover{color:var(--cpz-text)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__crumbs a:focus-visible{box-shadow:var(--cpz-ring);border-radius:6px;outline:none}.cpz-ui.cpz-blog-cat .cpz-blog-cat__crumb-sep{color:var(--cpz-text-mute)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__title{font-size:var(--cpz-fs-h2);font-weight:800;line-height:var(--cpz-lh-tight);color:var(--cpz-text);margin:0}.cpz-ui.cpz-blog-cat .cpz-blog-cat__desc{max-inline-size:56ch;font-size:var(--cpz-fs-body);line-height:var(--cpz-lh-body);color:var(--cpz-text-dim);margin:0}.cpz-ui.cpz-blog-cat .cpz-blog-cat__pills{flex-wrap:wrap;gap:8px;margin-block-start:var(--cpz-s-2);display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__pill{border-radius:var(--cpz-r-pill);background:var(--cpz-surface);border:1px solid var(--cpz-border);color:var(--cpz-text-dim);align-items:center;padding-block:6px;padding-inline:14px;font-size:12.5px;display:inline-flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__topbar{justify-content:space-between;align-items:center;gap:var(--cpz-s-3);flex-wrap:wrap;margin-block-end:var(--cpz-s-4);display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__count{color:var(--cpz-text-dim);margin:0;font-size:13px}.cpz-ui.cpz-blog-cat .cpz-blog-cat__count strong{color:var(--cpz-text);font-weight:800}.cpz-ui.cpz-blog-cat .cpz-blog-cat__sort{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__sort-label{color:var(--cpz-text-mute);font-size:12.5px}.cpz-ui.cpz-blog-cat .cpz-blog-cat__tabs{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-pill);gap:4px;padding:4px;display:inline-flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__tab{border-radius:var(--cpz-r-pill);min-block-size:36px;color:var(--cpz-text-dim);white-space:nowrap;transition:background var(--cpz-dur)var(--cpz-ease),color var(--cpz-dur)var(--cpz-ease);align-items:center;padding-block:4px;padding-inline:14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__tab:hover{background:var(--cpz-surface-2);color:var(--cpz-text)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__tab:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui.cpz-blog-cat .cpz-blog-cat__tab.is-active{background:var(--cpz-primary);color:var(--cpz-on-primary)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__grid{gap:var(--cpz-s-4);grid-template-columns:1fr;display:grid}@media (width>=720px){.cpz-ui.cpz-blog-cat .cpz-blog-cat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cpz-ui .cpz-post-card{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);transition:transform var(--cpz-dur)var(--cpz-ease),border-color var(--cpz-dur)var(--cpz-ease),box-shadow var(--cpz-dur)var(--cpz-ease);flex-direction:column;display:flex;overflow:hidden}.cpz-ui .cpz-post-card:hover{border-color:var(--cpz-border-strong);box-shadow:var(--cpz-shadow-2);transform:translateY(-4px)}.cpz-ui .cpz-post-card__media{aspect-ratio:16/9;background:var(--cpz-surface-2);display:block;position:relative;overflow:hidden}.cpz-ui .cpz-post-card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.cpz-ui .cpz-post-card__media:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui .cpz-post-card__cat{z-index:2;position:absolute;inset-block-start:10px;inset-inline-start:10px}.cpz-ui .cpz-post-card__body{flex-direction:column;flex:1;gap:10px;min-inline-size:0;padding-block:14px 16px;padding-inline:16px;display:flex}.cpz-ui .cpz-post-card__title{margin:0;font-size:15px;font-weight:700;line-height:1.65}.cpz-ui .cpz-post-card__title a{color:inherit;text-decoration:none}.cpz-ui .cpz-post-card__title a:hover{color:var(--cpz-link)}.cpz-ui .cpz-post-card__title a:focus-visible{box-shadow:var(--cpz-ring);border-radius:6px;outline:none}.cpz-ui .cpz-post-card__excerpt{font-size:13px;line-height:var(--cpz-lh-body);color:var(--cpz-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.cpz-ui .cpz-post-card__meta{border-block-start:1px solid var(--cpz-border);color:var(--cpz-text-mute);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-block-start:auto;padding-block-start:12px;font-size:11.5px;display:flex}.cpz-ui .cpz-post-card__meta-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cpz-ui .cpz-post-card__author{color:var(--cpz-text-dim);font-weight:700}.cpz-ui.cpz-blog-cat .cpz-pagination{margin-block-start:var(--cpz-s-6)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__others{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);padding:var(--cpz-s-5);margin-block-start:var(--cpz-s-7)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__others-title{font-size:var(--cpz-fs-h4);color:var(--cpz-text);margin:0;margin-block-end:var(--cpz-s-4);font-weight:800}.cpz-ui.cpz-blog-cat .cpz-blog-cat__others-grid{gap:var(--cpz-s-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.cpz-ui.cpz-blog-cat .cpz-blog-cat__others-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.cpz-ui.cpz-blog-cat .cpz-blog-cat__others-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other{background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-md);color:var(--cpz-text-dim);transition:transform var(--cpz-dur)var(--cpz-ease),border-color var(--cpz-dur)var(--cpz-ease);flex-direction:column;align-items:flex-start;gap:6px;padding-block:14px;padding-inline:16px;text-decoration:none;display:flex}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other:hover{border-color:var(--cpz-border-strong);transform:translateY(-3px)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other-icon{font-size:22px;line-height:1}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other-icon img{object-fit:contain;block-size:24px;inline-size:24px;display:block}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other-name{color:var(--cpz-text);font-size:14px;font-weight:700}.cpz-ui.cpz-blog-cat .cpz-blog-cat__other-meta{color:var(--cpz-text-mute);font-size:12px;line-height:1.7}@media (width<=600px){.cpz-ui.cpz-blog-cat .cpz-blog-cat__hero{padding-block:var(--cpz-s-5)var(--cpz-s-6)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__hero-inner{gap:var(--cpz-s-4)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__icon{border-radius:var(--cpz-r-md);block-size:76px;inline-size:76px}.cpz-ui.cpz-blog-cat .cpz-blog-cat__emoji{font-size:32px}.cpz-ui.cpz-blog-cat .cpz-blog-cat__title{font-size:var(--cpz-fs-h3)}.cpz-ui.cpz-blog-cat .cpz-blog-cat__topbar{flex-direction:column;align-items:flex-start}.cpz-ui.cpz-blog-cat .cpz-blog-cat__others{padding:var(--cpz-s-4)}}