/* Body text font */
body {
  --md-text-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

/* Header background color */
.md-header {
  --md-default-bg-color--light:#001747;
  --md-default-fg-color:white;
}

/* Header title size */
.md-header__title {
  font-size: 20px;
}
.md-header__topic:first-child {
    font-weight: 600;
}

/* Header custom logo size */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  padding: 0px;
  height: 36px;
  width: auto;
}

/* Custom Shipyard Navigation */
.custom-shipyard-nav-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.custom-shipyard-nav-item {
  padding: 8px 16px;
}
.custom-shipyard-nav-item a {
  color: white;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  opacity: 0.55;
}
.custom-shipyard-nav-item a:hover {
  opacity: 0.75;
}
.custom-shipyard-nav-active {
  border-bottom: 2px solid white;
}
.custom-shipyard-nav-active a {
  font-weight: 700;
  opacity: 1;
}

/* Custom Shipyard Footer — mirrors shipyard-front's Footer.tsx layout: brand + tagline on the
   left, copyright notice on the right. Replaces the default copyright/social footer block. */
.custom-shipyard-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
}
.custom-shipyard-footer__left {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.custom-shipyard-footer__brand {
  font-weight: 700;
  font-size: 14px;
  color: var(--md-default-fg-color);
}
.custom-shipyard-footer__tagline {
  font-size: 12px;
  color: var(--md-default-fg-color--light);
}
.custom-shipyard-footer__copy {
  font-size: 11px;
  color: var(--md-default-fg-color--lighter);
}