/* Kantelen- en ramenplanner: page-specific tokens and layout, all scoped under #mckt. */
#mckt {
  --mckt-window: #7fb6dc;
  --mckt-window-lo: #4f8bb5;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mckt { --mckt-window: #3f7aa3; --mckt-window-lo: #8cc3e8; }
}
:root[data-theme="dark"] #mckt { --mckt-window: #3f7aa3; --mckt-window-lo: #8cc3e8; }

#mckt .mckt-group { display: grid; gap: 20px; }
#mckt p.mckt-spread { margin-top: -4px; font-size: 14px; color: var(--mcdp-ink); max-width: 75ch; }
#mckt p.mckt-spread b { font-weight: 700; }
#mckt p.mckt-warn { color: var(--mcdp-mark); }