/* Product compositions retain their geometry and use the site's continuous glass palette. */
html:root .product-page {
  --act-line: var(--line); --act-soft: var(--muted); --act-panel: var(--surface); --act-accent: var(--lime);
}
html:root .product-page :is(.product-workflow,.product-cta,.exp-connection-route,.exp-pipelines-release,.exp-ontology-review,.exp-explorer-workflow,.exp-quiver-workflow,.exp-map-itinerary,.ws-build-story,.auto-history,.logic-evaluation,.exp-compass-route,.exp-notepad-publish,.exp-admin-govern) {
  background: transparent; color: var(--ink); border-color: var(--line);
}
html:root .product-page :is(.product-cta,.exp-pipelines-release,.exp-quiver-workflow,.exp-notepad-publish) :is(h2,h3) { color: var(--ink); }
html:root .product-page :is(.product-cta,.exp-pipelines-release,.exp-quiver-workflow,.exp-notepad-publish) .eyebrow { color: var(--lime); }
html:root .product-page :is(.product-lede,.product-visual-caption,.product-intro>p,.product-intro>div>p:not(.eyebrow),.product-steps p,.product-cta p,.exp-connection-route li p,.exp-pipelines-release-steps p,.exp-pipelines-release-footer>p,.exp-ontology-review-intro>p:last-child,.exp-ontology-model-steps p,.exp-explorer-workflow li p,.exp-quiver-workflow li p,.exp-map-workflow-lede,.exp-map-itinerary li p,.exp-notepad-publish p) { color: var(--muted); }

/* Outer glass frames and their quieter nested working surfaces. */
html:root .product-page :is(.product-visual,.exp-connection-hero,.exp-pipelines-hero,.exp-ontology-hero,.exp-explorer-console,.exp-quiver-canvas,.exp-map-atlas,.act-scene,.auto-ledger,.logic-workbench,.logic-eval-figure,.exp-compass-console,.exp-notepad-document,.exp-admin-matrix,.exp-admin-ledger) {
  background: var(--glass-panel); color: var(--ink); border-color: var(--glass-edge);
  box-shadow: inset 0 1px 0 var(--glass-highlight), 0 18px 50px #00000012;
}
html:root .product-page :is(.product-related-grid a,.product-flow-node,.exp-connection-categories li,.exp-connection-sources,.exp-connection-destination,.exp-pipelines-node,.exp-pipelines-preview,.exp-pipelines-toolbox,.exp-ontology-object,.exp-ontology-inspector,.exp-ontology-binding-diagram,.exp-explorer-query,.exp-explorer-record,.exp-quiver-recipe,.exp-quiver-card-chain,.exp-quiver-comparison,.exp-quiver-dashboard-art,.exp-quiver-mini-chart,.exp-quiver-mini-bars,.exp-quiver-mini-table,.exp-map-stack-layer,.ws-palette,.ws-inspector,.ws-table,.ws-detail,.ws-composition-map,.ws-block:not(.ws-block-title),.auto-node,.auto-rule-sentence,.auto-tokens span,.logic-node,.logic-model,.logic-output,.logic-instruction,.exp-compass-browser aside,.exp-notepad-embed) {
  background: var(--glass-card); color: var(--ink); border-color: var(--glass-edge);
}
html:root .product-page :is(.product-related-grid a:hover,.product-directory-grid a[aria-current='page'],.exp-connection-sources li.is-selected,.exp-explorer-console tr.is-selected td,.exp-compass-folder-list .is-current,.ws-table .ws-selected,.auto-gate,.logic-model) {
  background: var(--glass-hover); border-color: var(--lime); color: var(--ink);
}
html:root .product-page :is(.product-visual-bar,.exp-connection-caption,.exp-pipelines-toolbar,.exp-pipelines-preview-label,.exp-pipelines-preview th,.exp-ontology-caption,.exp-explorer-bar,.exp-quiver-canvas-top,.exp-map-atlas-top,.act-chrome,.act-caption,.auto-run-strip,.logic-eval-figure figcaption,.logic-eval-figure thead th,.ws-table .ws-table-head,.ws-window-bar,.exp-compass-console figcaption,.exp-admin-matrix figcaption,.exp-admin-matrix thead th) {
  background: var(--glass-section); color: var(--muted); border-color: var(--line);
}
html:root .product-page :is(.exp-quiver-main-chart,.exp-pipelines-preview tbody tr:nth-child(even),.exp-admin-matrix tbody tr:nth-child(even)) { background: transparent; }
html:root .product-page :is(.product-flow,.exp-pipelines-canvas,.exp-ontology-graph,.ws-canvas,.logic-graph) {
  background-color: transparent; background-image: radial-gradient(var(--line) 1px, transparent 1px);
}
html:root .product-page :is(.exp-pipelines-node-output,.exp-ontology-shipment,.ws-action-label) { background: var(--depth-button); color: var(--depth-button-ink); border-color: var(--lime); }
html:root .product-page :is(.exp-pipelines-node-output svg,.exp-pipelines-node-output code,.exp-ontology-shipment>span) { color: var(--depth-button-ink); }
html:root .product-page .product-cta .button { background: var(--depth-button); color: var(--depth-button-ink); border-color: transparent; }
html:root .product-page .product-cta .button:hover { background: var(--depth-button-hover); }
html:root .product-page :is(.product-cta a:focus-visible,.product-directory summary:focus-visible) { outline-color: var(--lime); }
html:root .product-page :is(.product-directory summary,.exp-quiver-chart-heading strong,.exp-quiver-recipe li,.exp-ontology-binding-diagram>code,.exp-explorer-saved,.ws-app-heading,.ws-inspector strong,.auto-log-entry strong,.logic-output dt,.logic-prompt,.logic-context strong,.logic-result>strong,.logic-eval-figure tbody th,.exp-notepad-document h2,.exp-notepad-quote) { color: var(--ink); }

