:root {
	--big-bg-img: url("https://img.alaflora.net/asset/archive-bg-1200px.webp");
}

#gallery-mask {
  pointer-events: none;
}
@media (min-aspect-ratio: 0.75 /*brkpnt-mobile*/) {
  archive-gallery * {
    box-sizing: border-box;
  }
  main {
    overflow: hidden;
  }
}
match-info {
  font-size: 1.2em;
  color: var(--page-special-color);
}
/* match-count { */
archive-meta b {
  font-weight: var(--body-font-weight-bold);
  /*color: var(--page-special-color-darker);*/
}
@media (min-aspect-ratio: 1.35 /*brkpnt-gallery*/) {
  back-button-wrapper:has(.back-to-art) {
    display: grid;
  }
}
.more ul {
  margin-top: 0;
  margin-bottom: var(--paragraph-margin-top);
}
.more ul li {
  margin-top: var(--paragraph-margin-top);
}
.more ul a:not([href*=insta]) {
  font-weight: var(--body-font-weight-bold);
}
main {
  display: block;
}

#filters summary {
  width: fit-content;
}

/* [data-scriptless] a:focus-visible ~ skip-link, */
/* [data-scriptless] skip-link:focus-within, */
/* :root:not([data-scriptless]) skip-link { */
#archive-gallery skip-link {
  display: flex;
  background: var(--archive-color);
  align-items: center;
  justify-content: center;
  text-align: center;
}
skip-link a, skip-link p, skip-link button.anchor-style {
  --focus-line-color: var(--archive-color-pale);
  color: var(--page-special-color);
  display: block;
  text-decoration-color: var(--focus-line-color);
  font-size: 1.15rem;
}
skip-link p {
  display: flex;
  flex-direction: column;
}
@media (max-aspect-ratio: 0.75 /*brkpnt-mobile*/) {
  skip-link a, skip-link p, skip-link button.anchor-style {
    color: white;
  }
  #filter-info code {
    display: none !important;
  }
}

filter-buttons kbd-tip,
#filter-info kbd-tip {
  display: none;
  margin-left: 0.5em;
  color: var(--page-special-color-lightish);
}
body:has(:focus-visible) archive-meta:not(:has(~ #archive-gallery a:focus-visible)) kbd-tip.to-gallery {
  display: inline;
}
archive-meta:has(~ #archive-gallery a:focus-visible) kbd-tip.nav-gallery {
  display: inline;
}