.github-project { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px 8px; flex: none; padding-left: 10px; border-left: 1px solid #444; font-size: 12px; line-height: 14px; }
.github-project a { display: inline-flex; align-items: center; gap: 4px; color: #ddd; text-decoration: none; }
.github-project a:hover { color: #fff; }
.github-project a:focus-visible { outline: 2px solid #4daaf5; outline-offset: 3px; border-radius: 2px; }
.github-project-source { font-weight: 600; }
.github-project-source svg { width: 17px; height: 17px; fill: currentColor; }
.github-project .github-project-release { display: block; align-self: center; max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; color: #aaa; }
.github-project-stats { grid-column: 1 / -1; display: flex; gap: 12px; font-size: 11px; }
.github-project-stats svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.github-project-stats #github-stars { color: #e8bf67; }
header:has(.github-project) { gap: 8px; }
@media (min-width: 901px) and (max-width: 1150px) {
  header:has(.github-project) h1 { display: none; }
}
@media (max-width: 600px) {
  header:has(.github-project) { flex-wrap: wrap; }
  header:has(.github-project) .header-left { flex: 1 1 100%; justify-content: space-between; }
  header:has(.github-project) .controls { flex-basis: 100%; }
  .github-project { border-left: 0; padding-left: 0; }
}