/* Separate each post with a white frame and a soft blue hover surface.
   Covers keep their authored colours; reading pages stay white. */
.knowledge-page .k172-post-card {
  --card-surface:#fff;
  --card-ink:#102b50;
  --card-body:#405672;
  --card-label:#0057d9;
  --card-border:#a9bfdc;
  --card-button:#0057d9;
  --card-button-ink:#fff;
  --card-hover:#0047af;
  --card-focus:#1f6bff;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0;
  border:1px solid var(--card-border);
  border-radius:14px;
  background:var(--card-surface);
  color:var(--card-ink);
  box-shadow:0 4px 12px rgb(5 11 31 / 4%);
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.knowledge-page .k172-post-card:focus-within {
  --card-border:#1f6bff;
  box-shadow:0 8px 22px rgb(5 11 31 / 10%);
}
.knowledge-page .k172-post-card :is(.k169-card-image,.k168-cover-link) {
  display:block;
  flex:none;
  width:auto;
  aspect-ratio:1200/630;
  margin:12px 12px 0;
  overflow:hidden;
  border:1px solid #c4d5eb;
  border-radius:8px;
  background:#fff;
}
.knowledge-page .k172-post-card :is(.k169-card-image,.k168-cover-link) img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
}
.knowledge-page .k172-post-card :is(.k169-card-copy,.k172-related-copy) {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:26px 28px 28px;
}
.knowledge-page .k172-post-card :is(.k169-card-meta,.k168-meta) {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  width:100%;
  gap:8px 16px;
  margin:0 0 16px;
  color:var(--card-body);
  font-size:16px;
  line-height:1.5;
}
.knowledge-page .k172-post-card :is(.k169-card-meta,.k168-meta)>span:first-child {
  color:var(--card-label);
  font-weight:650;
}
.knowledge-page .k172-post-card .k168-meta>span+span::before { content:none; }
.knowledge-page .k172-post-card :is(.k169-card-copy,.k172-related-copy) h3 {
  margin:0;
  color:var(--card-ink);
  font-size:clamp(27px,2.4vw,32px);
  line-height:1.2;
  letter-spacing:-.025em;
}
.knowledge-page .k172-post-card h3 a,
.knowledge-page .k172-post-card h3 a:hover {
  color:var(--card-ink);
}
.knowledge-page .k172-post-card h3 a:hover {
  text-decoration:underline;
  text-decoration-color:var(--card-label);
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.knowledge-page .k172-post-card .k169-card-copy>p {
  margin:17px 0 26px;
  color:var(--card-body);
  font-size:18px;
  line-height:1.7;
}
.knowledge-page .k172-post-card a:is(.k169-read-link,.k168-link) {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:52px;
  padding:12px 19px;
  margin-top:auto;
  border:1px solid var(--card-button);
  border-radius:7px;
  background:var(--card-button);
  color:var(--card-button-ink);
  font-size:17px;
  line-height:1.5;
  font-weight:650;
  text-decoration:none;
}
.knowledge-page .k172-post-card .k172-related-copy h3 { margin-bottom:26px; }
.knowledge-page .k172-post-card a:is(.k169-read-link,.k168-link):hover {
  background:var(--card-hover);
  border-color:var(--card-hover);
  color:var(--card-button-ink);
}
.knowledge-page .k172-post-card :is(a,button):focus-visible {
  outline:3px solid var(--card-focus);
  outline-offset:4px;
}
.knowledge-index-v169 .k169-library-grid { gap:32px; }
.knowledge-v169 .k168-related-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:32px;
}
.knowledge-index-v169 .k169-feature {
  gap:34px;
  padding:22px;
  border:1px solid #a9bfdc;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 12px rgb(5 11 31 / 4%);
}
.knowledge-index-v169 .k169-feature {
  transition:background-color .16s ease,border-color .16s ease;
}
.knowledge-index-v169 .k169-feature-copy { padding:10px 12px 10px 0; }
/* Hover-capable pointers only: touch taps must not leave a selected-looking card. */
@media(hover:hover) and (pointer:fine) {
  .knowledge-page .k172-post-card:hover {
    --card-border:#1f6bff;
    background:#eaf2ff;
    box-shadow:0 8px 22px rgb(5 11 31 / 10%);
  }
  .knowledge-index-v169 .k169-feature:hover {
    background:#eaf2ff;
    border-color:#1f6bff;
  }
}
.knowledge-v169 .k168-related-grid>.k172-post-card:last-child {
  border:1px solid var(--card-border);
  padding-bottom:0;
}
@media(max-width:900px) {
  .knowledge-index-v169 .k169-feature-copy { padding:0 6px 8px; }
  .knowledge-page .k172-post-card :is(.k169-card-copy,.k172-related-copy) { padding:24px; }
  .knowledge-index-v169 .k169-library-grid { gap:26px; }
}
@media(max-width:640px) {
  .knowledge-index-v169 .k169-feature { padding:12px; gap:23px; }
  .knowledge-index-v169 .k169-feature-copy { padding:0 9px 12px; }
  .knowledge-index-v169 .k169-library-grid,
  .knowledge-v169 .k168-related-grid { gap:28px; }
  .knowledge-v169 .k168-related-grid { grid-template-columns:1fr; }
  .knowledge-page .k172-post-card :is(.k169-card-copy,.k172-related-copy) { padding:22px; }
  .knowledge-page .k172-post-card :is(.k169-card-meta,.k168-meta) { font-size:15px; }
  .knowledge-page .k172-post-card :is(.k169-card-copy,.k172-related-copy) h3 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .knowledge-page .k172-post-card,
  .knowledge-index-v169 .k169-feature { transition:none; }
}
