/* Shared TideView wordmark, matching the qualified PC navigation branding. */
.brand .tideview-wordmark {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: -.5px;
  line-height: 1.1;
}

:is(.site-header, .site-footer) .brand .tideview-wordmark .brand-tide {
  color: #f5f8ff;
  text-shadow: 0 0 6px rgba(70, 125, 255, .55);
}

:is(.site-header, .site-footer) .brand .tideview-wordmark .brand-view {
  color: #ffd32b;
  font-size: 1.28em;
  line-height: 1.1;
  filter: drop-shadow(0 0 4px rgba(255, 178, 0, .35));
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  :is(.site-header, .site-footer) .brand .tideview-wordmark .brand-view {
    background: linear-gradient(180deg, #fff7a0 0%, #ffe737 36%, #ffba00 72%, #fff06a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}

@media (forced-colors: active) {
  :is(.site-header, .site-footer) .brand .tideview-wordmark .brand-tide,
  :is(.site-header, .site-footer) .brand .tideview-wordmark .brand-view {
    color: LinkText;
    background: none;
    text-shadow: none;
    filter: none;
  }
}