/* DDLA Verbum 0.8 · Critical bootstrap only */
.ddla-verbum-bootstrap {
  display:block;
  width:100%;
  margin:2rem 0 0;
  contain:layout paint style;
  content-visibility:auto;
  contain-intrinsic-size:auto 112px;
}
.ddla-verbum-bootstrap__surface {
  display:flex;
  align-items:center;
  gap:.8rem;
  min-height:88px;
  padding:1rem 1.1rem;
  border:1px solid rgba(216,183,106,.16);
  background:rgba(5,12,25,.34);
  color:#d9e2f2;
  box-sizing:border-box;
}
.ddla-verbum-bootstrap__mark {
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid rgba(216,183,106,.28);
  color:#d8b76a;
  font:600 17px/1 Georgia,serif;
}
.ddla-verbum-bootstrap__surface div { min-width:0; }
.ddla-verbum-bootstrap__surface strong { display:block; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.ddla-verbum-bootstrap__surface p { margin:.2rem 0 0; color:#8f9bb0; font-size:.72rem; }
.ddla-verbum-bootstrap__spinner {
  width:18px;
  height:18px;
  margin-left:auto;
  border:2px solid rgba(255,255,255,.10);
  border-top-color:#4d79ff;
  border-radius:50%;
  animation:ddla-verbum-bootstrap-spin .8s linear infinite;
}
.ddla-verbum-bootstrap[data-verbum-state="error"] .ddla-verbum-bootstrap__spinner { display:none; }
.ddla-verbum-bootstrap[data-verbum-state="error"] .ddla-verbum-bootstrap__surface { border-color:rgba(220,90,90,.3); }
@keyframes ddla-verbum-bootstrap-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .ddla-verbum-bootstrap__spinner { animation:none; } }