/* Historische tuinen: page-specific tokens (part colours) and layout, scoped under #mctn. Hex only: the 3D view shades them. */
#mctn {
  --mctn-grass: #6a9f3e;
  --mctn-path: #a39b88;
  --mctn-gravel: #8a8580;
  --mctn-hedge: #3f6f27;
  --mctn-flower: #c8402c;
  --mctn-flower2: #e3e8e0;
  --mctn-water: #3f76e4;
  --mctn-wall: #b8ad98;
  --mctn-tree: #2f5d22;
  --mctn-accent: #c9a24a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mctn {
    --mctn-grass: #5a8a34; --mctn-path: #8c8574; --mctn-gravel: #77726d; --mctn-hedge: #3a6524; --mctn-flower: #d0533e;
    --mctn-flower2: #c9cec6; --mctn-water: #4d86f0; --mctn-wall: #9e9482; --mctn-tree: #2c561f; --mctn-accent: #d6b25c;
  }
}
:root[data-theme="dark"] #mctn {
  --mctn-grass: #5a8a34; --mctn-path: #8c8574; --mctn-gravel: #77726d; --mctn-hedge: #3a6524; --mctn-flower: #d0533e;
  --mctn-flower2: #c9cec6; --mctn-water: #4d86f0; --mctn-wall: #9e9482; --mctn-tree: #2c561f; --mctn-accent: #d6b25c;
}

#mctn .mctn-plan { display: grid; gap: 10px; min-width: 0; }
#mctn .mctn-plan .mcdp-canvas-box { max-height: 90vh; }
#mctn .mctn-plan-head { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; }
#mctn .mctn-plan-head h3 { margin: 0; }
#mctn .mctn-seg-small span { padding: 5px 6px; font-size: 12px; }
#mctn .mctn-solution { min-width: 170px; }
#mctn .mctn-seed { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#mctn .mctn-seed input { width: 100%; }
#mctn p.mctn-note { color: var(--mcdp-mark); font-size: 14px; margin: 0; }
#mctn .mcdp-legend { flex-wrap: wrap; }
#mctn select:disabled { opacity: 0.55; }
.mctn-history h3 { margin-top: 18px; }
.mctn-history ul { margin-top: 6px; }