/* Header styling */
.md-header {
	background-color: var(--md-primary-fg-color);
	color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  /* Top banner styling (Sign up banner) */
  .top-banner {
	background-color: #FC764C;
	color: white;
	text-align: center;
	padding: 8px 16px;
	font-size: 14px;
	position: relative;
  }

  .top-banner a {
	color: white;
	font-weight: 600;
	text-decoration: none;
  }

  .top-banner .close-button {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 18px;
  }

  /* Navigation styling */
  .md-tabs {
	background-color: var(--md-primary-fg-color);
	color: #FFFFFF;
  }

  .md-tabs__link {
	opacity: 0.9;
	font-weight: 500;
  }

  .md-tabs__link--active,
  .md-tabs__link:hover {
	opacity: 1;
  }