/* shared typography — matches the rest of the suite */
.psm2{font-family:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:400;letter-spacing:-.05em}
.psm2 *{font-family:inherit;letter-spacing:inherit;box-sizing:border-box}

.psm2-wrap{display:flex}
.psm2{--sm-bg:#f1ebfb;--sm-ink:#3b2a63;--sm-track-off:#cfc4e6;
  --sm-track-on:var(--ps-purple,#6F00FF);--sm-knob:#fff;--sm-size:22px;--sm-pad:8px;
  display:inline-flex;align-items:center;gap:12px;
  background:var(--sm-bg)!important;color:var(--sm-ink)!important;
  border:0;border-radius:99px;cursor:pointer;appearance:none;box-shadow:none;margin:0;
  padding:var(--sm-pad) calc(var(--sm-pad) + 6px);
  font:inherit;text-transform:none;transition:background .15s}
.psm2:hover{filter:brightness(.97)}
.psm2:focus-visible{outline:2px solid var(--sm-track-on);outline-offset:2px}

.psm2-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  line-height:1;white-space:nowrap}

.psm2-switch{position:relative;flex:0 0 auto;
  width:calc(var(--sm-size) * 1.85);height:var(--sm-size);
  border-radius:99px;background:var(--sm-track-off);transition:background .2s ease}
.psm2.is-on .psm2-switch{background:var(--sm-track-on)}
.psm2-knob{position:absolute;top:2px;left:2px;
  width:calc(var(--sm-size) - 4px);height:calc(var(--sm-size) - 4px);
  border-radius:50%;background:var(--sm-knob);
  transition:transform .2s cubic-bezier(.3,.8,.4,1)}
.psm2.is-on .psm2-knob{transform:translateX(calc(var(--sm-size) * .85))}

/* what the toggle hides */
.sm-hidden{display:none!important}
/* hidden from the off, so nothing flashes before the toggle initialises */
.studymode{display:none}
.studymode.sm-shown{display:revert}

@media(prefers-reduced-motion:reduce){
  .psm2-knob,.psm2-switch{transition:none}
}