/* Material comparison, scoped to ROC; independent of the shared cube layout. */
.rhc-lca-card { margin-top: 30px; padding: clamp(18px,3vw,34px); border: 1px solid var(--line); background: rgba(255,255,255,.65); }
.rhc-lca-switch { border: 0; padding: 0; margin: 0 0 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.rhc-lca-switch legend { margin-bottom: 12px; font-size: .8rem; color: var(--muted); }
.rhc-lca-switch label { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--line); cursor: pointer; font-size: .85rem; }
.rhc-lca-switch label:has(input:checked) { color: var(--navy, #010161); border-color: currentColor; background: rgba(1,1,97,.05); }
.rhc-lca-switch input { accent-color: #010161; margin: 0; }
.rhc-lca-switch label:focus-within { outline: 2px solid #010161; outline-offset: 3px; }
.rhc-lca-panel h3 { margin: 0 0 8px; }
.rhc-lca-panel > p { color: var(--muted); font-size: .9rem; line-height: 1.6; }
.rhc-lca-panel[data-stage="life"] { display: none; }
.rhc-lca-card:has(#rhc-lca-life:checked) .rhc-lca-panel[data-stage="upfront"] { display: none; }
.rhc-lca-card:has(#rhc-lca-life:checked) .rhc-lca-panel[data-stage="life"] { display: block; }
.rhc-lca-bars { margin: 26px 0; }
.rhc-lca-row { display: grid; grid-template-columns: 60px minmax(0,1fr) 95px; align-items: center; gap: 12px; margin: 18px 0; font-size: .85rem; }
.rhc-lca-track { position: relative; height: 25px; display: grid; grid-template-columns: 25% 75%; }
.rhc-lca-track::after { content: ""; position: absolute; top: -7px; bottom: -7px; left: 25%; border-left: 1px solid #777; }
.rhc-lca-positive { grid-column: 2; width: var(--bar); height: 100%; background: #858585; }
.rhc-lca-negative { grid-column: 1; width: var(--bar); justify-self: end; height: 100%; background: repeating-linear-gradient(135deg,#a8a8a8 0 2px,#e0e0e0 2px 6px); }
.rhc-lca-row strong { text-align: right; white-space: nowrap; font-weight: 500; }
.rhc-lca-axis { margin: 0 107px 0 72px; padding-left: 25%; font-size: .7rem; color: var(--muted); }
.rhc-lca-notes { border-top: 1px solid var(--line); padding-top: 18px; color: var(--muted); font-size: .8rem; line-height: 1.65; }
.rhc-lca-notes summary { cursor: pointer; color: #010161; }
.rhc-lca-table { width: 100%; margin-top: 15px; border-collapse: collapse; font-size: .8rem; }
.rhc-lca-table th, .rhc-lca-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); }
@media (max-width: 480px) {
  .rhc-lca-row { grid-template-columns: 48px minmax(0,1fr) 78px; gap: 8px; font-size: .75rem; }
  .rhc-lca-axis { margin-left: 56px; margin-right: 86px; }
  .rhc-lca-table th, .rhc-lca-table td { padding: 8px 3px; }
}