/* <team-upcoming-events>: three cards in a row (stacked on phones). Barn Red date tile, Egg Shell card. */
:is(#bootstrap-theme, body) .team-up { font-family: inherit; margin: 0 0 1rem; }
:is(#bootstrap-theme, body) .team-up-cards {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin: 0 0 1.25rem;
}
:is(#bootstrap-theme, body) .team-up-card {
  display: flex; gap: 0.9rem; align-items: flex-start; padding: 1rem; border-radius: 6px;
  background: #fbf3ea; border: 1px solid #eadfd2; color: #1d1d1d; text-decoration: none;
  transition: box-shadow 0.15s, transform 0.15s;
}
:is(#bootstrap-theme, body) .team-up-card:hover,
:is(#bootstrap-theme, body) .team-up-card:focus-visible { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); transform: translateY(-1px); }
:is(#bootstrap-theme, body) .team-up-card:focus-visible { outline: 2px solid #a72123; outline-offset: 2px; }
:is(#bootstrap-theme, body) .team-up-date {
  flex: 0 0 3.6rem; display: flex; flex-direction: column; align-items: center; padding: 0.4rem 0;
  background: #a72123; color: #fff; border-radius: 4px; line-height: 1.1; text-align: center;
}
:is(#bootstrap-theme, body) .team-up-mon { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
:is(#bootstrap-theme, body) .team-up-day {
  font-family: var(--wp--preset--font-family--francois-one), sans-serif; font-size: 1.8rem; line-height: 1.1;
}
:is(#bootstrap-theme, body) .team-up-dow { font-size: 0.75rem; opacity: 0.9; }
:is(#bootstrap-theme, body) .team-up-body { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
:is(#bootstrap-theme, body) .team-up-body .team-ev-type { align-self: flex-start; margin-bottom: 0.25rem; }
:is(#bootstrap-theme, body) .team-up-title {
  font-family: var(--wp--preset--font-family--francois-one), sans-serif; color: #a72123; font-size: 1.2rem; line-height: 1.25;
}
:is(#bootstrap-theme, body) .team-up-line { font-size: 0.9rem; color: #444; }
:is(#bootstrap-theme, body) .team-up-hosts { color: #6b5a52; }
:is(#bootstrap-theme, body) .team-up-more { text-align: center; margin: 0; }
:is(#bootstrap-theme, body) .team-up-empty { text-align: center; color: #555; }
:is(#bootstrap-theme, body) .team-up-body .team-ev-type { font-size: 0.68rem; letter-spacing: 0.5px; padding: 1px 6px; width: fit-content; max-width: 100%; }