/* Roosvenster: page-specific tokens and layout, all scoped under #mcrv. */
#mcrv {
  --mcrv-tracery: #cdbf9c;
  --mcrv-tracery-lo: #9a8d6c;
  --mcrv-glass: #5d86c9;
  --mcrv-glass2: #c4574c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcrv { --mcrv-tracery: #b3a685; --mcrv-tracery-lo: #7e7357; --mcrv-glass: #4f74b3; --mcrv-glass2: #b0493f; }
}
:root[data-theme="dark"] #mcrv { --mcrv-tracery: #b3a685; --mcrv-tracery-lo: #7e7357; --mcrv-glass: #4f74b3; --mcrv-glass2: #b0493f; }

#mcrv .mcrv-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; }
#mcrv .mcrv-sum { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--mcdp-muted); }
#mcrv .mcrv-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
@container (max-width: 760px) { #mcrv .mcrv-two { grid-template-columns: minmax(0, 1fr); } }
#mcrv .mcdp-r { border: 1px solid rgba(0, 0, 0, 0.12); }
#mcrv .mcrv-layer-box { padding: 8px 12px; }