/* Supporting text stays neutral; statuses and connector logos retain their meaning. */
html:root .product-page :is(.exp-connection-caption>:last-child,.exp-connection-list-title,.exp-connection-source-head span,.exp-connection-destination span,.exp-connection-schema>code,.exp-connection-schema dd,.exp-connection-transfer,.exp-connection-footnote,.exp-pipelines-column-label,.exp-pipelines-node code,.exp-pipelines-preview td,.exp-ontology-caption>:last-child,.exp-ontology-inspector-heading>span,.exp-ontology-inspector dd,.exp-ontology-action>:first-child,.exp-ontology-relation-label,.exp-ontology-relation>div,.exp-ontology-proposal,.exp-explorer-key,.exp-explorer-chips span,.exp-explorer-console th,.exp-explorer-record p,.exp-explorer-linked div>span) { color: var(--muted); }
html:root .product-page :is(.exp-quiver-legend,.exp-quiver-legend>span:last-child,.exp-quiver-recipe li small,.exp-quiver-recipe-note p,.exp-quiver-comparison>div>span:first-child,.exp-map-time,.ws-palette>div,.auto-tokens span,.logic-model small,.logic-output>div,.logic-output em,.logic-output dd,.exp-compass-folder-list>span,.exp-compass-file-columns,.exp-notepad-paper-meta,.exp-notepad-document>p,.exp-notepad-embed>div,.exp-notepad-document figcaption) { color: var(--muted); }
html:root .product-page :is(.exp-pipelines-node>svg,.exp-pipelines-release-footer .text-link,.exp-ontology-object>span,.exp-ontology-binding-diagram>span,.exp-ontology-binding-diagram>div>:nth-child(2),.exp-ontology-mainline code,.exp-ontology-proposal>span:nth-child(even),.exp-ontology-model-steps li>span,.exp-quiver-evidence article .exp-example-label,.exp-quiver-dashboard article .exp-example-label,.exp-quiver-card-chain>span[aria-hidden],.exp-quiver-step,.exp-map-stack-layer span,.exp-compass-breadcrumb-art i,.exp-notepad-publish li>span,.product-cta .text-link:hover) { color: var(--lime); }
html:root .product-page :is(.product-breadcrumb li+li::before,.exp-pipelines-column:not(:first-child)::before) { color: var(--muted); }

