/* Opt-in foreground presentation. The original opening, snowfall and scene geometry
   remain owned by their existing styles and progress controllers. */

/* Keep headings and copy in the open ambient field. A local, feathered mat
   protects reading without joining whole chapters into an opaque lane. */
html.foreground-focus .reading-services::before,
html.foreground-focus :is(#projects,#difference)::before,
html.foreground-focus #contact .product-contact-grid::before{content:none}
html.foreground-focus .reading-services .clarity-reading::before,
html.foreground-focus #projects .clarity-reading::before,
html.foreground-focus #difference .clarity-reading::before,
html.foreground-focus #contact .product-contact-grid .clarity-reading::before{
 background:radial-gradient(ellipse at center,#1f243066 0%,#1f243033 65%,transparent 100%);
}

/* One principal surface per scene, with quiet controls above and depth below. */
html.foreground-focus .reading-services .business-hub .service-demo{
 border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
html.foreground-focus .reading-services .service-demo .domain-primer{padding:0}
html.foreground-focus .reading-services .service-demo :is(.domain-toolbar,.domain-scenarios){
 background:#1f243035;border-color:#e6e1cf29;
}
html.foreground-focus .reading-services .service-demo .domain-toolbar{border-radius:10px 10px 0 0}
html.foreground-focus .reading-services :is(.sw-preview,.vision-acquisition),
html.foreground-focus #projectShowcase :is(.case-console,.case-primary,.guidance-meaning),
html.foreground-focus #difference .taste-workspace{
 border-color:#c6d2d535;background:#293240;
 box-shadow:0 14px 38px #0a101a26,0 1px 0 #e1edf012 inset;
}
html.foreground-focus .reading-services :is(.sw-preview__bar,.vision-acquisition__heading),
html.foreground-focus #projectShowcase .case-console-bar,
html.foreground-focus #difference .taste-workspace-bar{background:#e6e1cf05;border-color:#d2dfe335}
html.foreground-focus .reading-services .service-demo>figcaption{
 background:transparent;border-top:0;padding:22px 24px 18px;
}
html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry{
 border:1px solid #ffcc6659;border-radius:8px;background:#293240cc;padding:22px 24px;
}
html.foreground-focus .reading-services .service-demo .domain-advanced[open]>summary.depth-entry{border-radius:8px 8px 0 0}
html.foreground-focus .reading-services .service-demo .domain-advanced[open]{background:transparent}
html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry:hover{border-color:#ffcc6690;background:#343e4c80}
html.foreground-focus .reading-services .service-demo :is(.domain-steps button,.domain-modes button,.domain-scenarios button)[aria-pressed=true]{
 color:var(--gold);background:#ffcc6612;box-shadow:inset 0 -2px #ffcc6699;
}
html.foreground-focus .reading-services .domain-steps button{color:#b2b3b1;border-top-color:#e6e1cf26}
html.foreground-focus .reading-services :is(.domain-caption,.domain-illustration){color:#bdbdb5}

/* Equipment first; the linked record becomes the next foreground as progress advances. */
html.foreground-focus .reading-services .sw-preview .sw-preview__selected{background:transparent}
html.foreground-focus .reading-services .sw-preview .sw-preview__record{background:#e6e1cf04;border-color:#d2dfe335}
html.foreground-focus .reading-services .sw-preview :is(.sw-preview__eyebrow,.sw-preview__reference,.sw-preview__event code,.sw-preview__device small,.sw-preview__record-count,.sw-preview__record-fields dt,.sw-preview__source p){color:#bbc4cc}
html.foreground-focus .reading-services .sw-preview .sw-preview__chart-grid{stroke:#e6e1cf0e}
html.foreground-focus .reading-services .sw-preview .sw-preview__chart-limit{stroke:#e6e1cf59}
html.foreground-focus .reading-services .sw-preview .sw-preview__device[data-selected=true]{background:#ffcc6617;border-radius:5px}
html.foreground-focus .reading-services .sw-preview .sw-preview__device[data-selected=true]>svg{stroke:#ffcc66}
html.foreground-focus .reading-services .sw-preview .sw-preview__phases{background:#10172214}
html.foreground-focus .reading-services .sw-preview .sw-preview__phases li[data-status=active]{background:linear-gradient(0deg,#ffcc6610,transparent 85%)}
html.foreground-focus .reading-services .sw-preview[data-stage="0"] .sw-preview__devices{border-top-color:#ffcc6652}
html.foreground-focus .reading-services .sw-preview[data-stage="1"] .sw-preview__signal{background:radial-gradient(ellipse at 30% 50%,#ffcc661a,transparent 75%)}
html.foreground-focus .reading-services .sw-preview[data-stage="2"] .sw-preview__record,
html.foreground-focus .reading-services .sw-preview[data-stage="3"] .sw-preview__record,
html.foreground-focus .reading-services .sw-preview[data-stage="4"] .sw-preview__record{background:#ffcc6609;box-shadow:inset 3px 0 #ffcc6699}
html.foreground-focus .reading-services .sw-preview[data-stage="2"] .sw-preview__record-id,
html.foreground-focus .reading-services .sw-preview[data-stage="3"] .sw-preview__query>code,
html.foreground-focus .reading-services .sw-preview[data-stage="4"] .sw-preview__source strong{color:var(--gold)}
html.foreground-focus .reading-services .sw-preview[data-stage="3"] .sw-preview__query{border-color:#ffcc6652;background:#ffcc6608}
html.foreground-focus .reading-services .sw-preview[data-stage="4"] .sw-preview__source{border-top-color:#ffcc6670}
html.foreground-focus .reading-services .sw-preview[data-stage="1"] .sw-preview__event[data-observed=true]{border-top-color:#ffcc6666}

/* Acquisition geometry is untouched. Light, part and result retain their actual causal state. */
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__transport{background:transparent}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__inspection{background:#e6e1cf04;border-color:#d2dfe335}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__scene-heading{color:#bbc4cc}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__small{fill:#bbc4cc}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__surface-grid{stroke-opacity:.035}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__machine-support{stroke-opacity:.15}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__ticks{stroke-opacity:.18}
html.foreground-focus .reading-services .vision-acquisition [data-acquisition-part] rect{fill:#d3d8cb;stroke:#f0eedf}
html.foreground-focus .reading-services .vision-acquisition [data-acquisition-part] circle{fill:#29343d;stroke:#f0eedf}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__frame{fill:#536578;stroke:#e6e1cf;stroke-opacity:1}
html.foreground-focus .reading-services .vision-acquisition .vision-acquisition__camera-detail{stroke-opacity:.7}
html.foreground-focus .reading-services .vision-acquisition[data-capture=true] .vision-acquisition__frame{stroke:#ffcc66;fill:#596575}
html.foreground-focus .reading-services .vision-acquisition[data-capture=true] .vision-acquisition__exposure{fill-opacity:.2}
html.foreground-focus .reading-services .vision-acquisition[data-image-ready=true] .vision-acquisition__inspection{background:#e6e1cf08}
html.foreground-focus .reading-services .vision-acquisition[data-result-ready=true] .vision-acquisition__result{border-color:#ffcc6699;background:linear-gradient(180deg,#ffcc6617,transparent)}
html.foreground-focus .reading-services .service-demo[data-stage="4"] .vision-acquisition__result>strong{color:var(--gold)}

/* A selected case is one workspace; current focus belongs to its existing controller. */
html.foreground-focus #projectShowcase .case-picker button{background:#1f243052;border-color:#e6e1cf29}
html.foreground-focus #projectShowcase .case-picker button[aria-pressed=true]{background:#ffcc6610;border-color:#ffcc6699;box-shadow:inset 0 -2px #ffcc6699}
html.foreground-focus #projectShowcase :is(.case-track,.case-pane){background:#e6e1cf03;border-color:#d2dfe335}
html.foreground-focus #projectShowcase :is(.case-track,.case-pane,.case-primary,.guidance-meaning){--case-muted:#c4c8c5}
html.foreground-focus #projectShowcase [data-case-focus].case-focus-active{
 outline-color:#ffcc6699;background-color:#ffcc660b;box-shadow:inset 0 2px #ffcc6680;
}
html.foreground-focus #projectShowcase :is(.case-grid-line,.guidance-grid){stroke:#e6e1cf0e}
html.foreground-focus #projectShowcase .case-mark-target{fill:#e6e1cf30;stroke:#e6e1cfc0}
html.foreground-focus #projectShowcase .guidance-part{fill:#84939e;stroke:#ecebde}
html.foreground-focus #projectShowcase .guidance-part-edge{stroke:#ecebde59}
html.foreground-focus #projectShowcase .guidance-found text{paint-order:stroke fill;stroke:#29343d;stroke-width:2px;stroke-linejoin:round}
html.foreground-focus #projectShowcase .guidance-corrected{filter:drop-shadow(0 0 1px #171d28) drop-shadow(0 0 1px #171d28)}
html.foreground-focus #projectShowcase :is(.case-primary-codes,.case-primary-record,.case-primary-faces) rect{fill:#bccbd014;stroke:#e6e1cfaa}
html.foreground-focus #projectShowcase[data-stage="1"] .case-primary-codes rect,
html.foreground-focus #projectShowcase[data-stage="2"] .case-primary-record rect{fill:#ffcc661f;stroke:#ffcc66}
html.foreground-focus #projectShowcase[data-stage="1"] .case-primary-faces[data-primary-faces="1"] rect{fill:#d5e0dc26;stroke:#ffcc66}
html.foreground-focus #projectShowcase[data-stage="2"] .case-primary-result rect{fill:#df9b8529;stroke:#df9b85}
html.foreground-focus #projectShowcase [data-case-step][aria-pressed=true]{background:linear-gradient(180deg,#ffcc6610,transparent);border-top-color:var(--gold);color:var(--gold)}
html.foreground-focus #projectShowcase .guidance-key li.case-focus-active{background:#ffcc6612;box-shadow:inset 0 2px #ffcc6680}

/* The live selection and its detail read together; sample and evidence labels stay visible. */
html.foreground-focus #difference .taste-records{background:#e6e1cf03;border-color:#d2dfe335}
html.foreground-focus #difference .taste-detail{background:transparent;--muted2:#bbc4cc}
html.foreground-focus #difference .taste-record-list button{background:#e6e1cf03;border-color:#e6e1cf29}
html.foreground-focus #difference .taste-record-list button[aria-pressed=true]{background:#ffcc660c;border-color:#ffcc66b3;box-shadow:inset 3px 0 #ffcc66}
html.foreground-focus #difference .taste-record-list button[aria-pressed=true]>strong{color:var(--gold)}
html.foreground-focus #difference .taste-record-list button:not([data-review=true])>[data-taste-row-state]{color:#c4c8c5}
html.foreground-focus #difference .taste-filters button[aria-pressed=true]{background:#ffcc6612;color:var(--gold);border-color:#ffcc6659}
html.foreground-focus #difference .taste-detail-top>span{background:#ffcc660a;border-color:#ffcc6652}
html.foreground-focus #difference .taste-next{background:linear-gradient(90deg,#ffcc6608,transparent)}
html.foreground-focus #difference :is(.taste-boundary,.taste-record-count,.taste-record-list button>small,.taste-caption){color:#c4c8c5}

/* Definite native entries make the technical depth easy to discover. Specificity
   deliberately exceeds reading-mode's generic summary rule. */
html.foreground-focus #engineeringLibrary>summary.wrap.product-engineering-entry{
 background:#293240cc;border-color:#ffcc6659;box-shadow:0 10px 28px #10141c1c;
}
html.foreground-focus #engineeringLibrary>summary.wrap.product-engineering-entry:hover{background:#343e4c80;border-color:#ffcc6699}
html.foreground-focus #projects :is(.case-details,.case-runtime)>summary,
html.foreground-focus #difference #strengthEvidence>summary,
html.foreground-focus #contact :is(#contactPreparation,#contactQr)>summary{background:#2932407a;border-color:#ffcc664d}
html.foreground-focus #engineeringLibrary .product-engineering-flow i{background:#e6e1cf05}

@media(max-width:760px){
 html.foreground-focus .reading-services .service-demo>figcaption{padding:18px 14px}
 html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry{padding:20px 16px}
 html.foreground-focus .reading-services :is(.sw-preview,.vision-acquisition){border-radius:8px}
 html.foreground-focus .reading-services .sw-preview :is(.sw-preview__bar,.sw-preview__selected,.sw-preview__record){padding-inline:14px}
 html.foreground-focus .reading-services .sw-preview .sw-preview__phases{padding-inline:14px}
 html.foreground-focus .reading-services .vision-acquisition :is(.vision-acquisition__heading,.vision-acquisition__transport,.vision-acquisition__inspection){padding-inline:14px}
 html.foreground-focus .reading-services .sw-preview:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .sw-preview__record{box-shadow:inset 0 2px #ffcc6670}
}
@media(max-width:360px){
 html.foreground-focus .reading-services .sw-preview :is(.sw-preview__bar,.sw-preview__selected,.sw-preview__record){padding-inline:12px}
 html.foreground-focus .reading-services .sw-preview .sw-preview__phases{padding-inline:12px}
 html.foreground-focus .reading-services .vision-acquisition :is(.vision-acquisition__heading,.vision-acquisition__transport,.vision-acquisition__inspection){padding-inline:12px}
}

/* Source interfaces share the same pane; their subdivisions tint rather than
   cover its backdrop. Physical parts, images and semantic state marks stay solid. */
html.foreground-focus #projectShowcase :is(.case-mark-view,.case-face-row){background:#1017221a}
html.foreground-focus #projectShowcase .case-static{background:#293240}
html.foreground-focus #difference .taste-record-list button:hover{background:#e6e1cf08}

/* Flat, readable surfaces above are the fallback. Only these principal panes
   sample the ambient layer: no child blur, full-page veil or animated filtering. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html.foreground-focus .reading-services :is(.sw-preview,.vision-acquisition),
 html.foreground-focus #projectShowcase :is(.case-console,.case-primary,.guidance-meaning,.case-static),
 html.foreground-focus #difference .taste-workspace,
 html.foreground-focus #engineeringLibrary>summary.wrap.product-engineering-entry,
 html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry{
  background-color:#29324070;
  -webkit-backdrop-filter:blur(18px) saturate(108%);
  backdrop-filter:blur(18px) saturate(108%);
 }
 html.foreground-focus #engineeringLibrary>summary.wrap.product-engineering-entry:hover,
 html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry:hover{background-color:#343e4c85}
 @media(max-width:760px){
  html.foreground-focus .reading-services :is(.sw-preview,.vision-acquisition),
  html.foreground-focus #projectShowcase :is(.case-console,.case-primary,.guidance-meaning,.case-static),
  html.foreground-focus #difference .taste-workspace,
  html.foreground-focus #engineeringLibrary>summary.wrap.product-engineering-entry,
  html.foreground-focus .reading-services .service-demo .domain-advanced>summary.depth-entry{
   -webkit-backdrop-filter:blur(12px) saturate(106%);
   backdrop-filter:blur(12px) saturate(106%);
  }
 }
}