.materials-section{margin-bottom:38px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--mint)}
.materials-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}
.materials-heading>div{display:flex;align-items:baseline;gap:10px}
.materials-heading h2{margin:0;font-size:20px}.materials-heading small{font-size:10px;color:var(--green);font-weight:700}
.materials-list{display:flex;flex-direction:column;gap:7px}
.material-row{box-shadow:none}.material-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:18px;font-weight:700;font-family:inherit}
button.material-icon{cursor:pointer;transition:.15s}button.material-icon:hover{background:var(--green2);transform:scale(1.05)}
.link-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:var(--orange);color:#fff;font-size:16px}
.link-row .open-link{color:var(--orange)}
.materials-empty{padding:25px;text-align:center;border:1px dashed #bdcbbb;border-radius:10px;color:var(--muted);font-size:11px}
@media(max-width:560px){.materials-section{padding:16px}.materials-heading{align-items:flex-start}.materials-heading small{margin-top:5px}.materials-heading h2{font-size:18px}}