:where(.m-materials) .props{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}@media (width<=560px){:where(.m-materials) .props{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){:where(.m-materials) .props{grid-template-columns:1fr}}:where(.m-materials) .parta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:1rem;display:grid}@media (width<=580px){:where(.m-materials) .parta-grid{grid-template-columns:1fr}}:where(.m-materials) .bl{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:140px;padding-right:10px;font-size:12px;line-height:1.3}@media (width<=480px){:where(.m-materials) .bl{width:100px;font-size:10px}}:where(.m-materials) .svg-caption{color:var(--color-text-tertiary);text-align:center;letter-spacing:.04em;margin-top:4px;font-size:11px}:where(.m-materials) .calc-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}@media (width<=460px){:where(.m-materials) .calc-grid{grid-template-columns:1fr}}:where(.m-materials) .calc-result{background:var(--color-background-secondary);border-radius:var(--border-radius-md);margin-top:8px;padding:10px 14px}:where(.m-materials) .calc-result-note{color:var(--color-text-secondary);margin-top:2px;font-size:12px;line-height:1.5}:where(.m-materials) .compare-label{color:var(--color-text-secondary);flex-shrink:0;width:130px;font-size:12px}@media (width<=460px){:where(.m-materials) .compare-label{width:90px;font-size:10px}}:where(.m-materials) .compare-track{background:var(--color-background-secondary);border-radius:3px;flex:1;height:14px;position:relative;overflow:hidden}:where(.m-materials) .compare-fill{border-radius:3px;height:100%;transition:width .4s}:where(.m-materials) .compare-val{text-align:right;width:70px;color:var(--color-text-primary);flex-shrink:0;font-size:11px;font-weight:500}:where(.m-materials) .donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}:where(.m-materials) .donut-legend{color:var(--color-text-secondary);font-size:12px;line-height:1.8}:where(.m-materials) .legend-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}:where(.m-materials) .bond-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:1rem;display:grid}@media (width<=520px){:where(.m-materials) .bond-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:where(.m-materials) .sustain-row{grid-template-columns:130px 1fr 80px;align-items:center;gap:10px;margin-bottom:8px;display:grid}@media (width<=460px){:where(.m-materials) .sustain-row{grid-template-columns:90px 1fr 55px}}:where(.m-materials) .sustain-track{background:var(--color-background-secondary);border-radius:3px;height:12px;overflow:hidden}:where(.m-materials) .sustain-fill{border-radius:3px;height:100%}:where(.m-materials) .sustain-val{text-align:right;color:var(--color-text-secondary);font-size:11px;font-weight:500}:where(.m-materials) .bg-amber-500{background:#ef9f27}:where(.m-materials) .text-white{color:#fff}:where(.m-materials) .property-desc{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;line-height:1.6}:where(.m-materials) .property-item{justify-content:space-between;font-size:11px;display:flex}:where(.m-materials) .property-value{color:var(--tint-color);font-weight:500}:where(.m-materials) .property-value-green{--tint-color:#3b6d11}:where(.m-materials) .property-value-amber{--tint-color:#633806}:where(.m-materials) .property-value-blue{--tint-color:#185fa5}:where(.m-materials) .property-value-indigo{--tint-color:#534ab7}:where(.m-materials) .property-value-red{--tint-color:#791f1f}:where(.m-materials) .property-value-brown{--tint-color:#633806}html[data-theme=dark] :where(.m-materials) .property-value-green{--tint-color:#9fe1cb}html[data-theme=dark] :where(.m-materials) .property-value-amber{--tint-color:#f5c563}html[data-theme=dark] :where(.m-materials) .property-value-blue{--tint-color:#85b7eb}html[data-theme=dark] :where(.m-materials) .property-value-indigo{--tint-color:#cecbf6}html[data-theme=dark] :where(.m-materials) .property-value-red{--tint-color:#f09595}html[data-theme=dark] :where(.m-materials) .property-value-brown{--tint-color:#ef9f27}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-materials) .property-value-green{--tint-color:#9fe1cb}html[data-theme=auto] :where(.m-materials) .property-value-amber{--tint-color:#f5c563}html[data-theme=auto] :where(.m-materials) .property-value-blue{--tint-color:#85b7eb}html[data-theme=auto] :where(.m-materials) .property-value-indigo{--tint-color:#cecbf6}html[data-theme=auto] :where(.m-materials) .property-value-red{--tint-color:#f09595}html[data-theme=auto] :where(.m-materials) .property-value-brown{--tint-color:#ef9f27}}:where(.m-materials) .strength-insight{background:var(--color-background-secondary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);padding:8px 10px;font-size:11px;line-height:1.5}:where(.m-materials) .materials-media{width:100%;height:auto;display:block}:where(.m-materials) .bb-style{background:#a32d2d;width:100%}:where(.m-materials) .bb-data{background:var(--data-background);width:var(--data-width)}:where(.m-materials) .bb-concrete{background:#e6f1fb;border:.5px solid #b5d4f4;width:2%}:where(.m-materials) .bv-concrete{color:#0c447c;margin-left:4px;font-size:10px}:where(.m-materials) .radar-layout{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}:where(.m-materials) .radarsvg{flex-shrink:0;width:260px;min-width:200px;height:auto}:where(.m-materials) .radardesc{color:var(--color-text-secondary);flex:1;min-width:160px;padding-top:8px;font-size:12px;line-height:1.7}:where(.m-materials) .showusecase-control{padding:4px 12px;font-size:12px}:where(.m-materials) .usecase-display{color:var(--color-text-primary);font-size:13px;line-height:1.8}:where(.m-materials) .compare-fill-data{background:var(--data-background);width:var(--data-width)}:where(.m-materials) .compare-fill-invar{background:#e6f1fb;border:.5px solid #b5d4f4;width:1%}:where(.m-materials) .calc-button-cell{align-items:flex-end;display:flex}:where(.m-materials) .calcexpansion-control{width:100%;height:36px;font-size:13px}:where(.m-materials) .bonds-intro{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;line-height:1.7}:where(.m-materials) .bond-diagram{width:100%;height:auto;margin-bottom:8px;display:block}:where(.m-materials) .sustain-fill-data{background:var(--data-background);width:var(--data-width)}:where(.m-materials) .timber-nuance{color:var(--color-text-secondary);margin-top:8px;margin-bottom:0;font-size:11px;line-height:1.5}:where(.m-materials) .plastics-donut{flex-shrink:0;width:140px;height:140px}:where(.m-materials) .legend-dot-recycled{background:#1d9e75}:where(.m-materials) .plastics-caption{margin-top:8px;font-size:11px;line-height:1.5}:where(.m-materials) .comparator-selects{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}:where(.m-materials) .mat-c-teal{color:#085041;fill:#085041;stroke:#085041}:where(.m-materials) .mat-c-indigo2{color:#3c3489;fill:#3c3489;stroke:#3c3489}:where(.m-materials) .mat-c-blue2{color:#0c447c;fill:#0c447c;stroke:#0c447c}:where(.m-materials) .mat-c-blue3{color:#185fa5;fill:#185fa5;stroke:#185fa5}:where(.m-materials) .mat-c-green2{color:#27500a;fill:#27500a;stroke:#27500a}:where(.m-materials) .mat-c-red2{color:#a32d2d;fill:#a32d2d;stroke:#a32d2d}:where(.m-materials) .mat-c-electron,:where(.m-materials) .mat-c-caution{color:#633806;fill:#633806;stroke:#633806}:where(.m-materials) .mat-c-green3{color:#3b6d11;fill:#3b6d11;stroke:#3b6d11}html[data-theme=dark] :where(.m-materials) .mat-c-teal{color:#5dcaa5;fill:#5dcaa5;stroke:#5dcaa5}html[data-theme=dark] :where(.m-materials) .mat-c-indigo2{color:#cecbf6;fill:#cecbf6;stroke:#cecbf6}html[data-theme=dark] :where(.m-materials) .mat-c-blue2,html[data-theme=dark] :where(.m-materials) .mat-c-blue3{color:#85b7eb;fill:#85b7eb;stroke:#85b7eb}html[data-theme=dark] :where(.m-materials) .mat-c-green2{color:#9fe1cb;fill:#9fe1cb;stroke:#9fe1cb}html[data-theme=dark] :where(.m-materials) .mat-c-red2{color:#f09595;fill:#f09595;stroke:#f09595}html[data-theme=dark] :where(.m-materials) .mat-c-electron{color:#ef9f27;fill:#ef9f27;stroke:#ef9f27}html[data-theme=dark] :where(.m-materials) .mat-c-caution{color:#f5c563;fill:#f5c563;stroke:#f5c563}html[data-theme=dark] :where(.m-materials) .mat-c-green3{color:#9fe1cb;fill:#9fe1cb;stroke:#9fe1cb}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-materials) .mat-c-teal{color:#5dcaa5;fill:#5dcaa5;stroke:#5dcaa5}html[data-theme=auto] :where(.m-materials) .mat-c-indigo2{color:#cecbf6;fill:#cecbf6;stroke:#cecbf6}html[data-theme=auto] :where(.m-materials) .mat-c-blue2,html[data-theme=auto] :where(.m-materials) .mat-c-blue3{color:#85b7eb;fill:#85b7eb;stroke:#85b7eb}html[data-theme=auto] :where(.m-materials) .mat-c-green2{color:#9fe1cb;fill:#9fe1cb;stroke:#9fe1cb}html[data-theme=auto] :where(.m-materials) .mat-c-red2{color:#f09595;fill:#f09595;stroke:#f09595}html[data-theme=auto] :where(.m-materials) .mat-c-electron{color:#ef9f27;fill:#ef9f27;stroke:#ef9f27}html[data-theme=auto] :where(.m-materials) .mat-c-caution{color:#f5c563;fill:#f5c563;stroke:#f5c563}html[data-theme=auto] :where(.m-materials) .mat-c-green3{color:#9fe1cb;fill:#9fe1cb;stroke:#9fe1cb}}:where(.m-materials) .mat-bv-dark{color:#1a1a18}:where(.m-materials) .mat-fill-amber{fill:#ba7517;background:#ba7517}:where(.m-materials) .mat-fill-teal2{fill:#1d9e75;background:#1d9e75}:where(.m-materials) .mat-fill-indigo{fill:#534ab7;stroke:#534ab7;background:#534ab7}:where(.m-materials) .mat-fill-green1{fill:#4b9913;background:#4b9913}:where(.m-materials) .mat-fill-green2{fill:#3b6d11;background:#3b6d11}html[data-theme=dark] :where(.m-materials) .mat-fill-amber{fill:#ef9f27;background:#ef9f27}html[data-theme=dark] :where(.m-materials) .mat-fill-teal2{fill:#5dcaa5;background:#5dcaa5}html[data-theme=dark] :where(.m-materials) .mat-fill-indigo{fill:#cecbf6;stroke:#cecbf6;background:#cecbf6}html[data-theme=dark] :where(.m-materials) .mat-fill-green1{fill:#9fe1cb;background:#9fe1cb}html[data-theme=dark] :where(.m-materials) .mat-fill-green2{fill:#c0dd97;background:#c0dd97}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-materials) .mat-fill-amber{fill:#ef9f27;background:#ef9f27}html[data-theme=auto] :where(.m-materials) .mat-fill-teal2{fill:#5dcaa5;background:#5dcaa5}html[data-theme=auto] :where(.m-materials) .mat-fill-indigo{fill:#cecbf6;stroke:#cecbf6;background:#cecbf6}html[data-theme=auto] :where(.m-materials) .mat-fill-green1{fill:#9fe1cb;background:#9fe1cb}html[data-theme=auto] :where(.m-materials) .mat-fill-green2{fill:#c0dd97;background:#c0dd97}}.fa-cubes{background-color:currentColor;width:1.125em;-webkit-mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22><path fill=%22currentColor%22 d=%22M290.8 48.6l78.4 29.7L288 109.5 206.8 78.3l78.4-29.7c1.8-.7 3.8-.7 5.7 0zM136 92.5V204.7c-1.3 .4-2.6 .8-3.9 1.3l-96 36.4C14.4 250.6 0 271.5 0 294.7V413.9c0 22.2 13.1 42.3 33.5 51.3l96 42.2c14.4 6.3 30.7 6.3 45.1 0L288 457.5l113.5 49.9c14.4 6.3 30.7 6.3 45.1 0l96-42.2c20.3-8.9 33.5-29.1 33.5-51.3V294.7c0-23.3-14.4-44.1-36.1-52.4l-96-36.4c-1.3-.5-2.6-.9-3.9-1.3V92.5c0-23.3-14.4-44.1-36.1-52.4l-96-36.4c-12.8-4.8-26.9-4.8-39.7 0l-96 36.4C150.4 48.4 136 69.3 136 92.5zM392 210.6l-82.4 31.2V152.6L392 121v89.6zM154.8 250.9l78.4 29.7L152 311.7 70.8 280.6l78.4-29.7c1.8-.7 3.8-.7 5.7 0zm18.8 204.4V354.8L256 323.2v95.9l-82.4 36.2zM421.2 250.9c1.8-.7 3.8-.7 5.7 0l78.4 29.7L424 311.7l-81.2-31.1 78.4-29.7zM523.2 421.2l-77.6 34.1V354.8L528 323.2v90.7c0 3.2-1.9 6-4.8 7.3z%22/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22><path fill=%22currentColor%22 d=%22M290.8 48.6l78.4 29.7L288 109.5 206.8 78.3l78.4-29.7c1.8-.7 3.8-.7 5.7 0zM136 92.5V204.7c-1.3 .4-2.6 .8-3.9 1.3l-96 36.4C14.4 250.6 0 271.5 0 294.7V413.9c0 22.2 13.1 42.3 33.5 51.3l96 42.2c14.4 6.3 30.7 6.3 45.1 0L288 457.5l113.5 49.9c14.4 6.3 30.7 6.3 45.1 0l96-42.2c20.3-8.9 33.5-29.1 33.5-51.3V294.7c0-23.3-14.4-44.1-36.1-52.4l-96-36.4c-1.3-.5-2.6-.9-3.9-1.3V92.5c0-23.3-14.4-44.1-36.1-52.4l-96-36.4c-12.8-4.8-26.9-4.8-39.7 0l-96 36.4C150.4 48.4 136 69.3 136 92.5zM392 210.6l-82.4 31.2V152.6L392 121v89.6zM154.8 250.9l78.4 29.7L152 311.7 70.8 280.6l78.4-29.7c1.8-.7 3.8-.7 5.7 0zm18.8 204.4V354.8L256 323.2v95.9l-82.4 36.2zM421.2 250.9c1.8-.7 3.8-.7 5.7 0l78.4 29.7L424 311.7l-81.2-31.1 78.4-29.7zM523.2 421.2l-77.6 34.1V354.8L528 323.2v90.7c0 3.2-1.9 6-4.8 7.3z%22/></svg>") 50%/contain no-repeat}
