/* Shared rules also cover headers and footers rendered by the legacy bundle. */
:is(header, nav, aside, footer) img[src*="logo-codestate"] {
  height: 40px !important;
  width: auto !important;
  max-width: 54vw !important;
  object-fit: contain;
  border-radius: 0 !important;
  display: block;
}
header:not(.top):has(img[src*="logo-codestate"]) {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.lp-top-in > .brand {
  flex: 0 1 224px !important;
  min-width: 0 !important;
}
.lp-top-in > .brand img {
  max-width: min(54vw, 100%) !important;
}
.lp-top-cta {
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  .lp-top-in > .brand {
    max-width: min(54vw, calc(100vw - 224px));
  }
}
img[src*="logo-codestate"][role="link"] {
  cursor: pointer;
}
img[src*="logo-codestate"][role="link"]:focus-visible {
  outline: 2px solid #00c6ff;
  outline-offset: 4px;
}