/* The walking robot (Tesla Mars, from SCRUMARA): he walks along the bottom of every page. Nobody talks with him and he
   cannot be clicked: the layer lets every click through to the page underneath. */
.sc-robot-stage { position: fixed; left: 0; right: 0; bottom: 0; height: 300px; z-index: 900; pointer-events: none; }
.sc-robot-stage canvas { width: 100% !important; height: 100% !important; display: block; }
@media (max-width: 640px) { .sc-robot-stage { height: 220px; } }
.sc-robot.is-nogl { display: none; }
@media print { .sc-robot { display: none !important; } }

/* the switch in the sticky header */
.robot-toggle { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px 0 9px; border-radius: 999px; cursor: pointer;
    border: 1px solid rgba(227, 197, 125, .7); background: rgba(8, 26, 51, .88); color: #e3c57d; font: 700 .8rem "Source Sans 3", system-ui, sans-serif; letter-spacing: .06em; box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .6); backdrop-filter: blur(4px); }
.robot-toggle > svg { width: 18px; height: 18px; }
.robot-toggle-switch { position: relative; width: 30px; height: 17px; border-radius: 999px; background: #e3c57d; transition: background .2s; }
.robot-toggle-switch::after { content: ""; position: absolute; top: 2px; left: 15px; width: 13px; height: 13px; border-radius: 50%; background: #081a33; transition: left .2s; }
.robot-off .robot-toggle-switch { background: rgba(255, 255, 255, .25); }
.robot-off .robot-toggle-switch::after { left: 2px; background: #fff; }
.robot-off .sc-robot { display: none; }
html.mag-open .robot-toggle { display: none; }
@media (max-width: 1000px) {
    .robot-toggle > svg, .robot-toggle-label { display: none; }
}
@media (max-width: 600px) {
    .site-header .brand-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media print { .robot-toggle { display: none !important; } }