/* mi-ui.css — Munden Interactive site-wide UI: sound toggle, space hint, gloss-letter fix (Web Design bot) */
#miMuteBtn{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:2147483000;
  width:44px;height:44px;border-radius:50%;border:2px solid rgba(144,202,249,.75);cursor:pointer;color:#fff;display:grid;place-items:center;padding:0;margin:0;
  background:linear-gradient(180deg,#64B5F6 0%,#1E88E5 50%,#1565C0 51%,#0D47A1 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 rgba(0,0,0,.3),0 6px 14px rgba(0,0,0,.35);transition:transform .12s,filter .2s;-webkit-tap-highlight-color:transparent}
#miMuteBtn.mi-left{right:auto;left:calc(16px + env(safe-area-inset-left))}
#miMuteBtn:hover{filter:brightness(1.12)}
#miMuteBtn:active{transform:translateY(2px)}
#miMuteBtn:focus{outline:none}
#miMuteBtn:focus-visible{outline:3px solid #FFD54F;outline-offset:3px}
#miMuteBtn svg{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45));pointer-events:none}
#miMuteBtn .mi-off{display:none}
#miMuteBtn[aria-pressed="true"]{border-color:rgba(239,154,154,.85);background:linear-gradient(180deg,#EF9A9A 0%,#E53935 50%,#C62828 51%,#8E0000 100%)}
#miMuteBtn[aria-pressed="true"] .mi-on{display:none}
#miMuteBtn[aria-pressed="true"] .mi-off{display:block}
@media print{#miMuteBtn{display:none}}

/* Per-letter gloss headings (opt-in: <h1 class="mi-gloss"> with each letter in <span class="ch">).
   Gradient + shadow are painted per letter, never with background-clip:text on the parent of
   transformed letters (that leaks a gradient box and lets text-shadow cover the fill). */
.mi-gloss{background:none!important;text-shadow:none!important}
.mi-gloss .ch{display:inline-block;background:linear-gradient(180deg,#fff 0%,#fff 48%,#BBDEFB 52%,#90CAF9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 .04em 0 #0D47A1) drop-shadow(0 .04em 0 rgba(0,0,0,.35)) drop-shadow(0 0 .15em rgba(144,202,249,.55))}
.mi-gloss.warm .ch{background-image:linear-gradient(180deg,#fff 0%,#fff 48%,#FFE0B2 52%,#FFB74D 100%);
  filter:drop-shadow(0 .04em 0 #BF360C) drop-shadow(0 .04em 0 rgba(0,0,0,.35)) drop-shadow(0 0 .15em rgba(255,171,64,.6))}