/* A shared white canvas lets publication figures retain their exact field colours. */
:root{--paper:#fff}
.site-header{background:#fffffff0}
.scroll-chapter-nav{background:#fffffff5}
.cover-art::after{background:linear-gradient(90deg,var(--paper) 0%,#ffffffb8 20%,#ffffff21 70%),linear-gradient(0deg,var(--paper) 0%,#ffffff00 16%,#ffffff00 80%,var(--paper) 100%)}
.method-backdrop::before{background:linear-gradient(180deg,#ffffff00 28%,#ffffffe8 62%,#fffffffa 100%)}
.method-backdrop::after{background:linear-gradient(135deg,#ffffffdd 0%,#ffffff5c 60%,#ffffff66 100%)}
.recording{background:#fff;border-color:#e7e5eb;box-shadow:none}
.recording-image{background:#fff;padding:10px}
.recording-options,.recording-bar{background:#f7f7f9}
.recording-options{border-bottom:0}
.recording-bar{border-top:0}
.study-figure{background:transparent;box-shadow:none}
.study-figure figcaption{background:transparent}
.study-key-visual,.route-visual,.model-feature-art,.case-study-art,.research-feature-art{background:transparent}
.evidence-media{background:#fff}
.evidence-media-footer,.atomic-twin-figure figcaption,.void-controls{background:#f7f7f9}
.void-explorer{background:#fff}
.void-explorer svg>rect{fill:#fff}
.void-explorer svg>g[stroke="white"]{stroke:#e8e8ed}
.contour-legend{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin:27px 0 2px;font-size:12px;line-height:1.8;color:var(--muted)}
.contour-legend>span{display:inline-flex;align-items:center;gap:9px}
.contour-legend i{display:inline-block;width:24px;border-top:2px solid #646872}
.contour-legend .contour-current{border-color:#6940ab}
.void-regimes .recording{border:0;background:transparent}
.void-regimes .recording-image{padding:0;background:#fff}
.void-regimes .recording-bar{border-radius:12px;padding:12px 14px;background:#f7f7f9}
.void-regimes .recording-bar p{font-size:11px}
/* This source scene needs its dark canvas for bright dislocation geometry. */
[data-recording-name="numerics-ddd"] .recording-image{background:#000;padding:0}
@media(max-width:800px){.cover-art::after{background:linear-gradient(90deg,var(--paper),#ffffff99 40%,#ffffff32 85%),linear-gradient(0deg,var(--paper),#ffffff00 40%,var(--paper))}}
@media(max-width:520px){.cover-art::after{background:linear-gradient(90deg,#ffffffc4,#ffffff61),linear-gradient(0deg,var(--paper),#ffffff00 30%,#ffffff00 50%,var(--paper) 100%)}.recording-image{padding:6px}.contour-legend{font-size:11px;margin-top:22px;gap:12px 22px}}