/* Hero expand/collapse overrides (split from index.html for maintainability) */
/* by jqu224 */

/* Expanded hero — !important must be cleared when scrolled or the hidden block keeps padding and adds a gap above the compact bar */
.lh-expanded {
  padding: 14px 28px 14px !important;
}
.lh-wrap.lh-scrolled .lh-expanded {
  padding: 0 !important;
  margin: 0 !important;
}
.lh-wrap.lh-scrolled {
  padding: 6px 12px 0;
}
.lh-byline-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 6px !important;
}
.lh-byline-row .lh-byline {
  margin-bottom: 0 !important;
}
.lh-social-links {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* Match DESIGNED BY line so 1em icons align to type size */
  font-size: var(--hm-lh-byline-size, 10px);
}
.lh-social-link {
  color: #8a8aa8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: color 0.15s ease;
}
.lh-social-link:hover {
  color: #b0b0c8;
}
.lh-social-link:focus-visible {
  outline: 2px solid #a8a8c8;
  outline-offset: 2px;
  border-radius: 2px;
}
.lh-social-link svg {
  width: 1em;
  height: 1em;
  display: block;
}
.lh-stats {
  padding: 0 !important;
  margin: 0 !important;
  gap: 24px !important;
}
.lh-stat-l {
  margin-top: 1px !important;
}
/* Compact bar mark — single letter in gradient circle */
.lh-logo {
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

@media (width <= 600px) {
  .lh-expanded {
    padding: 12px 16px 12px !important;
  }
  .lh-byline-row {
    margin-bottom: 5px !important;
    gap: 8px 12px;
  }
  .lh-stats {
    padding: 0 !important;
    gap: 18px !important;
  }
}