:root {
  --cl-border: #ddd;
}
.proj-index {
  display: flex;
  width: 100%;
  gap: var(--grid-gutter);
  padding-inline: var(--spacing-base);
  padding-top: calc(var(--grid-gutter) * 3);
  padding-bottom: calc(var(--grid-gutter) * 4);
}
.proj-index .filtering-pane {
  /*max-width: 360px;*/
  width: calc(var(--grid-cg) * 2 + var(--grid-column-width));
}
.proj-index #itemList {
  width: calc(100% - var(--grid-cg) * 3);
}

@media only screen and (max-width: 1024px) {
  .proj-index {
    flex-wrap: wrap;
    padding-bottom: 6em;
    gap: 1.25em;
    padding-top: 1.25em;
  }
  .proj-index .filtering-pane {
    width: 100%;
    max-width: 100%;
    padding: 1.75em;
    background-color: #f4f4f4;
    margin-inline: auto;
    font-size: 1em;
  }
  .proj-index #itemList {
    width: 100%;
  }
  .proj-index .gendist > li[data-enablepin="true"] a.im-cover {
    width: calc(100% + var(--spacing-base) * 2);
    margin-inline: calc(var(--spacing-base) * -1);
  }
}

/**/
.single-news {
  background-color: var(--cl-background);
  position: relative;
  z-index: 2;
  padding-inline: var(--spacing-base);
  border-top: solid;
  border-bottom: solid;
  border-width: 1px;
  border-color: var(--cl-border);
}
.single-news .articles.textile li > * {
  border-top: none;
  padding: calc(var(--grid-gutter) * 1.5) 0;
}
.single-news .articles.textile li {
}
.single-news .articles.textile li a.anker {
  display: block;
  background-image: url(/share/assets/ui/mrk-next-bl.svg);
  background-position: right 0em center;
  background-size: 1.5em auto;
}

/**/
.proj-index .gendist > li a.im-cover {
  aspect-ratio: initial;
}
.proj-index .gendist > li[data-enablepin="true"] a.im-cover {
  aspect-ratio: 925/520.7;
}

/**/
.proj-index .gendist {
  gap: var(--grid-gutter);
}

/* Updated 20260625 */
@media only screen and (min-width: 1025px) {
  .proj-index .filtering-pane {
    position: sticky;
    top: calc(var(--sitehead-height) / 0.875 * 1 + 1em);
    align-self: flex-start;
    /*max-height: calc(100vh - var(--sitehead-height) - var(--grid-gutter));*/
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
