/* Engineering and application pages use the same dark palette as the collection. */
.engineering-guide,
.application-guidance,
.application-brief,
.product-applications {
  background: linear-gradient(135deg, #122124, #0e191d 75%);
  border-color: var(--line);
}

.engineering-guide .eyebrow,
.application-guidance .eyebrow,
.application-brief .eyebrow,
.product-applications .eyebrow {
  color: var(--green);
}

.purpose-picker {
  background: linear-gradient(145deg, #192d2e, #111e23);
  border: 1px solid #34504b;
  box-shadow: 0 16px 45px #0000001f;
}

.purpose-picker > .mini-label,
.purpose-result > p {
  color: var(--muted);
}

.purpose-buttons button {
  color: #d3e3dd;
  border-color: #46645d;
  background: #142428;
  transition: background .2s, border-color .2s, color .2s;
}

.purpose-buttons button:hover {
  background: #213a36;
  border-color: #70dfb380;
}

.purpose-buttons button[aria-pressed="true"] {
  background: var(--green);
  color: #0b211b;
  border-color: var(--green);
}

.purpose-links a {
  color: #d8e9e3;
  border-bottom-color: #527168;
}

.purpose-links a:hover,
.purpose-result .text-link {
  color: var(--green);
}

.selection-checklist,
.application-checklist,
.application-brief aside {
  background: var(--surface);
  border-color: #34494a;
  box-shadow: 0 14px 35px #00000014;
}

.knowledge-section,
.application-duty-section,
.application-material-section {
  background: var(--paper);
}

.faq-list details {
  border-color: var(--line);
}

.faq-list summary {
  color: var(--ink);
  transition: color .2s;
}

.faq-list summary:hover,
.faq-list details[open] summary {
  color: var(--green);
}

.faq-list details > p,
.reference-notes,
.guide-footnote {
  color: var(--muted);
}

.reference-notes a,
.guide-footnote a,
.source-notice a {
  color: #b6d9cf;
  text-decoration-color: #577b70;
  text-underline-offset: 3px;
}

.reference-notes a:hover,
.guide-footnote a:hover,
.source-notice a:hover {
  color: var(--green);
}

.compare-toggle {
  background: #122024;
  border-color: var(--line);
  color: #bad6c9;
}

.compare-toggle:hover,
.compare-toggle[aria-pressed="true"] {
  background: #233c34;
  color: #9ce9c7;
}

.product-detail-copy .compare-toggle {
  color: var(--green);
  background: transparent;
}

.product-detail-copy .compare-toggle:hover,
.product-detail-copy .compare-toggle[aria-pressed="true"] {
  color: #b6f5d9;
}

.compare-bar {
  background: #17262b;
  color: var(--ink);
  border-color: #3d5753;
  box-shadow: 0 12px 44px #00000070;
}

.compare-open {
  background: var(--green);
  color: #0b211b;
  font-weight: 600;
}

.compare-open:hover:not(:disabled) {
  background: #99efc9;
}

.compare-open:disabled {
  background: #2a3b3d;
  color: #a3b6b1;
}

.compare-clear {
  color: var(--muted);
}

.compare-clear:hover {
  color: var(--ink);
}

.compare-dialog {
  background: #101c20;
  border-color: #3c5552;
  box-shadow: 0 25px 100px #00000080;
}

.compare-dialog::backdrop {
  background: #03080cbb;
  backdrop-filter: blur(8px);
}

.compare-table thead th {
  background: #18272b;
  color: var(--ink);
}

.compare-table thead th:first-child,
.compare-table tbody th,
.compare-table small,
.compare-swipe-hint {
  color: var(--muted);
}

.compare-table tbody tr:nth-child(even) {
  background: #162429;
}

.compare-table img {
  background: #24323a;
  border: 1px solid #496159;
  border-radius: 5px;
  padding: 10px;
}

.compare-header .icon-action {
  background: #1a2b2f;
  border-color: #3a5351;
  color: var(--ink);
}

.compare-header .icon-action:hover {
  background: #29433d;
}

.spec-table {
  background: #131f24;
  border: 1px solid var(--line);
}

.spec-table tr:nth-child(even) {
  background: #18272b;
}

.spec-table th {
  color: #b1c6bd;
}

.spec-table td {
  color: var(--ink);
}

.technical-details summary {
  color: #c1dbd0;
}

.technical-details summary:hover {
  color: var(--green);
}

.application-context-links a {
  background: #17292c;
  border-color: #3a5651;
  color: #d0e3da;
}

.application-context-links a:hover {
  background: #29463c;
  color: #a9f0ce;
  border-color: #6fab94;
}

.application-page-nav {
  border-color: var(--line);
}

.application-page-nav a {
  color: #c5dbd3;
}

.application-page-nav a:hover {
  color: var(--green);
}

.application-page-hero figure {
  border: 1px solid #344b49;
  box-shadow: 0 20px 55px #00000040;
}

.application-page-hero img {
  filter: saturate(.9);
}

.application-page-hero figcaption {
  background: linear-gradient(transparent, #08181be8);
  color: #edf5f2;
}

.application-duty-card {
  background: linear-gradient(145deg, #1a2a2e, #131f24);
  border-color: #334949;
  box-shadow: 0 10px 35px #00000015;
}

.application-duty-links a {
  color: #b7dccb;
}

.application-duty-links a:hover {
  color: var(--green);
}

.application-challenges article,
.application-brief li {
  border-color: #344b46;
}

.application-material-grid article {
  border-top-color: #59947e;
}

.application-products {
  background: #111e22;
  border-color: var(--line);
}

.application-product-role {
  color: #b2c8bd;
}

.application-directory-section {
  background: #101b1f;
}

.application-directory a {
  color: #c8ded4;
}

.application-directory a:hover {
  color: var(--green);
}

.application-questions .reference-notes {
  padding: 18px 20px;
  background: #131f24;
  border: 1px solid var(--line);
  border-radius: 5px;
}

.application-questions .reference-notes summary {
  color: #b5d6c8;
}

@media (max-width: 650px) {
  .compare-dialog {
    box-shadow: 0 16px 60px #00000075;
  }

  .application-questions .reference-notes {
    padding: 16px;
  }
}