.tw-celebrations {
  --tw-celebrate-ink: #263b31;
  --tw-celebrate-accent: #2d5016;
  --tw-celebrate-warm: #e07a5f;
  margin: 0 0 12px;
  padding: 12px 15px 11px;
  color: var(--tw-celebrate-ink);
  background: linear-gradient(110deg, #f1f6e9 0%, #fbf5ed 100%);
  border: 1px solid rgba(45, 80, 22, .14);
  border-left: 3px solid var(--tw-celebrate-accent);
  border-radius: 11px;
  animation: tw-celebration-in .42s ease-out both;
}
.tw-celebrations-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.tw-celebrations-mark {
  position: relative;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  border: 1px solid rgba(45, 80, 22, .24);
  border-radius: 7px;
  background: rgba(255,255,255,.7);
}
.tw-celebrations-mark::before,
.tw-celebrations-mark::after { content: ""; position: absolute; background: var(--tw-celebrate-warm); border-radius: 2px; }
.tw-celebrations-mark::before { width: 2px; height: 12px; left: 10px; top: 5px; }
.tw-celebrations-mark::after { height: 2px; width: 12px; left: 5px; top: 10px; }
.tw-celebrations-title { font-size: 12px; font-weight: 750; letter-spacing: -.01em; color: var(--tw-celebrate-accent); line-height: 1.25; }
.tw-celebrations-intro { margin-top: 1px; color: #77766c; font-size: 10.5px; line-height: 1.3; }
.tw-celebrations-list { display: grid; gap: 4px; }
.tw-celebration-row { display: flex; align-items: flex-start; gap: 9px; padding-top: 6px; border-top: 1px solid rgba(45, 80, 22, .09); }
.tw-celebration-rule { width: 5px; height: 5px; margin-top: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--tw-celebrate-warm); }
.tw-celebration-copy { min-width: 0; font-size: 12px; line-height: 1.4; color: #536052; overflow-wrap: anywhere; }
.tw-celebration-copy strong { color: #263b31; font-weight: 700; }
.tw-celebration-congrats { display: block; margin-top: 1px; color: #858276; font-size: 10.5px; }
@keyframes tw-celebration-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .tw-celebrations { animation: none; }
}
@media (max-width: 480px) {
  .tw-celebrations { padding: 10px 12px; }
}