/* Inline SVG uses the site's inherited font, without another font request. */
.hb-animated-figure{max-width:100%;margin:1.5rem 0;clear:both}
.hb-animated-figure .hb-explainer{width:100%;height:auto;display:block;overflow:hidden;border-radius:20px;font-family:inherit}
.hb-animated-figure .hb-explainer text{font-family:inherit}
.hb-animated-figure figcaption{line-height:1.6;color:#4a5672!important}
body.dark .hb-animated-figure figcaption{color:#d0d9e5!important}
.hb-illustration-trigger{box-sizing:border-box;display:block;width:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:20px;background:none!important;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;box-shadow:none}
.hb-illustration-trigger:focus-visible{outline:3px solid #1f2a44;outline-offset:4px}
body.dark .hb-illustration-trigger:focus-visible{outline-color:#eef1f5}
.hb-illustration-dialog>button{font:inherit;font-size:14px;line-height:1.4;min-height:44px;padding:8px 14px;border:1px solid #7a8cad;border-radius:10px;background:#eef1f5;color:#1f2a44;cursor:pointer}
.hb-illustration-dialog>button:focus-visible{outline:3px solid #1f2a44;outline-offset:3px}
.hb-illustration-dialog{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;max-height:92vh;padding:16px;border:0;border-radius:20px;background:#fbf8f6;color:#1f2a44;font-family:inherit}
.hb-illustration-dialog::backdrop{background:rgba(15,25,44,.78)}
.hb-illustration-dialog>button{display:block;margin:0 0 12px auto}
.hb-illustration-dialog .hb-illustration-large{overflow:auto;max-height:calc(92vh - 100px);outline-offset:-3px}
.hb-illustration-large svg{display:block;width:100%;min-width:760px;height:auto;font-family:inherit}
.hb-illustration-large svg text{font-family:inherit}
@keyframes hb-illustration-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes hb-illustration-glow{0%,100%{translate:0 0;scale:1;filter:brightness(1)}50%{translate:0 -10px;scale:1.08;filter:brightness(1.06)}}
@keyframes hb-illustration-signal{0%,100%{opacity:1}50%{opacity:.65}}
@keyframes hb-illustration-pulse{0%,100%{scale:1}50%{scale:1.07}}
.hb-animated-figure.hb-motion-ready .hb-f{animation:hb-illustration-float 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-f2{animation:hb-illustration-float 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-g{transform-box:fill-box;transform-origin:center;animation:hb-illustration-glow 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-m{animation:hb-illustration-signal 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-p{transform-box:fill-box;transform-origin:center;animation:hb-illustration-pulse 4s ease-in-out 1}
.hb-no-motion .hb-animated-figure *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hb-animated-figure *{animation:none!important}}
@media print{.hb-illustration-trigger{outline:none}.hb-animated-figure *{animation:none!important}}

@keyframes hb-sleep-sun{0%,100%{translate:0 0;rotate:0deg;scale:1}50%{translate:0 -10px;rotate:12deg;scale:1.04}}
@keyframes hb-sleep-moon{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:-8deg}}
.hb-animated-figure.hb-motion-ready .hb-sleep-sun{transform-box:fill-box;transform-origin:center;animation:hb-sleep-sun 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-sleep-moon{transform-box:fill-box;transform-origin:center;animation:hb-sleep-moon 4s ease-in-out 1}
/* Keep preference/print overrides after every motion rule. */
@media(prefers-reduced-motion:reduce){.hb-animated-figure *{animation:none!important}}
@media print{.hb-animated-figure *{animation:none!important}}

@keyframes hb-audit-art{0%,100%{translate:0 0;scale:1}50%{translate:0 -12px;scale:1.07}}
@keyframes hb-audit-draw{0%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
.hb-animated-figure.hb-motion-ready .hb-audit-art{transform-box:fill-box;transform-origin:center;animation:hb-audit-art 4s ease-in-out 1}
.hb-animated-figure.hb-motion-ready .hb-audit-draw{stroke-dasharray:1;animation:hb-audit-draw 4s ease-in-out 1}
@media(prefers-reduced-motion:reduce){.hb-animated-figure *{animation:none!important}}
@media print{.hb-animated-figure *{animation:none!important}}