/* Information uses the VLO palette, independently of the entity's action colour. */
:root{--vlo-help-bg:#E8F7F6;--vlo-help-ink:#182229;--vlo-help-accent:#15ADAA}
body :is(button.info-tip,button.info-dot,button.term-info,button.editor-action-help,button.exercise-photo-button){
  display:inline-grid;place-items:center;flex-shrink:0;
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  padding:0!important;border:1px solid var(--vlo-help-accent)!important;border-radius:50%!important;
  background:var(--vlo-help-bg)!important;color:var(--vlo-help-ink)!important;
  font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important;
  vertical-align:middle;cursor:pointer;box-shadow:none!important;
}
body :is(button.info-tip,button.info-dot,button.term-info,button.editor-action-help,button.exercise-photo-button):is(:hover,[aria-expanded=true]){background:#d1efed!important}
body .info-popover{
  max-width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;
  padding:16px;border:1px solid var(--vlo-help-accent);border-radius:14px;
  background:var(--vlo-help-bg);color:var(--vlo-help-ink);
  font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;
  white-space:pre-line;box-shadow:0 5px 16px #1822291a;
}
body :is(.vlo-info-dialog,.term-info-overlay>article,.block-info-card,.term-help,.objective-advice){
  background:var(--vlo-help-bg);color:var(--vlo-help-ink);border:1px solid var(--vlo-help-accent);border-radius:18px;
}
body .vlo-info-dialog{width:min(760px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto;box-sizing:border-box}
.vlo-info-dialog::backdrop{background:#18222966}
.vlo-info-dialog .vlo-help-content>:first-child{margin-top:0}
.vlo-info-dialog :is(h2,h3){padding-right:38px;color:var(--vlo-help-ink)}
.vlo-info-dialog :is(p,td,li,.muted,.intensity-method-note),.term-info-overlay p{color:var(--vlo-help-ink);font-weight:400;line-height:1.5}
.vlo-info-dialog :is(table,th,td,.role-guide details,.role-guide summary){background:var(--vlo-help-bg);color:var(--vlo-help-ink)}
.vlo-info-dialog .table-wrap{max-width:100%;overflow:auto}
body .vlo-help-close{position:absolute;z-index:2;right:10px;top:10px;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:9px;background:var(--vlo-help-bg);color:var(--vlo-help-ink)}
body .block-info-fields>div{background:var(--vlo-help-bg);color:var(--vlo-help-ink)}
@media(max-width:700px){body .vlo-info-dialog{position:fixed;left:12px;right:auto;top:max(12px,env(safe-area-inset-top));margin:0;padding:18px}.vlo-info-dialog .exercise-info{display:block}.vlo-info-dialog .exercise-visual{max-width:100%}}
@media(pointer:coarse){body :is(button.info-tip,button.info-dot,button.term-info,button.editor-action-help,button.exercise-photo-button){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}body .vlo-help-close{width:44px;height:44px}}