.materials-intro{background:linear-gradient(120deg,#e8f3ef,#fffaf0);padding:32px;border:1px solid #c9ddd5;border-radius:20px;margin-bottom:26px}.materials-intro>p{max-width:850px}.materials-benefits{display:flex;flex-wrap:wrap;gap:8px}.materials-benefits span{padding:6px 12px;border:1px solid #c1d3c9;border-radius:20px;font-size:.875rem;background:#fff9}.materials-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:22px}.materials-steps li{padding-left:4px}.materials-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.materials-actions button{min-height:44px}.file-choice{padding:12px 16px;border:1px dashed var(--teal);border-radius:12px;background:#eef6f1}.file-choice input{display:block;max-width:100%;margin-top:8px}#materials-form>label,#materials-explain-section>label{display:block;margin:18px 0 8px;font-weight:600}#materials-form textarea,#materials-explain-section textarea,.materials-response{display:block;width:100%;border:1px solid #b8c9c4;border-radius:10px;padding:12px;font:inherit;color:var(--navy);background:white;resize:vertical}.materials-result-head{padding:28px;background:#e9f2ee;border-radius:18px}.materials-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.materials-unit{border:1px solid var(--line);border-left:4px solid #c99a3e;border-radius:12px;padding:18px;margin:16px 0;background:#fff;overflow-wrap:anywhere}.materials-unit h3{margin-top:0}.materials-unit summary{cursor:pointer;padding:8px 0;color:var(--teal);font-weight:600}.materials-ref{font-size:.85rem;color:var(--muted)}.materials-unit input{width:100%;max-width:420px;font:inherit;padding:10px;border:1px solid #b8c9c4;border-radius:8px}.materials-unit label{display:block;margin-top:10px}.materials-unit textarea{margin-top:8px}#materials-length,small{font-size:.85rem;color:var(--muted)}.materials-self-check{border:1px solid #cad8d0;border-radius:12px;margin-top:20px}.materials-self-check label{display:block;padding:8px}.materials-self-check input{width:auto;display:inline;margin-right:8px}#materials-source{overflow-wrap:anywhere}#materials-source p{white-space:pre-wrap}.materials-feedback{padding:10px 12px;border-left:3px solid var(--teal);background:#f0f5f1}button:disabled{cursor:wait;opacity:.65}#materials-explain-cues li{margin:8px 0}@media(max-width:700px){.materials-steps,.materials-card-grid{grid-template-columns:1fr}.materials-intro,.materials-result-head{padding:20px}.file-choice{width:100%}.materials-actions button{width:100%}}@media print{.materials-intro,.materials-actions,.materials-steps{display:none}}