:root {
    --theme-text-font: asap-regular, Helvetica, Arial, ui-sans-serif, serif;
    --theme-headline-font: asap-regular, Georgia, ui-serif, serif;
    --K15t-background-success: rgb(212, 255, 238);
    --K15t-icon-success: rgb(15, 132, 90);
}

@font-face {
    font-family: asap-regular;
    font-style: normal;
    font-weight: 400;
    src: url("https://fonts.gstatic.com/s/asap/v26/KFO9CniXp96a4Tc2DaTeuDAoKsE615hJW34.woff2");
}

/* make content use more width */
[data-page-template=article] {
    --_content-width: 95%;
}

/* stop inline images from getting upscaled and becoming blurry */
.inline-image img {
  min-block-size: auto;
}

/* hide list items in page tree */
.tree-item-header:not(:has(>.tree-action)):before {
  color: transparent;
}
/* smaller margins before and after lists */
:where(.article-body) :where(ul,ol) {
  margin-block: 0.4rlh;
}
/* smaller images on the portal page */
[data-component=tile][data-appearance=regular], [data-component=tile][data-appearance=large] {
    --_image-size: 50px;
}
/* portal page: smaller margins between sections */
@media screen and (min-width: 1280px) {
    .home-page .spaces:not(:first-child) {
        margin-block-start: 1rem;
    }
}
@media screen and (min-width: 1280px) {
    .home-page .spaces:not(:last-child) {
        margin-block-end: 1rem;
    }
}
.home-page .spaces:not(:last-child) {
    border-block-end: none;
    padding-block-end: 1rem;
}
.home-page .spaces:not(:first-child) {
    padding-block-start: 0rem;
}
.tile-title {
    font: var(--K15t-font-headline-medium);
}

/* style content by label on the right side */
@media screen and (min-width: 1280px) {
  .toc.sticky:has([data-component="filter-by-label"]) {
    display: flex !important;
  }
}

[data-component="filter-by-label"] > ul,
[data-component="filter-by-label"] .vp-content-by-label-items ul {
  border: none;
  border-radius: 0;
  padding: 0;
  margin-block: 0;
  list-style: none;
}

[data-component="filter-by-label"] li {
  padding-inline-start: 0;
}

.related-pages-title {
  margin: 0;
  padding-inline: 16px;
  padding-block: 16px 8px;
  font: var(--K15t-font-body-small-strong);
  color: var(--K15t-foreground);
  border-block-start: 1px solid var(--K15t-border-neutral);
}

.related-link {
  display: flex;
  align-items: center;
  padding-inline: 16px;
  padding-block: 1ex;
  font: var(--K15t-font-body-small);
  color: var(--K15t-foreground);
  text-decoration: none;
}

.related-link:hover,
.related-link:focus-visible {
  text-decoration: underline;
}