/* Atlas headers: neutral metadata, no decorative rainbow strip. */
.header::before { content: none !important; background: none !important; display: none !important; }
.header-tags .tag { background: #F1F3F4 !important; color: #3C4043 !important; }

/* Sequence color stays in the number badge; supporting cards remain neutral. */
.step { background: #fff !important; border: 1px solid #E8EAED !important; }
.tip { background: #F1F3F4 !important; border-left: 0 !important; border-radius: 8px !important; }
.tip .tip-label, .tip .tl { color: #3C4043 !important; }
.real { background: #F1F3F4 !important; color: #3C4043 !important; }

/* Keep the chosen mobile chapter label centered between the arrows. */
.snav-mob select { text-align: center !important; text-align-last: center !important; }

/* Signal paths use one quiet treatment; the current station alone uses the page's focus color. */
.chain-node { background: #F1F3F4 !important; color: #3C4043 !important; border-color: transparent !important; }
.chain-node.cn-here { background: #E8F0FE !important; color: #174EA6 !important; border-color: #1A73E8 !important; }
body:has(#gm-svg) .chain-node.cn-here { background: #E0F2F1 !important; color: #00695C !important; border-color: #00796B !important; }

/* Inputs and outputs are labelled by text and direction, not competing color panels. */
.io-card { background: #F1F3F4 !important; color: #202124 !important; box-shadow: none !important; }
.io-card .t, .io-card .label { color: #5F6368 !important; opacity: 1 !important; }
.io-emoji { display: none !important; }

@media (max-width: 600px) {
  .container, .card, .scene, .chain-row { min-width: 0; }
  .card { overflow-wrap: anywhere; }
  .fig-frame, .chart-wrap, .svg-wrap { max-width: 100%; overflow-x: auto; }
}