/* OpenKubes MkDocs branding: home philosophy typewriter + multicolor navigation brand */
.ok-philosophy {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 1120px);
  margin: 22px auto 30px;
  padding: 18px 22px 15px;
  color: #fff;
  background: #102e57;
  border: 1px solid #294d7d;
  border-radius: 11px;
  font-family: inherit;
  text-align: left;
}
.ok-philosophy__eyebrow {
  margin: 0 0 10px;
  padding-right: 36px;
  color: #8cc6ff;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.ok-philosophy__line {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: .55em;
  row-gap: .1em;
  font-size: clamp(19px, 2.4vw, 27px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.25px;
}
.ok-philosophy__message { color: #ffd45a; overflow-wrap: anywhere; }
.ok-philosophy__cursor { color: #ffd45a; }
.ok-philosophy__cursor::after { content: '|'; }
.ok-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width: 620px) {
  .ok-philosophy { margin: 16px auto 23px; padding: 15px 16px; }
  .ok-philosophy__eyebrow { font-size: 10px; }
  .ok-philosophy__line { font-size: 20px; }
}

/* Exact per-letter palette shared by navigation and philosophy wordmarks. */
.ok-wordmark { white-space: nowrap; font-weight: 700; }
.ok-wordmark > span:nth-child(1) { color: #27A8F2; }
.ok-wordmark > span:nth-child(2) { color: #48BDF7; }
.ok-wordmark > span:nth-child(3) { color: #76D1FF; }
.ok-wordmark > span:nth-child(4) { color: #B4E5FF; }
.ok-wordmark > span:nth-child(5) { color: #2DBF80; }
.ok-wordmark > span:nth-child(6) { color: #27A8F2; }
.ok-wordmark > span:nth-child(7) { color: #2E75CF; }
.ok-wordmark > span:nth-child(8) { color: #F47B16; }
.ok-wordmark > span:nth-child(9) { color: #FFA52D; }
.ok-wordmark > span:nth-child(10) { color: #FFFFFF; }
.ok-philosophy { width: min(calc(100% - 32px), 1120px); }
.ok-philosophy__message-wrap { display: inline-flex; width: 20ch; min-width: 0; max-width: 100%; }
.ok-philosophy__message { min-height: 1.4em; }
/* Keep a text baseline when deletion reaches the empty string. */
.ok-philosophy__message:empty::before { content: "\200b"; }
.ok-philosophy__pause {
  position: absolute; top: 10px; right: 10px;
  display: grid; place-items: center; width: 32px; height: 32px;
  margin: 0; padding: 0; border: 0; border-radius: 5px;
  background: transparent; color: #8cc6ff; cursor: pointer;
}
.ok-philosophy__pause:hover { background: #294d7d; color: #fff; }
.ok-philosophy__icon--play,
.ok-philosophy__pause[data-paused="true"] .ok-philosophy__icon--pause { display: none; }
.ok-philosophy__pause[data-paused="true"] .ok-philosophy__icon--play { display: block; }
.ok-philosophy__pause:focus-visible { outline: 3px solid #ffd45a; outline-offset: 3px; }
.ok-philosophy [hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ok-philosophy__cursor, .ok-philosophy__pause { display: none; }
}