/**
 * GTGF v15.24 — Kenniscentrum premium cards + hard click fix.
 * Scoped to knowledge article cards. Does not alter the site-wide mobile shell.
 */

body.gtgf-v14 .v151-article-grid,
body.gtgf-v14 .v145-article-grid.brief-grid {
  align-items: stretch;
  gap: 16px !important;
}

body.gtgf-v14 .v145-article-card.v1524-article-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 360px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d8d2c8 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: 0 12px 34px rgba(20,17,13,.055) !important;
  isolation: isolate;
  transform: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Replace the old decorative wedge with a restrained GTGF accent. */
body.gtgf-v14 .v145-article-card.v1524-article-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 0 auto 0 !important;
  width: auto !important;
  height: 4px !important;
  background: var(--gtgf-v15-orange, #ff5a00) !important;
  transform: none !important;
  pointer-events: none !important;
}

/* One real link contains the complete card: reliable on touch, mouse and keyboard. */
body.gtgf-v14 .v145-article-card.v1524-article-card > .v145-article-card__link.v1524-article-card__link {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: inherit !important;
  height: 100% !important;
  flex-direction: column !important;
  padding: 26px 26px 22px !important;
  color: #111 !important;
  text-decoration: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.gtgf-v14 .v145-article-card.v1524-article-card > .v1524-article-card__link > * {
  pointer-events: none !important;
}

body.gtgf-v14 .v1524-article-card__top {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #ece8e1 !important;
  color: #77716a !important;
  font-size: .62rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.gtgf-v14 .v1524-article-card__top .brief-card__issue {
  color: var(--gtgf-v15-orange, #ff5a00) !important;
}

body.gtgf-v14 .v1524-article-card__labels {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 16px 0 0 !important;
}
body.gtgf-v14 .v1524-article-card__labels span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
  border: 1px solid #dcd6cd !important;
  background: #f7f5f1 !important;
  color: #5f5a53 !important;
  font-size: .57rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

body.gtgf-v14 .v145-article-card.v1524-article-card h3 {
  max-width: none !important;
  margin: 24px 0 12px !important;
  color: #0b0b0b !important;
  font-size: clamp(1.55rem, 2vw, 2.05rem) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}
body.gtgf-v14 .v145-article-card.v1524-article-card p {
  max-width: 58ch !important;
  margin: 0 0 22px !important;
  color: #625d56 !important;
  font-size: .86rem !important;
  line-height: 1.58 !important;
}

body.gtgf-v14 .v1524-article-card__footer {
  display: grid !important;
  grid-template-columns: auto auto 1fr auto !important;
  align-items: center !important;
  gap: 10px 14px !important;
  margin-top: auto !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #e5e0d8 !important;
  color: #817a72 !important;
  font-size: .58rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
body.gtgf-v14 .v1524-article-card__footer strong {
  justify-self: end !important;
  color: #111 !important;
  font-size: .62rem !important;
  letter-spacing: .08em !important;
}
body.gtgf-v14 .v1524-article-card__footer b {
  justify-self: end !important;
  color: var(--gtgf-v15-orange, #ff5a00) !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  transition: transform .18s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body.gtgf-v14 .v145-article-card.v1524-article-card:hover {
    transform: translateY(-4px) !important;
    border-color: #bdb6ac !important;
    box-shadow: 0 22px 46px rgba(20,17,13,.105) !important;
  }
  body.gtgf-v14 .v145-article-card.v1524-article-card:hover .v1524-article-card__footer b {
    transform: translateX(4px) !important;
  }
}

body.gtgf-v14 .v145-article-card.v1524-article-card:focus-within {
  border-color: var(--gtgf-v15-orange, #ff5a00) !important;
  box-shadow: 0 0 0 3px rgba(255,90,0,.18), 0 18px 38px rgba(20,17,13,.08) !important;
}
body.gtgf-v14 .v1524-article-card__link:focus-visible {
  outline: none !important;
}

/* Spacious desktop library: no cramped three-column cards on ordinary laptops. */
@media (min-width: 783px) and (max-width: 1179px) {
  body.gtgf-v14 .v151-article-grid,
  body.gtgf-v14 .v145-article-grid.brief-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (min-width: 1180px) {
  body.gtgf-v14 .v151-article-grid,
  body.gtgf-v14 .v145-article-grid.brief-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

/* Mobile: preserve v15.21 shell/layout, only redesign the article cards themselves. */
@media (max-width: 782px) {
  body.gtgf-v14 .v151-article-grid,
  body.gtgf-v14 .v145-article-grid.brief-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }
  body.gtgf-v14 .v145-article-card.v1524-article-card {
    min-height: 0 !important;
    border-color: #d9d4cc !important;
    box-shadow: 0 8px 24px rgba(20,17,13,.045) !important;
  }
  body.gtgf-v14 .v145-article-card.v1524-article-card > .v1524-article-card__link {
    min-height: 0 !important;
    padding: 20px 18px 18px !important;
  }
  body.gtgf-v14 .v1524-article-card__top {
    gap: 9px !important;
    padding-bottom: 12px !important;
    font-size: .6rem !important;
  }
  body.gtgf-v14 .v1524-article-card__labels {
    gap: 6px !important;
    margin-top: 13px !important;
  }
  body.gtgf-v14 .v1524-article-card__labels span {
    min-height: 25px !important;
    padding: 4px 7px !important;
    font-size: .56rem !important;
  }
  body.gtgf-v14 .v145-article-card.v1524-article-card h3 {
    margin: 18px 0 10px !important;
    font-size: clamp(1.55rem, 7.2vw, 2rem) !important;
    line-height: .98 !important;
  }
  body.gtgf-v14 .v145-article-card.v1524-article-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    margin-bottom: 18px !important;
    font-size: .91rem !important;
    line-height: 1.5 !important;
  }
  body.gtgf-v14 .v1524-article-card__footer {
    grid-template-columns: auto auto 1fr auto !important;
    gap: 8px !important;
    padding-top: 13px !important;
    font-size: .55rem !important;
  }
  body.gtgf-v14 .v1524-article-card__footer strong {
    font-size: .58rem !important;
  }
}

@media (max-width: 420px) {
  body.gtgf-v14 .v1524-article-card__top {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  body.gtgf-v14 .v1524-article-card__footer {
    grid-template-columns: auto 1fr auto !important;
  }
  body.gtgf-v14 .v1524-article-card__footer strong {
    display: none !important;
  }
}