/* Swirlwise day / dark switch (03.11.2026), loaded with theme_switch.js on the learner-host pages outside the 0606 lesson
   build. The look of the 0606 header toggle (a 34 px round button, moon or sun). No colour values of its own: the page's
   system colours, which follow color-scheme, so the button reads on every page's own paper. The color-scheme lines make
   form controls and scrollbars follow the switch on pages whose own CSS only knows the device setting. */
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
.sw-themebtn{font:inherit;font-size:1.1em;line-height:1;border:2px solid GrayText;background:Canvas;color:CanvasText;border-radius:50%;
  width:34px;height:34px;min-width:34px;padding:0;margin:0;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.sw-themebtn:focus-visible{outline:3px solid Highlight;outline-offset:2px}
.sw-themebtn-end{margin-left:auto;align-self:center}
.sw-themebtn-float{float:right;margin:4px 0 4px 10px}
.sw-themebtn-corner{position:absolute;top:10px;right:12px;z-index:50}
.sw-themebtn-host{position:relative;padding-right:46px}
.sw-themebtn-host>.sw-themebtn-corner{top:6px;right:0}
@media print{.sw-themebtn{display:none}}