.transition-information-banner {
  position: relative;
  z-index: 3;
  width: min(1180px, calc(100% - 32px));
  margin: 18px auto;
  padding: 14px 18px;
  border: 1px solid rgba(143, 213, 0, 0.52);
  border-left: 5px solid #8fd500;
  border-radius: 10px;
  color: #172016;
  background: #f5faec;
  box-shadow: 0 8px 28px rgba(17, 29, 15, 0.08);
  font: 600 clamp(0.86rem, 1.3vw, 0.98rem)/1.55 Arial, sans-serif;
  overflow-wrap: anywhere;
}

.transition-information-banner p { max-width: none; margin: 0; color: inherit; }

@media (max-width: 520px) {
  .transition-information-banner {
    width: calc(100% - 20px);
    margin: 10px auto;
    padding: 11px 12px;
    border-left-width: 4px;
    border-radius: 8px;
    font-size: 0.82rem;
    line-height: 1.45;
  }
}