/* Arabische bouw: page-specific tokens and parts, scoped under #mcar. */
#mcar { --ar-glass: #9fcbd8; --ar-water: #3f76e4; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcar { --ar-glass: #6fa3b3; --ar-water: #4f7fd8; }
}
:root[data-theme="dark"] #mcar { --ar-glass: #6fa3b3; --ar-water: #4f7fd8; }
#mcar .ar-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; margin: 0; }
#mcar .ar-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px 12px; }
#mcar .ar-group { font-size: 13px; font-weight: 700; color: var(--mcdp-ink); border-top: 1px solid var(--mcdp-line); padding-top: 14px; margin: 0; }
#mcar p.ar-warn { color: var(--mcdp-mark); }
#mcar .ar-viewseg { min-width: 260px; }
#mcar-history h3 { margin: 18px 0 6px; }
#mcar-history ul { margin: 6px 0 0; }
#mcar-how .calc-block { overflow-x: auto; }