/* PopUP_CMS utils — always linked when present; themes override the vars.
 * Image sizing + alignment are CLASSES (never inline styles): the editor
 * adds/removes them, CSS decides what they mean per site. */
:root {
  --pu-small: 200px;
  --pu-medium: 400px;
  --pu-big: 800px;
}
img.pu-size-small    { max-width: var(--pu-small);   height: auto; }
img.pu-size-medium   { max-width: var(--pu-medium);  height: auto; }
img.pu-size-big      { max-width: var(--pu-big);     height: auto; }
img.pu-size-original { max-width: 100%;              height: auto; }
.pu-align-left   { float: left;   margin: 5px 15px 15px 0; }
.pu-align-right  { float: right;  margin: 5px 0 15px 15px; }
.pu-align-center { float: none;   display: block; margin: 15px auto; }