/* Shared DARTGuardian Beori interaction — compact trigger plus speech bubble. */
.beori-inline,
.beori:has(.beori-button){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  vertical-align:middle!important;
  width:auto!important;
  min-height:0!important;
  margin:0 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.beori-inline::before,
.beori:has(.beori-button)::before{content:none!important}
.beori-button{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  border:2px solid #c98800!important;
  border-radius:50%!important;
  background:#f1a802!important;
  color:#a31b2a!important;
  font:900 19px/1 Arial,sans-serif!important;
  box-shadow:0 2px 6px #0002!important;
  cursor:pointer!important;
}
.beori-button:hover,
.beori-button:focus-visible{
  outline:3px solid #a31b2a38!important;
  outline-offset:3px!important;
}
.beori-toggle{display:none!important}
.beori-bubble,
.beori .bubble{
  position:absolute!important;
  z-index:100!important;
  top:calc(100% + 11px)!important;
  left:0!important;
  right:auto!important;
  width:300px!important;
  max-width:calc(100vw - 28px)!important;
  margin:0!important;
  padding:16px 34px 16px 17px!important;
  border:2px solid #f1a802!important;
  border-radius:17px!important;
  background:#fff9e8!important;
  color:#585857!important;
  box-shadow:0 12px 28px #0003!important;
  font:400 15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;
}
.beori-bubble[hidden],
.beori .bubble[hidden]{display:none!important}
.beori-bubble:not([hidden]),
.beori .bubble:not([hidden]){display:block!important}
.beori-bubble::before,
.beori .bubble::before{
  content:""!important;
  position:absolute!important;
  top:-9px!important;
  left:12px!important;
  width:15px!important;
  height:15px!important;
  border-top:2px solid #f1a802!important;
  border-left:2px solid #f1a802!important;
  background:#fff9e8!important;
  transform:rotate(45deg)!important;
}
.beori-bubble strong,
.beori .bubble strong{color:#a31b2a!important}
.beori-align-right .beori-bubble,
.beori-align-right .bubble{left:auto!important;right:0!important}
.beori-align-right .beori-bubble::before,
.beori-align-right .bubble::before{left:auto!important;right:12px!important}
.bubble-close{
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#a31b2a!important;
  font:700 22px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
@media(max-width:520px){
  .beori-bubble,.beori .bubble{
    position:fixed!important;
    top:auto!important;
    right:12px!important;
    bottom:74px!important;
    left:12px!important;
    width:auto!important;
    max-width:none!important;
  }
  .beori-bubble::before,.beori .bubble::before{display:none!important}
}