.portfolio-nav {
  justify-content: flex-end;
  flex-wrap: wrap;
  row-gap: .35rem;
}

.portfolio-summary {
  cursor: pointer;
  list-style: none;
}

.portfolio-summary::-webkit-details-marker {
  display: none;
}

.portfolio-summary:focus-visible {
  outline: 2px solid hsl(var(--primary));
  outline-offset: .35rem;
}

.portfolio-arrow {
  display: inline-block;
  padding-inline-start: .3rem;
}

.portfolio-entry[open] {
  border-color: hsl(var(--primary) / .6);
}

.portfolio-entry[open] .portfolio-arrow {
  transform: rotate(90deg);
}

@media (max-width: 420px) {
  .portfolio-nav {
    column-gap: .65rem;
  }
}

main .crt-flicker {
  border-radius: 16px;
}

main .crt-flicker > div:first-child > span:nth-child(1) {
  background-color: #ff5f57;
}

main .crt-flicker > div:first-child > span:nth-child(2) {
  background-color: #febc2e;
}

main .crt-flicker > div:first-child > span:nth-child(3) {
  background-color: #28c840;
}

/* Center each ASCII block as a unit, with a shared left edge for its rows. */
main .crt-flicker .scanlines > pre:nth-of-type(-n + 2) {
  width: max-content;
  max-width: 100%;
  text-align: left;
  white-space: pre;
  direction: ltr;
  font-family: Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: min(.85rem, 2.25vw) !important;
  font-variant-ligatures: none;
  font-kerning: none;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}