/* IOTEK Insights archive + single-post styles (Board item 2, 2026-07-05).
 * Mirrors the source Knowledge Centre card look (kc-*), applied to the
 * WordPress query-loop / post blocks. Source palette only. */

/* ---- Filter chips (were page-scoped on the old static page) ---- */
.kc-filter-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; }
.kc-filter-row a {
  display: inline-block; padding: 8px 18px; border-radius: 999px;
  border: 1.5px solid #dde4ee; background: #fff; color: #4a5a70;
  font-size: .88rem; font-weight: 600; transition: all .18s;
}
.kc-filter-row a:hover { border-color: #1a8aa0; color: #0c1b33; }
.kc-filter-row a.active { background: #0c1b33; border-color: #0c1b33; color: #fff; }

/* ---- Card grid via query loop ---- */
.kc-query .wp-block-post-template {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  list-style: none; margin: 32px 0 0; padding: 0;
}
@media (max-width: 900px) { .kc-query .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .kc-query .wp-block-post-template { grid-template-columns: 1fr; } }

.kc-query .wp-block-post-template > li {
  background: #fff; border: 1.5px solid #dde4ee; border-radius: 14px;
  overflow: hidden; display: flex; flex-direction: column; position: relative;
  padding: 22px 24px 20px; margin: 0;
  transition: box-shadow .22s, border-color .22s, transform .18s;
}
.kc-query .wp-block-post-template > li::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px;
  background: linear-gradient(90deg, #0c1b33 0%, #1a8aa0 60%, #2ab4c8 100%);
}
.kc-query .wp-block-post-template > li:hover {
  box-shadow: 0 6px 28px rgba(12,27,51,.10); border-color: #1a8aa0; transform: translateY(-2px);
}
.kc-query .kcp-cat, .kc-query .wp-block-post-terms {
  font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: #1a8aa0; margin: 6px 0 10px;
}
.kc-query .wp-block-post-terms a { color: #1a8aa0; }
.kc-query .wp-block-post-title { font-size: 1.08rem; font-weight: 700; color: #0c1b33; line-height: 1.4; margin: 0 0 10px; }
.kc-query .wp-block-post-title a { color: #0c1b33; text-decoration: none; }
.kc-query .wp-block-post-title a:hover { color: #1a8aa0; }
.kc-query .wp-block-post-excerpt { font-size: .92rem; color: #4a5a70; line-height: 1.6; margin: 0 0 14px; flex: 1; }
.kc-query .wp-block-post-excerpt__more-link, .kc-query .wp-block-read-more {
  display: inline-flex; align-items: center; gap: 6px; font-size: .88rem; font-weight: 700;
  color: #1a8aa0; text-decoration: none; margin-top: auto;
}
.kc-query .wp-block-post-excerpt__more-link:hover, .kc-query .wp-block-read-more:hover { color: #0c1b33; }

/* ---- Pagination ---- */
.kc-pagination { margin-top: 40px; font-weight: 600; }
.kc-pagination a, .kc-pagination .page-numbers {
  display: inline-block; min-width: 38px; text-align: center; padding: 8px 12px;
  border: 1.5px solid #dde4ee; border-radius: 10px; color: #4a5a70; text-decoration: none;
}
.kc-pagination a:hover { border-color: #1a8aa0; color: #0c1b33; }
.kc-pagination .current, .kc-pagination .wp-block-query-pagination-numbers .current {
  background: #0c1b33; border-color: #0c1b33; color: #fff;
}
.kc-pagination .wp-block-query-pagination-previous, .kc-pagination .wp-block-query-pagination-next { border: none; }

/* ---- Single post (article) ---- */
.single-article { max-width: 820px; margin: 0 auto; }
.single-article .post-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: .85rem; color: #5a6a80; margin-bottom: 8px; }
.single-article .post-meta a { color: #1a8aa0; }
.single-article .wp-block-post-content h3 { font-size: 1.18rem; font-weight: 700; color: #0c1b33; margin: 2rem 0 .6rem; }
.single-article .wp-block-post-content p { font-size: .97rem; line-height: 1.78; color: #2e3a4a; margin-bottom: 1rem; }
.single-article .wp-block-post-content ul { margin: .5rem 0 1.2rem 1.5rem; list-style: disc; }
.single-article .wp-block-post-content ul li { font-size: .95rem; line-height: 1.7; color: #2e3a4a; margin-bottom: .35rem; }
.single-article .wp-block-post-content blockquote {
  border-left: 4px solid #1a8aa0; padding: 1rem 1.5rem; background: #eef2f7;
  margin: 1.5rem 0; border-radius: 0 8px 8px 0;
}
.single-article .wp-block-post-content blockquote p { margin: 0; font-weight: 600; font-size: .96rem; color: #0c1b33; }
.kc-back-link {
  display: inline-flex; align-items: center; gap: 6px; font-size: .9rem; font-weight: 700;
  color: #1a8aa0; text-decoration: none; margin-bottom: 18px;
}
.kc-back-link:hover { color: #0c1b33; }


/* ---- Team / Our Experts (Board 2026-07-05): expert cards on the About .leader/.avatar base ---- */
.team-grid { align-items: stretch; }
.team-card { height: 100%; }
.team-card .role { color: #1a8aa0; font-weight: 700; }
.team-card .team-loc { font-size: .82rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #5a6a80; margin-top: 4px; }
.team-card .team-bio { font-size: .92rem; line-height: 1.65; color: #4a5a70; margin-top: 10px; }
@media (max-width: 900px) { .team-grid.grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .team-grid.grid-3 { grid-template-columns: 1fr; } }