.materials-heading{max-width:850px}.materials-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 34px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.materials-filter label{display:grid;gap:6px;color:var(--muted);font-size:13px}.materials-filter input,.materials-filter select{min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0d0e16;color:#fff}.materials-filter button,.materials-filter>a,.materials-empty>a{min-height:43px;display:inline-flex;align-items:center;padding:0 16px;border:0;border-radius:9px;background:var(--violet);color:#fff;font-weight:800;cursor:pointer}.materials-filter>a{background:#252633}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.material-archive-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.material-archive-image{position:relative;display:block;min-height:130px;border-radius:12px;overflow:hidden;background:#0d0e16}.material-archive-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.material-archive-image span{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:#ffc83d;color:#251600;font-size:12px;font-weight:900}.material-archive-card small{color:var(--muted)}.material-archive-card h2{margin:7px 0 8px;font-size:20px;line-height:1.18;letter-spacing:-.3px}.material-archive-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--muted);font-size:14px}.material-series{color:#ca92ff;font-weight:800}.materials-empty{text-align:center;padding:55px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}@media(max-width:850px){.materials-grid{grid-template-columns:1fr}}@media(max-width:520px){.material-archive-card{grid-template-columns:1fr}.material-archive-image{aspect-ratio:16/9}.materials-filter{display:grid}.materials-filter button,.materials-filter>a{justify-content:center}}