/* Codex Knowledge Hub themed content card colours 2026-07-27 */
html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 1) {
  background: #ff4b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 2) {
  background: #ffc800 !important;
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 3) {
  background: #fffdf8 !important;
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n) {
  background: linear-gradient(135deg, #262729, #151617) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 1) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd),
html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 2) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd),
html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 3) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd) {
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 1) .read-more-inline::after,
html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n) .read-more-inline::after {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 2) .read-more-inline::after,
html body main#content.panith-hub-page .panith-card-grid:not(.panith-service-area-grid) > .panith-content-card.knowledge-card:nth-child(4n + 3) .read-more-inline::after {
  background: #202124 !important;
  border-color: #202124 !important;
}
/* End Codex Knowledge Hub themed content card colours 2026-07-27 */
/* Codex service page themed content card colours 2026-07-27 */
html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 1) {
  background: #ff4b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 2) {
  background: #ffc800 !important;
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 3) {
  background: #fffdf8 !important;
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n) {
  background: linear-gradient(135deg, #262729, #151617) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 1) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd),
html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 2) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd),
html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 3) :is(a, a:visited, a:hover, a:focus, a:focus-visible, a:active, h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, time, li, dt, dd) {
  color: #202124 !important;
  -webkit-text-fill-color: #202124 !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 1) .read-more-inline::after,
html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n) .read-more-inline::after {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 2) .read-more-inline::after,
html body main#content.panith-service-page .panith-card-grid > .panith-content-card.knowledge-card:nth-child(4n + 3) .read-more-inline::after {
  background: #202124 !important;
  border-color: #202124 !important;
}
/* End Codex service page themed content card colours 2026-07-27 */

/* Codex Knowledge card chapter service labels 2026-07-27 */
.knowledge-card .card-kicker-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.knowledge-card .card-kicker-row .card-kicker,
.knowledge-card .card-service-kicker {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  border: 0;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
}

.knowledge-card .card-service-kicker {
  font-weight: 800;
  opacity: 0.92;
}
/* End Codex Knowledge card chapter service labels 2026-07-27 */