/*
 * Modern design refresh — new, more contemporary UI patterns, added
 * page-by-page as older sections get updated. Loaded after theme-rpc.css
 * and custom.css so its rules win the cascade without extra specificity
 * hacks. Keep additions here reusable (not page-specific) so future pages
 * can opt into the same look.
 */

/* Fix: theme-rpc.css's .article-single sets `background !important` and is
   declared after the .bg-* utility classes, so any bg-primary/bg-secondary-1/
   bg-secondary-2 color placed on an .article-single section is silently
   overridden. Restore the intended color when both classes are combined. */
.article-single.bg-primary {
  background: #136480 !important;
}
.article-single.bg-secondary-1 {
  background: #0b3c4d !important;
}
.article-single.bg-secondary-2 {
  background: #1a8bb3 !important;
}

/* Deep charcoal neutral — a dark callout option independent of the brand
   teal/navy, distinct from the footer's bg-secondary-1. */
.bg-ink {
  background-color: #1c1f22 !important;
}
.article-single.bg-ink {
  background: #1c1f22 !important;
}

/* Info card: soft shadow, tinted icon chip, rounded corners. */
.info-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 18px;
  padding: 40px;
  height: 100%;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.info-card:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.info-card .icon-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(19, 100, 128, 0.08);
  color: #136480;
  font-size: 24px;
  margin-bottom: 24px;
}
.info-card h3,
.info-card h4 {
  margin-bottom: 16px;
}
.info-card p {
  color: #777777;
  line-height: 1.8;
}
.info-card p:last-child {
  margin-bottom: 0;
}
.info-card .sub {
  display: block;
  color: #777777;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

.schedule-item {
  padding: 20px 0;
  border-top: 1px solid #ececec;
}
.schedule-item:first-of-type {
  border-top: none;
  padding-top: 0;
}
.schedule-item .time {
  font-family: "garvis-pro";
  font-weight: 600;
  font-size: 18px;
  color: #222222;
  letter-spacing: -0.02em;
}
.schedule-item p {
  color: #777777;
  margin: 6px 0 0;
}