#externalOfficeReviewBanner {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 2147483647;
  min-height: 44px;
  padding: 12px 16px;
  box-sizing: border-box;
  background: #7f1d1d;
  color: #fff;
  text-align: center;
  font: 800 13px/1.35 system-ui, sans-serif;
  letter-spacing: .08em;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

body { padding-top: 44px !important; box-sizing: border-box; }

#externalOfficeReviewPlaceholders {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483646;
  max-width: min(420px, calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  background: rgba(255, 251, 235, .97);
  color: #78350f;
  font: 600 11px/1.45 system-ui, sans-serif;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

#externalOfficeReviewPlaceholders strong,
#externalOfficeReviewPlaceholders span { display: block; }

@media (max-width: 640px) {
  #externalOfficeReviewBanner { min-height: 54px; padding: 10px 12px; font-size: 11px; }
  body { padding-top: 54px !important; }
  #externalOfficeReviewPlaceholders { font-size: 10px; }
}