header > nav[aria-label="Repository navigation"] {
  flex-wrap: wrap;
}

header > nav[aria-label="Repository navigation"] ul {
  flex-wrap: wrap;
}

header > nav[aria-label="Repository navigation"] ul:first-of-type {
  margin-left: 0;
}

header > nav[aria-label="Repository navigation"] ul:first-of-type > li {
  padding-bottom: 0;
}

header > nav[aria-label="Repository navigation"] ul:last-of-type {
  margin-right: 0;
}

header > nav[aria-label="Repository navigation"] ul > li {
  padding-left: 0;
}

nav[aria-label="breadcrumb"] {
  margin-bottom: var(--pico-block-spacing-vertical);
}

nav[aria-label="breadcrumb"] ul {
  flex-wrap: wrap;
  row-gap: 0;
}

nav[aria-label="breadcrumb"] li {
  flex-shrink: 0;
  padding-top: 0;
  padding-bottom: 0;
}

nav[aria-label="breadcrumb"] ul li:not(:first-child) {
  margin-inline-start: 0;
}

nav[aria-label="breadcrumb"] ul li:not(:last-child)::after {
  content: none;
}

nav[aria-label="breadcrumb"] ul li:not(:first-child)::before {
  float: none;
  content: var(--pico-nav-breadcrumb-divider);
  color: var(--pico-muted-color);
  padding-left: 0;
  padding-right: calc(var(--pico-nav-link-spacing-horizontal) * 2);
}

nav[aria-label="File actions"] ul,
nav[aria-label="Commit actions"] ul {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  header > nav[aria-label="Repository navigation"] ul {
    justify-content: flex-end;
  }
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip-link:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
}

pre.chroma > code {
  background: var(--pico-code-background-color);
}

pre.chroma {
  background: var(--pico-code-background-color);
}

section[aria-labelledby="diff-heading"] article h4 .secondary {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

section[aria-labelledby="diff-heading"] article h4:hover .secondary,
section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
  opacity: 1;
}

:root {
  --pico-font-family-sans-serif: "Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif,var(--pico-font-family-emoji);
  --pico-font-family-monospace: "0xProto","JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace,var(--pico-font-family-emoji);
}

.badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  border-radius: 0.25rem;
  text-transform: lowercase;
  background-color: var(--pico-card-background-color);
  border: 2px solid;
}

.badge-open {
  border-color: var(--pico-form-element-valid-border-color);
}

.badge-closed {
  border-color: var(--pico-secondary-border);
}

.bug-message {
  margin: 1rem 0;
}

.bug-status-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	margin-right: 0.25rem;
}

.bug-status-icon-open {
	stroke: var(--pico-form-element-valid-border-color);
}

.bug-status-icon-closed {
	stroke: var(--pico-secondary-border);
}

.separator {
  padding: 0 10px;
}

.muted {
  color: var(--pico-muted-color);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

article > header > h1,
article > header > h2,
article > header > h3,
article > header > h4,
article > header > h5,
article > header > h6,
article > header > p {
	margin-bottom: 0;
}

article > p:only-child {
	margin-bottom: 0;
}

.bug-label {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	border-radius: 0.25rem;
	vertical-align: middle;
	background-color: color-mix(in srgb, var(--label-color) 20%, var(--pico-card-background-color));
	border: 2px solid color-mix(in srgb, var(--label-color) 40%, var(--pico-card-background-color));
	color: var(--pico-color);
}

.avatar {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 0.375rem;
	object-fit: cover;
	background-color: var(--pico-secondary-background);
}

.avatar-timeline {
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}
