/* Lantaarns en straatdecor: page-specific tokens, scoped under #mcsd. Hex only: the 3D view shades them. */
#mcsd {
  --mcsd-base: #8a8f8b;
  --mcsd-paving: #b3ab9b;
  --mcsd-lit: rgba(94, 170, 92, 0.42);
  --mcsd-dim: rgba(230, 162, 40, 0.48);
  --mcsd-dark: rgba(200, 60, 50, 0.55);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcsd {
    --mcsd-base: #6c716d; --mcsd-paving: #7f786b;
    --mcsd-lit: rgba(110, 190, 105, 0.42); --mcsd-dim: rgba(240, 170, 60, 0.45); --mcsd-dark: rgba(230, 80, 70, 0.5);
  }
}
:root[data-theme="dark"] #mcsd {
  --mcsd-base: #6c716d; --mcsd-paving: #7f786b;
  --mcsd-lit: rgba(110, 190, 105, 0.42); --mcsd-dim: rgba(240, 170, 60, 0.45); --mcsd-dark: rgba(230, 80, 70, 0.5);
}

#mcsd .mcsd-col { display: grid; gap: 14px; min-width: 0; }
#mcsd .mcsd-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcsd p.mcsd-note { color: var(--mcdp-mark); font-size: 14px; margin: 0; }
#mcsd .mcsd-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; }
#mcsd .mcsd-rowbox { display: grid; gap: 12px; padding: 10px 12px; border: 1px dashed var(--mcdp-line); border-radius: 8px; }
#mcsd .mcsd-lights { width: 100%; border-collapse: collapse; font-size: 14px; }
#mcsd .mcsd-lights td, #mcsd .mcsd-lights th { padding: 3px 6px; border-bottom: 1px solid var(--mcdp-line); text-align: left; }
#mcsd .mcsd-lights .n { text-align: right; font-variant-numeric: tabular-nums; }