/* Viden — vidensbank. Hele siden ligger på mørk evergreen. */

.acs-dark-page { background: var(--acs-evergreen); color: var(--acs-cream); }

.acs-vhero {
  max-width: var(--acs-maxw);
  margin: 0 auto;
  padding: clamp(36px, 5vw, 72px) var(--acs-gutter) clamp(24px, 3vw, 40px);
}
.acs-vhero h1 {
  margin: 0;
  font-weight: var(--acs-w-light);
  font-size: clamp(28px, 4.2vw, 58px);
  line-height: 1.05;
  letter-spacing: var(--acs-track-tight);
  color: var(--acs-on-dark);
}
.acs-vhero p:not(.acs-eyebrow) {
  margin: 26px 0 0;
  font-size: clamp(16px, 1.3vw, 19px);
  font-weight: var(--acs-w-body);
  line-height: 1.6;
  color: var(--acs-on-dark);
}

/* --- Filtre ------------------------------------------------------------- */

.acs-filter {
  max-width: var(--acs-maxw);
  margin: 0 auto;
  padding: 0 var(--acs-gutter);
}
.acs-filter__bar {
  display: flex;
  gap: clamp(18px, 2.4vw, 36px);
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(226, 212, 186, .2);
}
.acs-filter__tab {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 0 0 12px;
  margin-bottom: -1px;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  letter-spacing: .01em;
  font-weight: var(--acs-w-body);
  color: rgba(226, 212, 186, .6);
  transition: color .2s;
}
.acs-filter__tab:hover { color: var(--acs-on-dark); }
.acs-filter__tab[aria-selected="true"] {
  color: var(--acs-on-dark);
  font-weight: var(--acs-w-medium);
  border-bottom-color: var(--acs-label-palm-dk);
}
.acs-filter__tab:focus-visible {
  outline: 2px solid var(--acs-label-palm-dk);
  outline-offset: 3px;
}

/* --- Kortliste ----------------------------------------------------------- */

.acs-vlist {
  max-width: var(--acs-maxw);
  margin: 0 auto;
  padding: clamp(28px, 3.5vw, 48px) var(--acs-gutter) var(--acs-section-y);
}
.acs-vlist__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(24px, 3vw, 44px);
}
.acs-vcard a { display: block; color: inherit; }
.acs-vcard__shot {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--acs-evergreen-soft);
}
.acs-vcard__shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.acs-vcard__type {
  position: absolute;
  left: 16px;
  bottom: 14px;
  font-size: 12px;
  letter-spacing: var(--acs-track-caps);
  text-transform: uppercase;
  font-weight: var(--acs-w-label);
  color: var(--acs-on-dark);
  text-shadow: 0 1px 6px rgba(4, 27, 21, .7);
}
.acs-vcard h2 {
  margin: 16px 0 8px;
  font-weight: var(--acs-w-body);
  font-size: clamp(18px, 1.9vw, 23px);
  line-height: 1.22;
  letter-spacing: -.005em;
  color: var(--acs-on-dark);
}
.acs-vcard p:not(.acs-eyebrow) {
  margin: 0;
  font-size: 15px;
  font-weight: var(--acs-w-body);
  line-height: 1.55;
  color: rgba(226, 212, 186, .75);
}
.acs-vcard a:hover h2 { color: var(--acs-label-palm-dk); }
.acs-vcard[hidden] { display: none; }
.acs-vlist__empty { color: rgba(226, 212, 186, .75); font-size: 16px; }