/* KIRU 76 — supplied recommendation-meter identity and disciplined responsive lockups. */
:root {
  --k76-meter-low: #ffd84d;
  --k76-meter-mid: #ffc247;
  --k76-meter-high: #f43f5e;
  --k76-meter-violet: #6552be;
}

body.kiru-logo76.kiru-logo76.kiru-logo76 :is(.topbar .wordmark, .side-rail .brand),
body.kiru-logo76.kiru-logo76.kiru-logo76 :is(.topbar .wordmark, .side-rail .brand):is(:hover, :focus, :active) {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.kiru-logo76.kiru-logo76.kiru-logo76 :is(.topbar .wordmark, .side-rail .brand)::before,
body.kiru-logo76.kiru-logo76.kiru-logo76 :is(.topbar .wordmark, .side-rail .brand)::after {
  content: none !important;
  display: none !important;
}

body.kiru-logo76.kiru-logo76.kiru-logo76 :is(.d57-header-logo, .d57-rail-logo) {
  display: block !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar::after {
  background: linear-gradient(90deg, var(--k76-meter-low), var(--k76-meter-mid) 30%, var(--k76-meter-high) 62%, var(--k76-meter-violet)) !important;
}

body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .wordmark:focus-visible,
body.kiru-logo76.kiru-logo76.kiru-logo76 .side-rail .brand:focus-visible {
  outline: 3px solid rgba(244, 63, 94, .36) !important;
  outline-offset: 3px !important;
  border-radius: 8px !important;
}

@media (min-width: 1000px) {
  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .wordmark {
    display: grid !important;
    width: 140px !important;
    min-width: 140px !important;
    height: 62px !important;
    place-items: center !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .d57-header-logo {
    width: 136px !important;
    height: 60px !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .side-rail .brand {
    display: grid !important;
    width: 68px !important;
    min-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    margin-inline: auto !important;
    place-items: center !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .side-rail .d57-rail-logo {
    width: 64px !important;
    height: 64px !important;
  }
}

@media (min-width: 761px) and (max-width: 999px) {
  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .wordmark {
    display: grid !important;
    width: 126px !important;
    min-width: 126px !important;
    height: 56px !important;
    flex: 0 0 126px !important;
    place-items: center !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .d57-header-logo {
    width: 124px !important;
    height: 55px !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .side-rail .brand {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .side-rail .d57-rail-logo {
    width: 60px !important;
    height: 60px !important;
  }
}

@media (max-width: 760px) {
  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .wordmark {
    display: grid !important;
    width: 108px !important;
    min-width: 108px !important;
    height: 42px !important;
    flex: 0 0 108px !important;
    place-items: center !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .d57-header-logo {
    width: 106px !important;
    height: 38px !important;
  }
}

@media (max-width: 360px) {
  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .wordmark {
    width: 98px !important;
    min-width: 98px !important;
    flex-basis: 98px !important;
  }

  body.kiru-logo76.kiru-logo76.kiru-logo76 .topbar .d57-header-logo {
    width: 96px !important;
    height: 34px !important;
  }
}