.material-guide-card{position:relative;min-width:0;border:1px solid #dce4e4;border-radius:20px;background:#fff;padding:24px;text-align:left;color:#17212a}
.material-guide-heading{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:16px}.material-guide-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#e6f6ee;color:#18875a;border-radius:11px}.material-guide-name{font-size:20px;font-weight:700;overflow-wrap:anywhere}.material-guide-method{margin-left:auto;background:#f0f3f4;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.06em}
.material-guide-description{display:block;font-size:13px;font-weight:400;line-height:1.7;color:#566775;margin-bottom:20px}.material-guide-properties{display:grid;gap:10px;padding-block:2px 18px}.material-guide-property{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5}.material-guide-label{color:#657580}.material-guide-value{font-weight:600;text-align:right;color:#35594a}.material-guide-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.material-guide-tag{padding:4px 9px;border:1px solid #e0e7e5;border-radius:20px;font-size:11px;font-weight:400;color:#526772}.material-guide-note{display:block;border-top:1px solid #e4eae7;padding-top:13px;font-size:10px;font-weight:400;line-height:1.6;color:#677782}
#material-choices{grid-template-columns:minmax(0,1fr)}#material-choices .material-guide-card{display:block;width:100%;padding:22px;border-radius:16px;transition:border-color .15s,background .15s}#material-choices .material-guide-card[aria-pressed=true]{border-color:#39916a;background:#f5fbf7;box-shadow:0 0 0 1px #39916a}#material-choices .material-guide-card:not(:disabled):hover{border-color:#39916a}#material-choices .material-guide-card:focus-visible{outline:3px solid #328864;outline-offset:3px}.material-guide-selection{display:block;margin-top:14px;font-size:12px;font-weight:600;color:#397355}.material-guide-selection::after{content:'Material wählen →'}[aria-pressed=true]>.material-guide-selection::after{content:'✓ Ausgewählt'}
@media(max-width:420px){.material-guide-card,#material-choices .material-guide-card{padding:18px}.material-guide-property{gap:10px;flex-wrap:wrap}.material-guide-name{font-size:18px}}

.material-guide-card{background:radial-gradient(ellipse at top right,#edf9f3,transparent 68%),#fff;border-color:#d6e6dc}.material-scales{display:grid;gap:13px;margin:22px 0 24px}.material-scale-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;line-height:1.5}.material-scale-label{font-size:12px;color:#566d61;font-weight:400}.material-scale-bars{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.material-scale-segment{width:16px;height:6px;border-radius:6px;background:#dce7e0}.material-scale-segment.is-filled{background:#20ae73}.material-scale-unknown{font-size:10px;width:100%;text-align:right;color:#708077}.material-technical{display:grid;gap:12px;border-top:1px solid #dce7e0;padding:17px 0;margin-top:8px}.material-technical-row{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.6}.material-technical-row .material-guide-value{max-width:55%;text-align:right}.material-guide-note{font-size:10px}

.material-guide-reference{display:block;font-size:11px;color:#287557;font-weight:600;margin:-8px 0 18px}.material-guide-source{display:block;font-size:10px;color:#657580;margin-top:8px}.material-scale-unknown{font-size:10px}.material-technical-row{gap:16px;align-items:baseline}.material-guide-value{overflow-wrap:anywhere}