/* Neutral technical lines link the glass surfaces without green section seams. */
html:root .product-page :is(.product-feature-grid article,.product-step-number,.exp-connection-caption,.exp-connection-source-mark,.exp-connection-schema dl,.exp-connection-footnote,.exp-connection-route li,.exp-pipelines-preview :is(td,th),.exp-pipelines-toolbox li,.exp-pipelines-release-steps li,.exp-pipelines-release-footer,.exp-ontology-inspector dl>div,.exp-ontology-action,.exp-ontology-relations,.exp-ontology-relation,.exp-ontology-binding-diagram>div,.exp-ontology-mainline,.exp-ontology-proposal,.exp-explorer-query,.exp-explorer-chips span,.exp-explorer-console :is(th,td),.exp-explorer-linked,.exp-explorer-thread-index,.exp-explorer-workflow li,.exp-quiver-recipe li,.exp-quiver-card-chain>span:not([aria-hidden]),.exp-quiver-card-chain>div span,.exp-quiver-workflow li,.exp-map-layer-text article,.exp-map-route-number,.ws-table>div,.logic-context li,.logic-eval-figure :is(th,td),.exp-compass-file,.exp-compass-route ol,.exp-notepad-paper-meta,.exp-notepad-document figcaption,.exp-notepad-chapters,.exp-notepad-chapters article,.exp-notepad-publish li,.exp-admin-matrix :is(th,td),.exp-admin-policy-rows article,.exp-admin-govern li,.exp-admin-ledger-item) { border-color: var(--line); }
html:root .product-page :is(.product-flow::before,.product-steps li:not(:last-child)::after,.exp-connection-transfer-line,.exp-pipelines-connector,.exp-ontology-relation-line,.exp-explorer-thread::before,.exp-map-time-track,.exp-map-itinerary li:not(:last-child)::before,.auto-connector,.auto-branch::before,.logic-join i) { background: var(--depth-art-line); }
html:root .product-page :is(.exp-connection-transfer-line::after,.exp-ontology-relation-line::after,.exp-ontology-branch-dot,.exp-record-dot,.ws-skeleton,.ws-mini-bars i,.exp-quiver-mini-controls i,.exp-quiver-mini-table i) { background: var(--lime); }
html:root .product-page :is(.exp-pipelines-release-point,.exp-explorer-thread-index,.exp-quiver-card-chain>span:not([aria-hidden]),.exp-quiver-card-chain>div span,.exp-map-route-number,.exp-explorer-chips span) { background: var(--glass-card); color: var(--lime); }
html:root .product-page :is(.exp-pipelines-connector::after,.exp-notepad-quote) { border-color: var(--lime); }
html:root .product-page .exp-ontology-edges { color: var(--depth-art-line); }
html:root .product-page .exp-ontology-edges .exp-ontology-trace { stroke: var(--lime); }

/* Recolor conceptual diagrams; geographic terrain and real brand marks are untouched. */
html:root .product-page .exp-map-stack-layer:is(.layer-ground,.layer-objects,.layer-time) { background: var(--glass-card); border-color: var(--depth-art-line); }
html:root .product-page .exp-map-stack-layer i { background: #7498d7; border-color: var(--lime); }
html:root .product-page .exp-map-stack-layer.layer-time i { background: var(--lime); }
html:root .product-page :is(.exp-quiver-comparison-cells i,.exp-quiver-mini-bars i) { background: #7498d7; }
html:root .product-page :is(.exp-quiver-comparison-cells i:nth-child(2n),.exp-quiver-mini-bars i:nth-child(2n)) { background: #a597d9; }
html:root .product-page .exp-quiver-comparison-cells i:nth-child(3n) { background: var(--lime); }
html:root .product-page.exp-quiver svg [stroke='#d0f99c'] { stroke: var(--lime); }
html:root .product-page.exp-quiver svg [fill='#d0f99c'] { fill: var(--lime); }
html:root .product-page :is(.exp-quiver-chart text) { fill: var(--muted); }
html:root .product-page .exp-quiver-chart :is(.exp-quiver-grid,path[stroke='#e6eade']) { stroke: var(--depth-art-line); }
html:root .product-page .exp-notepad-embed svg [stroke='#d3dacb'] { stroke: var(--line); }
html:root .product-page .exp-notepad-embed svg [stroke='#4d7240'] { stroke: var(--lime); }
html:root .product-page .exp-notepad-embed svg [fill='#4d7240'] { fill: var(--lime); }
html:root .product-page .exp-notepad-document { outline-color: var(--glass-edge); }
html:root .product-page :is(.exp-connection-sources li,.ws-block-title) { color: var(--ink); }
html:root .product-page .exp-connection-brand-icon { color: var(--lime); }
html:root .product-page .auto-no .auto-node { background: var(--glass-card); border-color: var(--line); color: var(--muted); }
html:root .product-page :is(.exp-pipelines-node-output svg,.exp-pipelines-node-output code,.exp-ontology-shipment>span) { color: var(--depth-button-ink); }
html:root .product-page .exp-admin-allow { color: #a8d7ba; }
html[data-theme='light']:root .product-page .exp-admin-allow { color: #2f6a3d; }
@keyframes ws-selection { from { background: var(--glass-card); } to { background: var(--glass-hover); } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:root .product-page :is(.product-visual,.exp-connection-hero,.exp-pipelines-hero,.exp-ontology-hero,.exp-explorer-console,.exp-quiver-canvas,.exp-map-atlas,.act-scene,.auto-ledger,.logic-workbench,.logic-eval-figure,.exp-compass-console,.exp-notepad-document,.exp-admin-matrix,.exp-admin-ledger) {
    -webkit-backdrop-filter: blur(14px) saturate(115%);
    backdrop-filter: blur(14px) saturate(115%);
  }
}