.ai-illustration { position:relative; width:100%; }
.ai-illustration picture,.ai-illustration img { display:block; width:100%; height:auto; }
.ai-illustration .ai-info-button {
  position:absolute; right:max(22px,var(--ai-right)); bottom:max(22px,var(--ai-bottom));
  transform:translate(50%,50%); width:max(44px,5.5%); height:auto; aspect-ratio:1;
  min-width:44px; min-height:44px; max-width:none; margin:0; padding:0;
  border:0; border-radius:50%; background:transparent; color:inherit;
  box-shadow:none; cursor:pointer;
}
.ai-illustration .ai-info-button:hover { background:transparent; outline:2px solid #00756F; outline-offset:2px; }
.ai-illustration .ai-info-button:focus-visible { outline:3px solid #00756F; outline-offset:3px; }
.ai-illustration .ai-info-panel {
  position:absolute; z-index:2; right:0; bottom:calc(var(--ai-bottom) + 40px);
  box-sizing:border-box; width:300px; max-width:100%; padding:14px 18px;
  background:#fff; color:#16383B; border:1px solid #748985; border-radius:8px;
  box-shadow:0 4px 16px #16383b20; font-size:15px; line-height:1.5;
  text-align:left; overflow-wrap:anywhere;
}
.ai-illustration [hidden] { display:none; }