/* Public documentation: the same restrained blue palette as the landing page.
   Keep the existing library, reader and navigation layouts intact. */
.pd-main,
.pd-toc { background: var(--paper); }
.pd-sidebar {
  background: var(--soft);
  border-color: var(--line);
  scrollbar-color: var(--ws-line-strong,#bdcadb) transparent;
}
.pd-sidebar-title strong,
.pd-help strong,
.pd-search-results h1,
.pd-search-result h2,
.pd-search-empty strong,
.pd-quick strong,
.pd-journey h3,
.pd-callout strong { color: var(--ink); }
.pd-sidebar-title span,
.pd-nav-empty,
.pd-help,
.pd-search-results-copy,
.pd-search-result-meta,
.pd-search-result p,
.pd-search-empty,
.pd-hero p,
.pd-section-head p,
.pd-quick small,
.pd-resource-link small,
.pd-journey-head p,
.pd-journey-link small,
.pd-breadcrumb,
.pd-reader-lead,
.pd-figure figcaption,
.pd-pager span,
.pd-toc strong,
.pd-toc a { color: var(--muted); }

/* Controls and navigation share one action colour. */
.pd-button,
.pd-mobilebar button {
  color: var(--ink);
  border-color: var(--line);
  background: var(--paper);
  box-shadow: none;
}
.pd-button,
.pd-start,
.pd-help a,
.pd-nav-home,
.pd-nav-link.active,
.pd-search-result-open,
.pd-breadcrumb a { font-weight: 650; }
.pd-button:hover,
.pd-mobilebar button:hover {
  color: var(--product-blue-dark);
  border-color: var(--ws-accent-line,#a9bfde);
  background: var(--product-blue-soft);
}
.pd-start {
  color: #fff;
  background: var(--product-blue);
  box-shadow: 0 4px 12px rgba(37, 99, 235, .12);
}
.pd-start:hover { color: #fff; background: var(--product-blue-dark); }
.pd-search {
  color: var(--muted);
  border-color: var(--line);
  background: var(--paper);
}
.pd-search input { color: var(--ink); }
.pd-search input::placeholder { color: var(--muted); opacity: 1; }
.pd-search:focus-within,
.pd-api-search input:focus {
  border-color: var(--ws-accent-line,#80aaf0);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}
.pd-shell a:focus-visible,
.pd-shell button:focus-visible {
  outline: 2px solid var(--ws-accent-line,#60a5fa);
  outline-offset: 3px;
}
.pd-nav-home,
.pd-nav-link { color: var(--ws-text,#42546d); }
.pd-nav-title { color: var(--muted); font-weight: 650; }
.pd-nav-home:hover,
.pd-nav-home.active,
.pd-nav-link:hover,
.pd-nav-link.active {
  color: var(--product-blue-dark);
  background: var(--product-blue-soft);
}
.pd-help { border-color: var(--line); background: var(--paper); }
.pd-help strong,
.pd-mobilebar strong { font-weight: 650; }
.pd-mobilebar {
  border-color: var(--line);
  background: rgba(255, 255, 255, .96);
}

/* The catalogue uses consistent numbered markers instead of category colours. */
.pd-hero,
.pd-search-results-head,
.pd-reader-section,
.pd-pager,
.pd-toc { border-color: var(--line); }
.pd-eyebrow,
.pd-search-results-label {
  color: var(--product-blue-dark);
  font-weight: 650;
}
.pd-eyebrow::before { background: var(--product-blue); }
.pd-count {
  color: var(--muted);
  border-color: var(--line);
  background: var(--soft);
  font-weight: 650;
}
.pd-quick,
.pd-journey,
.pd-journey[data-tone] {
  --accent: var(--product-blue);
  border-color: var(--line);
  background: var(--soft);
  box-shadow: 0 3px 12px rgba(27, 49, 80, .035);
}
.pd-quick a,
.pd-journey-head {
  border-color: var(--line);
  background: var(--paper);
}
.pd-quick a:hover { background: var(--product-blue-soft); }
.pd-number,
.pd-journey-index {
  color: var(--product-blue-dark);
  background: var(--ws-accent-soft,#e5eeff);
  font-weight: 650;
}
.pd-quick strong,
.pd-journey h3,
.pd-journey-group h4 { font-weight: 650; }
.pd-journey-group h4 { color: var(--muted); }
.pd-journey-link { color: var(--ws-text,#42546d); border-color: var(--line); }
.pd-journey-link:hover { color: var(--product-blue-dark); }

/* Search results and article content use the same neutral surfaces. */
.pd-search-result,
.pd-pager a {
  border-color: var(--line);
  background: var(--paper);
  box-shadow: 0 3px 12px rgba(27, 49, 80, .025);
}
.pd-search-result:hover,
.pd-pager a:hover {
  border-color: var(--ws-accent-line,#a8c2e8);
  background: #f6f9ff;
}
.pd-search-result-meta { font-weight: 650; }
.pd-search-result-meta span:first-child { color: var(--product-blue-dark); }
.pd-search-result mark { color: var(--ws-accent-hover,#1d4ed8); background: var(--ws-accent-line,#dbeafe); }
.pd-search-empty { border-color: var(--line); background: var(--soft); }
.pd-reader-meta span {
  color: var(--muted);
  background: var(--soft);
  font-weight: 650;
}
.pd-reader-section p,
.pd-reader-section ul,
.pd-reader-section ol { color: var(--ws-text,#3c4e65); }
.pd-resource-link {
  color: var(--product-blue-dark);
  border-color: var(--ws-accent-line,#d5e3f7);
  background: var(--product-blue-soft);
}
.pd-resource-link:hover { border-color: var(--ws-accent-line,#a8c2e8); background: var(--ws-accent-soft,#e5eeff); }
.pd-resource-link strong { font-weight: 650; }
.pd-callout { color: var(--ws-text,#3c526d); background: var(--soft); }
.pd-callout-tip,
.pd-callout-note { background: var(--product-blue-soft); }
.pd-callout-warning { color: #69573c; background: #faf5eb; }
.pd-callout-warning strong { color: #71582f; }
.pd-figure { border-color: var(--line); background: var(--soft); }
.pd-figure-title { color: var(--ink); border-color: var(--line); background: var(--paper); font-weight: 650; }
.pd-figure figcaption { background: var(--paper); }
.pd-table-wrap,
.pd-table-wrap th,
.pd-table-wrap td { border-color: var(--line); }
.pd-table-wrap th { color: var(--ws-muted,#4c6079); background: var(--soft); font-weight: 650; }
.pd-code-block > strong { color: var(--ink); font-weight: 650; }
.pd-code-block pre { color: var(--ws-accent-soft,#e6effc); background: var(--ws-accent-hover,#20334e); }
.pd-toc strong,
.pd-pager span { font-weight: 650; }
.pd-toc a { border-left-color: var(--line); }
.pd-toc a:hover { color: var(--product-blue-dark); border-left-color: var(--product-blue); }

/* The API guide uses this reader too. Method names retain explicit text labels. */
.pd-api-search { color: var(--ink); font-weight: 650; }
.pd-api-search input,
.pd-api-methods {
  color: var(--ink);
  border-color: var(--line);
  background: var(--paper);
}
.pd-api-search input::placeholder { color: var(--muted); opacity: 1; }
.pd-reader-section .pd-api-method-count,
.pd-api-method-description { color: var(--muted); }
.pd-api-methods { scrollbar-color: var(--ws-line-strong,#bdcadb) transparent; }
.pd-api-method { border-color: var(--line); }
.pd-api-method > summary:hover,
.pd-api-method[open] > summary { background: var(--product-blue-soft); }
.pd-api-method > summary:focus-visible { outline-color: var(--ws-accent-line,#60a5fa); }
.pd-api-method > summary code { color: var(--ink); }
.pd-api-method-badge,
.pd-api-method-badge[data-method="POST"],
.pd-api-method-badge[data-method="PATCH"],
.pd-api-method-badge[data-method="PUT"] {
  color: var(--product-blue-dark);
  background: var(--ws-accent-soft,#e5eeff);
}
.pd-api-method-badge[data-method="DELETE"] { color: #a64039; background: #faf0ef; }
.pd-api-method-content { border-color: var(--line); background: var(--ws-soft,#f8fafd); }
.pd-api-method-content pre { color: var(--ink); border-color: var(--line); background: var(--ws-accent-soft,#edf2f8); }
.pd-api-copy { color: var(--ws-muted,#4c6079); border-color: var(--line); background: var(--paper); font-weight: 650; }
.pd-api-copy:hover { color: var(--product-blue-dark); border-color: var(--ws-accent-line,#a8c2e8); background: var(--product-blue-soft); }

@media (max-width: 1080px) {
  .pd-sidebar { box-shadow: 18px 0 42px rgba(27, 49, 80, .14); }
  body.pd-nav-open .pd-backdrop { background: rgba(29, 45, 67, .35); }
}
@media (max-width: 700px) {
  .pd-quick a,
  .pd-quick a:nth-child(2n),
  .pd-quick a:nth-last-child(-n+2) { border-color: var(--line); }
}