.knowledge-toolbar{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.knowledge-search{background-color:var(--color-card-bg);color:#fff;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:.95rem}.knowledge-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px #00ffff40}.knowledge-search::placeholder{color:var(--color-text-fade)}.knowledge-filters{flex-wrap:wrap;gap:8px;display:flex}.knowledge-filter{color:var(--color-text-fade);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.knowledge-filter:hover,.knowledge-filter.is-active{color:var(--color-accent);border-color:#00ffff73}.knowledge-filter.is-active{background-color:#00ffff14}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0;padding-bottom:60px;display:grid}.knowledge-card{flex-direction:column;padding:0;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.knowledge-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.knowledge-card-main{color:inherit;padding:28px 30px 20px;display:block}.knowledge-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.knowledge-category{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;border:1px solid #00ffff59;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.knowledge-card-date{color:var(--color-text-fade);font-size:.8rem}.knowledge-card h2{color:#fff;border:none;margin-bottom:8px;padding:0;font-size:1.35rem}.knowledge-card-desc{color:#d0d0e0;margin:0;font-size:.95rem;line-height:1.7}.knowledge-card-github{color:var(--color-accent);align-items:center;gap:8px;margin:0 30px 22px;font-size:.85rem;font-weight:700;display:inline-flex}.knowledge-card-github:hover{text-decoration:underline}.knowledge-post-updated{color:var(--color-text-fade);margin:-8px 0 18px;font-size:.85rem}@media (max-width:768px){.knowledge-grid{grid-template-columns:1fr}.knowledge-card-main{padding:24px 20px 16px}.knowledge-card-github{margin:0 20px 18px}}
