.materials-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:32px 0 24px!important}.materials-intro h1{font-size:30px!important}.materials-intro p{color:var(--muted)!important;margin-top:10px!important;font-size:13px!important}.materials-intro>.button{flex-shrink:0!important}
.materials-search-panel{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:20px!important}.materials-search{display:flex!important;gap:12px!important;align-items:center!important;height:50px!important;box-sizing:border-box!important;background:#f8f9fa!important;border:1px solid #e9eaeb!important;border-radius:7px!important;padding:5px 5px 5px 13px!important}.materials-search-field{display:flex!important;gap:10px!important;align-items:center!important;flex:1!important;min-width:0!important}.materials-search-field svg{width:18px!important;height:18px!important;fill:none!important;stroke:#8a979f!important;stroke-width:1.6!important;flex-shrink:0!important}.materials-search input{width:100%!important;min-width:0!important;border:0!important;background:none!important;padding:0!important;height:100%!important;outline:none!important;box-shadow:none!important;font:inherit!important;font-size:13px!important}.materials-search button{flex-shrink:0!important;height:38px!important;min-height:0!important;padding:8px 13px!important;font-size:13px!important;line-height:1.75!important}
.materials-count{padding:20px 2px!important;color:var(--muted)!important;font-size:13px!important}.materials-count strong{color:var(--ink)!important}.materials-list{background:white!important;border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important}.materials-card{display:flex!important;gap:24px!important;align-items:flex-start!important;padding:24px!important;border-bottom:1px solid var(--line)!important}.materials-card:last-child{border-bottom:0!important}.materials-cover{width:200px!important;flex-shrink:0!important}.materials-cover img{width:200px!important;height:140px!important;object-fit:cover!important;border-radius:8px!important}.materials-card-body{min-width:0!important;flex:1!important}.materials-card h2{font-size:20px!important;line-height:1.6!important}.materials-card h2 a:hover{color:var(--accent)!important}.materials-card p{font-size:13px!important;color:var(--muted)!important;line-height:1.9!important;margin:12px 0 18px!important;overflow-wrap:anywhere!important}.materials-meta{display:flex!important;flex-wrap:wrap!important;gap:16px!important;font-size:12px!important;color:var(--muted)!important}.materials-pagination{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;padding:24px 0 38px!important}.materials-pagination>a,.materials-pagination>span{padding:8px 13px!important;background:white!important;border:1px solid var(--line)!important;border-radius:6px!important;font-size:13px!important}.materials-pagination>[aria-current="page"]{background:var(--accent)!important;color:white!important;border-color:var(--accent)!important}
@media(max-width:600px){.materials-intro{align-items:flex-start!important;flex-direction:column!important}.materials-intro h1{font-size:26px!important}.materials-search-panel{padding:12px!important}.materials-search{gap:6px!important}.materials-search button{padding:8px 12px!important}.materials-card{gap:14px!important;padding:18px!important}.materials-cover,.materials-cover img{width:90px!important}.materials-cover img{height:90px!important}.materials-card h2{font-size:17px!important}.materials-meta{gap:8px!important}}