.materials-view .materials-list{display:grid;gap:14px;margin-top:20px}.materials-view .material-card{display:flex;align-items:center;gap:16px;margin:0;min-width:0}.materials-view .material-choice{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;cursor:pointer;padding:4px 0}.materials-view .material-choice input{width:22px;height:22px;flex:none;margin:4px 0 0;accent-color:var(--button)}.materials-view .material-description{min-width:0}.materials-view .material-name{display:block;font-size:21px;line-height:1.5;overflow-wrap:anywhere}.materials-view .material-note{display:block;color:var(--muted,#62625b);font-size:17px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.materials-view .material-card>.button{flex:none;min-height:44px}.materials-view .materials-selection{margin-top:22px;border-top:1px solid #e8e5dd;padding-top:16px}.materials-view .materials-selection>.primary{margin-top:4px}.materials-view #material-form>.button{margin-right:12px}.materials-view #material-form>.manual-save-status{margin-bottom:12px}.materials-view .notice{margin:18px 0}.materials-view input,.materials-view textarea{min-width:0;box-sizing:border-box}.materials-view .material-note:empty{display:none}
@media(min-width:900px){.materials-view .materials-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.materials-view .material-card{gap:10px;padding:18px 14px}.materials-view .material-choice{gap:10px}.materials-view .material-card>.button{padding:10px 12px}.materials-view .materials-selection>.primary{width:100%;font-size:20px;min-height:49px}.materials-view #material-form>.button{width:100%;margin-right:0}.materials-view .material-name{font-size:20px}}