/* ELO Labs navigation shared by Home, Research, product pages and Company. */
.topnav {
  position: sticky !important;
  inset: 0 0 auto;
  z-index: 990;
  width: 100%;
  height: auto;
  min-height: 44px;
  margin: 0;
  padding: 0;
  background: rgba(232, 232, 219, .97);
  border: 0;
  border-bottom: 1px solid rgba(20, 16, 12, .16);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
}
.topnav .tn-in {
  max-width: none;
  min-height: 43px;
  height: auto;
  margin: 0;
  padding: 5px clamp(12px, 2vw, 30px);
  display: flex;
  align-items: center;
  gap: clamp(8px, 1.35vw, 20px);
  background: transparent;
  pointer-events: auto;
}
.topnav .tn-mark {
  height: 30px;
  padding: 0 2px;
  gap: 5px;
  color: #14100c;
  background: transparent;
  text-decoration: none;
}
.topnav .tn-mark:hover { background: transparent; }
.topnav .tn-labs-logo { width: 25px; height: 25px; object-fit: contain; }
.topnav .tn-labs-word {
  color: #14100c;
  font: 700 9px/1 "Space Mono", monospace;
  letter-spacing: .12em;
}
.topnav .tn-links {
  display: flex;
  align-items: center;
  gap: 8px;
  height: auto;
  margin: 0;
}
.topnav .tn-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 30px;
  padding: 0 clamp(11px, 1.6vw, 21px);
  color: #f0eee4;
  background: #5c5b57;
  border: 0;
  font: 700 9px/1 "Space Mono", monospace;
  letter-spacing: .19em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .18s ease, color .18s ease;
}
.topnav .tn-links a:hover { color: #fff; background: #393733; }
.topnav .tn-links a[aria-current="page"] { color: #fff; background: #d03415; }
.topnav .tn-right {
  display: flex;
  align-items: center;
  height: auto;
  gap: 12px;
  margin-left: auto;
}
.topnav .tn-sec {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 28px);
  margin: 0 1px 0 0;
}
.topnav .tn-sec a {
  padding: 0;
  color: #6b6455;
  background: transparent;
  border: 0;
  font: 400 9px/1 "Space Mono", monospace;
  letter-spacing: .2em;
  opacity: 1;
  text-decoration: none;
  transition: color .18s ease;
}
.topnav .tn-sec a:hover,
.topnav .tn-sec a[aria-current="page"] { color: #d03415; }
.topnav .tn-burger { display: none; }
.topnav .tn-panel { top: 100%; padding: 12px; background: #e8e8db; border-bottom: 1px solid rgba(20,16,12,.18); }
.topnav .tn-panel a:not(.btn) {
  display: flex;
  min-height: 38px;
  align-items: center;
  padding: 0 12px;
  color: #f0eee4;
  background: #5c5b57;
  font: 700 9px/1 "Space Mono", monospace;
  letter-spacing: .19em;
  text-decoration: none;
}
.topnav .tn-panel a[aria-current="page"] { color: #fff; background: #d03415; }
.labs-research-kicker { margin: 0 0 1.25rem; color: #14100c; font: 600 12px/1 "Barlow Condensed",sans-serif; letter-spacing: .14em; text-transform: uppercase; }
/* Eyebrows and small section labels stay neutral throughout the Labs site. */
html[data-theme="light"] :is(
  .kicker,
  .kicker.a,
  .kicker.s,
  .kicker.p,
  .p-crumb,
  .p-type,
  .figpanel__tag,
  .labs-inputs small,
  .labs-index small,
  .labs-possibilities small,
  .labs-systems small,
  .counter-strip .cs-label,
  .logTag
) { color: #14100c !important; }
html[data-theme="light"] .logsFeatured__overlay .logTag { color: #e8e8db !important; }
@media (max-width: 899px) {
  .topnav .tn-links { display: none; }
  .topnav .tn-sec { display: none; }
  .topnav .tn-burger { display: inline-flex; }
}
@media (max-width: 700px) {
  .topnav .tn-in { min-height: 42px; padding-inline: 13px; }
}