/* v170: one logo-led colour treatment for Guides, Blog and their articles.
   Bright cyan is an accent; text sits on contrast-tested blue or white. */
.knowledge-v169 {
  --k170-blue: #0057d9;
  --k170-cyan: #00b5ee;
  --k170-ink: #102b50;
  --k170-text: #405672;
  --k170-soft: #eff8ff;
  --k170-line: #c7e0f2;
  --k170-banner: linear-gradient(110deg, #0759e6 0%, #0069ce 60%, #006fbd 100%);
  --k168-blue: var(--k170-blue);
  --k168-ink: var(--k170-ink);
  --k168-soft: var(--k170-soft);
  --k169-blue: var(--k170-blue);
  --k169-ink: var(--k170-ink);
  --k169-text: var(--k170-text);
  --k169-rule: var(--k170-line);
  background: #fff;
  color: var(--k170-ink);
}

/* Library openings and article openings belong to the same visual family. */
.knowledge-v169 :is(.k169-intro, .k169-article-intro, .k169-build-band, .k168-blue-band) {
  background: var(--k170-banner);
  color: #fff;
  border-bottom: 5px solid var(--k170-cyan);
}
.knowledge-v169 :is(.k169-intro, .k169-build-band, .k168-blue-band) :is(h1, h2, p),
.knowledge-v169 .k169-article-intro :is(.k168-deck, .k168-article-kicker),
.knowledge-v169 .k169-article-intro .k168-byline>div>span,
.knowledge-v169 .k169-article-intro .k168-breadcrumb,
.knowledge-v169 .k169-article-intro .k168-breadcrumb>[aria-hidden] {
  color: #fff;
}
.knowledge-v169 :is(.k169-intro, .k169-article-intro, .k169-build-band, .k168-blue-band) :focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
.knowledge-v169 .k169-article-intro .k168-breadcrumb {
  border-bottom-color: #ffffff66;
}
.knowledge-v169 .k168-share :is(a, button) { border-color: #ffffffb3; }
.knowledge-v169 .k168-share :is(a, button):hover { color: var(--k170-blue); }

/* White reading surfaces, blue actions and a light cyan supporting colour. */
.knowledge-index-v169 .k169-feature-section,
.knowledge-v169 :is(.k168-reading-aside, .k168-takeaways, .k168-author-box) {
  background: var(--k170-soft);
  border-color: var(--k170-line);
}
.knowledge-v169 .k168-back-to-index { background: #e2f3ff; color: var(--k170-blue); }
.knowledge-index-v169 :is(.k169-feature-image, .k169-card-image),
.knowledge-v169 :is(.k168-article-cover, .k168-related-grid .k168-cover-link) {
  background: var(--k170-soft);
  border-color: var(--k170-line);
}
.knowledge-index-v169 .k169-search button,
.knowledge-index-v169 .k169-button:not(.k169-button-white) {
  background: var(--k170-blue);
  border-color: var(--k170-blue);
  color: #fff;
}
.knowledge-index-v169 .k169-search button:hover,
.knowledge-index-v169 .k169-button:not(.k169-button-white):hover {
  background: #0049b8;
  border-color: #0049b8;
}
.knowledge-index-v169 .k169-button-white,
.knowledge-v169 .k168-blue-band a {
  background: #fff;
  border-color: #fff;
  color: var(--k170-blue);
}
.knowledge-index-v169 .k169-button-white:hover,
.knowledge-v169 .k168-blue-band a:hover {
  background: #e9f8ff;
  border-color: #e9f8ff;
  color: #0049b8;
}
.knowledge-index-v169 :is(.k169-feature-label, .k169-card-meta>span:first-child, .k169-read-link),
.knowledge-index-v169 .k169-topics a[aria-current],
.knowledge-v169 :is(.k168-answer .k168-label, .k168-contents a[aria-current]) {
  color: var(--k170-blue);
}
.knowledge-index-v169 .k169-topics a[aria-current]:after,
.knowledge-v169 .k168-resource-links a[aria-current]:after {
  background: var(--k170-blue);
}
.knowledge-index-v169 .k169-read-link:hover {
  background: var(--k170-soft);
  border-color: var(--k170-blue);
  color: #0049b8;
}
.knowledge-v169 .k168-prose th { background: var(--k170-blue); color: #fff; }
.knowledge-v169 .k168-prose pre {
  background: var(--k170-soft);
  border: 1px solid var(--k170-line);
  color: var(--k170-ink);
}
.knowledge-v169 .k168-prose blockquote { border-left-color: var(--k170-blue); }
.knowledge-v169 .k168-faq { border-top-color: var(--k170-blue); }

/* Keep the established large type and safe controls on narrow screens. */
@media (max-width:640px) {
  .knowledge-index-v169 .k168-breadcrumb,
  .knowledge-index-v169 .k169-pagination { font-size:16px; }
  .knowledge-index-v169 .k169-pagination { gap:10px; }
  .knowledge-v169 .k169-article-intro { overflow-wrap:break-word; }
}
@media print {
  .knowledge-v169 :is(.k169-intro, .k169-article-intro, .k169-build-band, .k168-blue-band) {
    background:#fff;
    color:#000;
    border-bottom:0;
  }
  .knowledge-v169 .k169-article-intro :is(h1, p, a, span, .k168-article-kicker) { color:#000; }
}
