.materials{display:grid;grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.material{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:inherit;text-decoration:none}.material>span:first-of-type{flex:1 1;font-weight:600}a.material:hover{border-color:var(--yellow);background:var(--yellow-soft)}a.material:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.materials.is-locked .material{color:var(--muted)}.materials.is-locked .material>span{font-weight:500}