/* Material cards follow the referenced Nachweise / Materialien composition. */
.answerMaterials{container-type:inline-size;container-name:materials}
.answerMaterials .evidenceGroup{border-radius:var(--r20)}
.answerMaterials .evidenceItem{padding:var(--s6);gap:var(--s4);grid-template-columns:32px minmax(0,1fr) auto}
.answerMaterials .evidenceItemIcon,.answerMaterials .evidenceItemIcon .fa-icon{color:var(--state-success-text);width:32px;height:32px;font-size:32px}
.answerMaterials .evidenceItemActions{gap:var(--s3)}
.answerMaterials .evidenceTool{width:32px;height:32px;min-height:32px;font-size:16px;background:var(--n10);color:var(--n80)}
.answerMaterials .evidenceTool:hover{background:var(--n20)}
.answerMaterials .evidenceTool:focus-visible{outline:2px solid var(--n80);outline-offset:2px}
.answerMaterials .evidenceItemDetails{grid-column:1/-1;min-width:0}
.materialLines{display:grid;gap:var(--s4);min-width:0}
.materialLine{display:grid;grid-template-columns:minmax(120px,.46fr) minmax(0,1fr) 32px;align-items:center;gap:var(--s4);min-width:0}
.materialField{position:relative;display:grid;min-width:0}
.materialField>span{position:absolute;top:var(--s5);left:var(--s4);right:var(--s4);color:var(--n50);font:400 16px/1.5 var(--font-body);pointer-events:none}
.materialField:focus-within>span,.materialField:has(input:not(:placeholder-shown))>span{top:var(--s2);font-size:14px}
.materialField>input,.materialEditorField>input,.materialEditorField>textarea{width:100%;min-width:0;min-height:56px;border:1px solid var(--n50);border-radius:var(--r4);padding:var(--s6) var(--s4) var(--s2);background:var(--surface);color:var(--text);font:400 16px/1.5 var(--font-body)}
.materialField>input:hover{border-color:var(--n80)}
.materialField>input:focus-visible,.materialEditorField :is(input,textarea):focus-visible{outline:2px solid var(--n80);outline-offset:2px}
.materialField>input:read-only{background:var(--n10)}
.materialDialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--s7);border:0;border-radius:var(--r20);background:var(--surface);color:var(--text);font:400 16px/1.5 var(--font-body)}
.materialDialog::backdrop{background:rgb(5 50 60 / 28%)}
.materialDialog h2{font:700 25px/1.3 var(--font-display);margin:0 0 var(--s6)}
.materialDialog p{margin-bottom:var(--s5);overflow-wrap:anywhere}
.materialDialog .materialDialogBody{display:grid;gap:var(--s5)}
.materialDialog .materialDialogActions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.materialDialog :is(button,input,textarea):focus-visible{outline:2px solid var(--n80);outline-offset:2px}
.materialDialog label.materialRemoveOption{display:flex;gap:var(--s3);align-items:flex-start}
.materialRemoveOption input{margin-top:6px;accent-color:var(--n80)}
.materialRemoveOption small{display:block;color:var(--n80);font-size:14px}
.materialEditorField{display:grid;gap:var(--s3)}
.materialEditorField>input,.materialEditorField>textarea{padding:var(--s4)}
@container materials (max-width:400px){
 .materialLine{grid-template-columns:minmax(0,1fr) 32px}
 .materialField{grid-column:1}
 .materialLine>.evidenceTool{grid-column:2;grid-row:1/span 2}
}
@container materials (max-width:400px){
 .answerMaterials .evidenceItem{grid-template-columns:32px minmax(0,1fr)}
 .answerMaterials .evidenceItemActions{grid-column:2;justify-self:end}
}
@media(max-width:520px){.materialDialog{padding:var(--s5)}}