/* Homepage bridge to the indexed knowledge layer.
   Intentionally class-scoped: the legacy React bundle owns the rest of the page. */

.uc-knowledge-entry {
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: inline-flex;
  gap: 0.42em;
  align-items: center;
  padding: 9px 13px 8px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  font: 600 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  letter-spacing: 0.08em;
  text-decoration: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.uc-knowledge-entry:hover,
.uc-knowledge-entry:focus-visible {
  color: #000000;
  background: #93fb03;
  border-color: #93fb03;
  outline: none;
}

.uc-knowledge {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr);
  gap: 38px;
  padding: 42px 5vw;
  color: #111111;
  background: #f6f6f2;
  border-top: 1px solid rgba(17, 17, 17, 0.16);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.uc-knowledge p { margin: 0; }
.uc-knowledge strong { display: block; font-size: 24px; letter-spacing: -0.03em; }
.uc-knowledge span { display: block; margin-top: 8px; font-size: 14px; }
.uc-knowledge nav { display: flex; gap: 18px 24px; align-content: start; flex-wrap: wrap; }
.uc-knowledge a { color: #111111; font-size: 14px; font-weight: 750; text-underline-offset: 3px; }
.uc-noscript { padding: 20px 5vw; color: #111111; background: #fbfb33; }

@media (max-width: 767.98px) {
  .uc-knowledge-entry {
    top: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    transform: none;
    padding: 11px 14px 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  }

  .uc-knowledge {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 36px 24px 88px;
  }
}

@media (max-width: 390px) {
  .uc-knowledge-entry span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .uc-knowledge-entry { transition: none; }
}