/* Warm white, neutral supporting surfaces, vermilion at the point of connection. */
:root{--paper:#fdfcf9;--ink:#2c2926;--accent:#f47652;--wash:#f0efeb;--muted:#706d68;--rule:#dedcd6}
.site-header .talk{border-color:#c9c6bf}.site-link{border-color:#bcb9b2}.challenge-shell input::placeholder{color:var(--muted)}.challenge-shell button:hover{background:#fb8866}.connection:before{background:#ccc9c2}.connection-middle .micro,.insight-label{color:var(--muted)}.scene-art-header{border-color:var(--rule)}.gridline{stroke:#dedcd6}.chart-line{stroke:#77746e}.chart-line.secondary{stroke:#b5b2ab}.chart circle{stroke:#77746e}
/* The detached X is the hero's primary color accent. */
.highlight-word:after{display:none}
.hero-copy .overline i{background:var(--ink)}
.input-mark .mark-piece{fill:var(--ink)}
/* Repeat the cut and the small orange piece without large orange panels. */
.connection>div.connection-middle{background:var(--paper)}
.connection .mini-piece,.insight .mini-piece{display:block;position:absolute;right:0;bottom:0;width:18px;height:24px;background:var(--accent);clip-path:polygon(0 0,45% 0,100% 100%,55% 100%)}
.insight{background:var(--paper)}
.insight strong{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}