/* Keep the Holidays page shell neutral when the shared V3 utility rules are loaded. */
.holidays-hub-page.today-v3-page {
  background: #fff;
  color: var(--v3-text-primary);
}

.holidays-hub-page.today-v3-page .v3-header {
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 max(28px, calc((100% - 1004px) / 2));
  background: #fff;
  color: #17151f;
  border: 0;
  border-bottom: 1px solid #eceaf1;
  border-radius: 0;
  box-shadow: none;
}

.holidays-hub-page.today-v3-page .v3-brand,
.holidays-hub-page.today-v3-page .v3-header nav a {
  color: #17151f;
}

.holidays-hub-page.today-v3-page .v3-header nav a:hover {
  color: #6d28d9;
  background: #f3eefc;
}

.holidays-hub-page.today-v3-page .v3-header nav a.is-active {
  color: #6d28d9;
  background: #eee8fa;
}

/* Typography parity: the active item changes color/background only. */
.holidays-hub-page.today-v3-page .v3-brand {
  font-family: var(--v3-body);
  font-weight: 700;
}

.holidays-hub-page.today-v3-page .v3-header nav a {
  font-family: var(--v3-body);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
}

.holidays-hub-page.today-v3-page .v3-header nav a.is-active {
  font-weight: 600;
}

.holidays-hub-page.today-v3-page .v3-date-tool {
  font-family: var(--v3-body);
  font-size: 18px;
  font-weight: 700;
}

.holidays-hub-page.today-v3-page .v3-search {
  font-family: var(--v3-body);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}