@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600&family=Roboto+Condensed:wght@400;500;600;700&display=swap');

/* Isolated portfolio excerpt: do not reskin the surrounding portfolio page.
   The palette is sampled from the BSMC screenshot supplied 2026-09-30. */
.brown-street-maker-case-study .case-study-calendar {
  max-width: var(--content-max, 1184px);
  margin-right: auto;
  margin-left: auto;
  padding: clamp(24px, 4vw, 48px) var(--page-padding, 24px);
  background: #f8f5ea;
  scroll-margin-top: 100px;
}
bsmc-calendar-demo { display: block; min-width: 0; }
bsmc-calendar-demo .calendar-fallback {
  padding: 24px;
  background: #f8f5ea;
  color: #000;
  font-family: 'Crimson Pro', Georgia, serif;
}
bsmc-calendar-demo .calendar-fallback h2 {
  font-size: 42px;
  font-weight: 400;
}
bsmc-calendar-demo .calendar-fallback p { color: #6f6f6f; font-size: 16px; }
bsmc-calendar-demo .calendar-fallback ul { list-style: none; padding: 0; }
bsmc-calendar-demo .calendar-fallback li {
  margin: 18px 0;
  padding: 22px;
  background: #fff;
  border: 1px solid #e6e1d2;
  border-radius: 6px;
  font-size: 22px;
}
@media (max-width: 500px) {
  .brown-street-maker-case-study .case-study-calendar { padding: 14px 6px; }
}