/* Generated by scripts/tools/dark_legacy.py from css/legacy/product-mr4.css; do not edit by hand.
   Dark-mode overrides: colours mapped to the dark tokens, selectors prefixed with the theme attribute
   (adds (0,2,0), so each beats its light original). Explicit Dark first, then System. */
:root[data-theme="dark"] .product-page .mr4-page{color:var(--ink);background:var(--surface);border:1px solid var(--line)}
:root[data-theme="dark"] .product-page .mr4-center{color:var(--ink);background:var(--surface)}
:root[data-theme="dark"] .product-page .mr4-chip{color:var(--ink);background:var(--surface)}
:root[data-theme="dark"] .product-page .mr4-stats{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .product-page .mr4-stat{border-right:1px solid var(--line)}
:root[data-theme="dark"] .product-page .mr4-stat strong{color:var(--ink)}
:root[data-theme="dark"] .product-page .mr4-stat span{color:var(--muted)}
:root[data-theme="dark"] .product-page .mr4-nav{background:var(--ground);border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .product-page .mr4-nav a{color:var(--ink);background:var(--mint)}
:root[data-theme="dark"] .product-page .mr4-section-title{color:var(--ink)}
:root[data-theme="dark"] .product-page .mr4-list{border:1px solid var(--line);background:linear-gradient(135deg,var(--ground),var(--mint))}
:root[data-theme="dark"] .product-page .mr4-image-card{border:1px solid var(--line);background:var(--surface)}
:root[data-theme="dark"] .product-page .mr4-image-card figcaption{color:var(--muted)}
:root[data-theme="dark"] .product-page .mr4-callout{border-left:5px solid #118878;background:var(--mint)}
:root[data-theme="dark"] .product-page .mr4-three-card{border:1px solid var(--line);background:var(--surface)}
:root[data-theme="dark"] .product-page .mr4-three-card h3{color:var(--ink)}
@media only screen and (max-width:760px){:root[data-theme="dark"] .product-page .mr4-stat{border-right:0;border-bottom:1px solid var(--line)}}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .product-page .mr4-page{color:var(--ink);background:var(--surface);border:1px solid var(--line)}
:root:not([data-theme="light"]) .product-page .mr4-center{color:var(--ink);background:var(--surface)}
:root:not([data-theme="light"]) .product-page .mr4-chip{color:var(--ink);background:var(--surface)}
:root:not([data-theme="light"]) .product-page .mr4-stats{border-bottom:1px solid var(--line)}
:root:not([data-theme="light"]) .product-page .mr4-stat{border-right:1px solid var(--line)}
:root:not([data-theme="light"]) .product-page .mr4-stat strong{color:var(--ink)}
:root:not([data-theme="light"]) .product-page .mr4-stat span{color:var(--muted)}
:root:not([data-theme="light"]) .product-page .mr4-nav{background:var(--ground);border-bottom:1px solid var(--line)}
:root:not([data-theme="light"]) .product-page .mr4-nav a{color:var(--ink);background:var(--mint)}
:root:not([data-theme="light"]) .product-page .mr4-section-title{color:var(--ink)}
:root:not([data-theme="light"]) .product-page .mr4-list{border:1px solid var(--line);background:linear-gradient(135deg,var(--ground),var(--mint))}
:root:not([data-theme="light"]) .product-page .mr4-image-card{border:1px solid var(--line);background:var(--surface)}
:root:not([data-theme="light"]) .product-page .mr4-image-card figcaption{color:var(--muted)}
:root:not([data-theme="light"]) .product-page .mr4-callout{border-left:5px solid #118878;background:var(--mint)}
:root:not([data-theme="light"]) .product-page .mr4-three-card{border:1px solid var(--line);background:var(--surface)}
:root:not([data-theme="light"]) .product-page .mr4-three-card h3{color:var(--ink)}
@media only screen and (max-width:760px){:root:not([data-theme="light"]) .product-page .mr4-stat{border-right:0;border-bottom:1px solid var(--line)}}
}