/* Keep the shared Mineralis card typography isolated from the workbench theme. */
#mineralis-gate .gate-how .hiw-head h2{font-size:18px!important;color:#1f2937;line-height:1.4;letter-spacing:-.01em;margin:0}
#mineralis-gate .gate-how .hiw-copy p{font-size:14px;color:#4b5563;max-width:none;margin:0;line-height:1.55}
#mineralis-gate .gate-how .hiw-copy h3{font-size:16.5px;margin:0 0 7px;color:#1f2937}
#mineralis-gate .gate-how{padding:0;color:#1f2937}.hiw-copy{min-height:126px}.hiw-overlay{z-index:150}
.hiw-head h2{font-size:18px;line-height:1.4}.hiw-foot .hiw-dot{border:0;box-shadow:none}.hiw-stage svg{font-family:Arial,Helvetica,sans-serif}
.digiearth-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}#gate-title{display:flex;align-items:center;gap:10px}.brand .digiearth-logo{width:28px;height:28px}.brand{gap:9px}.mineralis-topbar summary .digiearth-logo{width:22px;height:22px;vertical-align:middle;margin-right:7px}
@media(max-width:560px){.hiw-head,.hiw-copy,.hiw-foot{padding-left:16px;padding-right:16px}.hiw-dots{gap:6px}.hiw-btn{padding:8px 10px}.hiw-copy{min-height:150px}}

#mineralis-gate .gate-layout{flex-shrink:0}

/* The same animated cast appears in every Ionos card, including the dialog. */
.ionos-guide-stage .ionos-character{transform-box:fill-box;transform-origin:center bottom;animation:ionos-bob 2.7s ease-in-out infinite}
.ionos-guide-stage .ionos-character-magnetic{animation-name:ionos-sway;animation-duration:3.2s;animation-delay:-1s}
.ionos-guide-stage .ionos-character-poynting{animation-name:ionos-point;animation-duration:2.5s;animation-delay:-.6s}
.ionos-guide-stage .ionos-data-ring{animation:ionos-ring 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hiw-card[data-motion=paused] .ionos-guide-stage *{animation-play-state:paused}
.hiw-card .hiw-icon-playback{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:8px}
.hiw-icon-playback svg{display:block}.hiw-icon-playback:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@keyframes ionos-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes ionos-sway{0%,100%{transform:rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}
@keyframes ionos-point{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes ionos-ring{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.ionos-guide-stage *{animation:none!important}}