:where(.pg-blog) .cat{color:#43424e;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dcdbe8;border-radius:999px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}:where(.pg-blog) .cat:hover{color:#14121a;border-color:#646cff}:where(.pg-blog) .cat.on{color:#fff;background:#14121a;border-color:#14121a}.dark :where(.pg-blog) .cat{color:#ffffffbf;background:0 0;border-color:#ffffff29}.dark :where(.pg-blog) .cat.on{color:#0e0c14;background:#fff;border-color:#fff}:where(.pg-blog) .srch{box-sizing:border-box;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;outline:none;width:100%;min-height:58px;padding:0 22px 0 52px;font-size:17px}:where(.pg-blog) .srch::placeholder{color:#ffffff80}:where(.pg-blog) .srch:focus{background:#ffffff1a;border-color:#a5aaff}:where(.pg-blog) .post .ttl{transition:color .2s}:where(.pg-blog) .post:hover .ttl{color:#5b21b6}.dark :where(.pg-blog) .post:hover .ttl{color:#c4a4ff}:where(.pg-blog) .cats{scrollbar-width:none}:where(.pg-blog) .cats::-webkit-scrollbar{display:none}@container page (max-width:900px){:where(.pg-blog) .feat{grid-template-columns:minmax(0,1fr)!important}:where(.pg-blog) .feat-art{min-height:240px!important}}