/* Full commercial-site content inside the independent case preview.
   Restore the source presentation where the former short-case CSS overlaps it. */
html:has(> body.commercial-case.full-commercial-case) {
  scroll-padding-top:0;
  background:var(--noe-bg);
  color-scheme:dark;
}

.commercial-case,
body.commercial-case.full-commercial-case,
body.commercial-case.restored-guide-page {
  --paper:var(--noe-bg);
  --paper-soft:var(--noe-surface);
  --ink:var(--noe-text);
  --ink-soft:var(--noe-muted);
  --line:var(--noe-line);
  --night:var(--noe-bg);
  --night-soft:var(--noe-surface);
  --shell:calc(100vw - 48px);
  font-family:var(--noe-font);
  background:var(--noe-bg);
  color:var(--noe-text);
}

.commercial-case.restored-guide-page header a[hreflang] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:9px 15px;
  border:1px solid #e6b38d80;
  border-radius:99px;
  background:linear-gradient(135deg,#e9b48426,#d88e7110);
  color:#f3cdad;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.025em;
}

.commercial-case.restored-guide-page header a[hreflang]:hover {
  background:#efb58330;
  border-color:#f1c5a1;
}

.commercial-case .restored-commercial-content {
  font-family:var(--noe-font);
  background:var(--noe-bg);
  color:var(--noe-text);
  line-height:1.6;
}

.commercial-case .restored-commercial-content > section {
  background:var(--noe-bg);
  color:var(--noe-text);
  color-scheme:dark;
  scroll-margin-top:92px;
}

.commercial-case.full-commercial-case .restored-commercial-content > section[id] {
  scroll-margin-top:92px;
}

.commercial-case .restored-commercial-content :is(button,input,select,textarea) {
  font-family:var(--noe-font);
}

.commercial-case .restored-commercial-content :is(h2,h3,h4) {
  color:var(--noe-text);
}

/* The restored overview has its own source grid, inside the case introduction. */
.commercial-case .restored-commercial-content .hero .hero-copy {
  width:auto;
  max-width:none;
  margin:0;
  text-align:left;
}

.commercial-case .restored-commercial-content .hero .hero-stage {
  width:100%;
  max-width:none;
  margin:30px 0 0;
}

.commercial-case .restored-commercial-content .hero-title {
  margin:0 0 32px;
  font-size:clamp(62px,5.9vw,100px);
  font-weight:520;
  letter-spacing:-.065em;
  line-height:1.08;
}

.commercial-case .restored-commercial-content .hero-line-accent {
  background:none;
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content :is(.hero-statement,
  .stage-function header p,.department-node strong,.coordination-capability-grid p,
  .stage-topline em,.stage-topline .stage-shared-foundation,.core-copy p,
  .exhibition-scroll) {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content :is(.release-pill,
  .release-text,.stage-topline,.stage-function,.department-node,
  .coordination-capability-grid article) {
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .release-pill {
  border-radius:var(--noe-control-radius);
  background:var(--noe-surface);
  color:var(--noe-text);
  box-shadow:none;
}

.commercial-case .restored-commercial-content .release-pill:hover {
  background:var(--noe-surface-raised);
  border-color:var(--noe-line-strong);
}

.commercial-case .restored-commercial-content :is(.release-label,
  .stage-function header > span,.exhibit-node,.section-index,
  .section-index-light,.position-rationale span,.position-node span,
  .architecture-orb small,.capability-story > header > span,
  .capability-story > header > p,.closing-eyebrow) {
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content .release-text,
.commercial-case .restored-commercial-content :is(.department-node span,
  .coordination-capability-grid strong,.core-copy strong,.core-copy small) {
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content .pill-arrow {
  background:var(--noe-accent);
  color:var(--noe-bg);
}

/* Research, scope and all four capabilities stay fully in the document flow. */
.commercial-case .restored-commercial-content :is(.vision-copy,
  .vision-copy p:last-child,.paradigm-shift li,.paradigm-capabilities li span,
  .thesis-proof-intro p,.thesis-proof-strip p,.thesis-proof-strip b,
  .thesis-proof-strip em,.proof-source span,.position-copy > p,
  .phase-audience > span,.proof-heading > p:last-child) {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content :is(.paradigm-state strong,
  .paradigm-capabilities li strong,.thesis-proof-intro strong,.proof-source strong,
  .vision-endline,.phase-transition strong,.position-rationale strong,
  .position-copy > p > strong,.audience-list strong) {
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content :is(.paradigm-new .paradigm-state strong,
  .thesis-proof-strip .proof-value,.phase-transition span,
  .position-copy h2 strong) {
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content :is(.paradigm-shift > article,
  .paradigm-state,.paradigm-state span,.paradigm-shift li,
  .thesis-proof-intro,.thesis-proof-strip,.thesis-proof-strip a + a,
  .proof-source,.thesis-proof-strip b,.phase-transition,.phase-audience,
  .position-outcomes,.position-outcomes span) {
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .paradigm-new {
  border-top-color:var(--noe-accent) !important;
}

.commercial-case .restored-commercial-content .paradigm-state span {
  border-radius:var(--noe-control-radius);
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .thesis-proof-strip a:hover {
  background:var(--noe-surface);
}

.commercial-case .restored-commercial-content .phase-transition i {
  color:var(--noe-accent);
  border-color:var(--noe-line-strong);
}

.commercial-case .restored-commercial-content .position-copy > .position-rationale {
  border-left-color:var(--noe-accent);
}

.commercial-case .restored-commercial-content .position-orbit {
  width:100%;
  max-width:none;
  margin:0;
  height:690px;
  min-height:690px;
}

.commercial-case .restored-commercial-content .position-orbit.has-spatial-model {
  height:660px;
  min-height:660px;
}

.commercial-case .restored-commercial-content .spatial-note {
  display:block;
  color:var(--noe-subtle);
}

.commercial-case .restored-commercial-content .spatial-viewer::before {
  display:block;
}

.commercial-case .restored-commercial-content .spatial-callout {
  background:linear-gradient(90deg,#090e14eb,#090e149c 78%,transparent);
}

.commercial-case .restored-commercial-content .spatial-intelligence-heading,
.commercial-case .restored-commercial-content .spatial-intelligence-heading > b,
.commercial-case .restored-commercial-content .spatial-callout-detail {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .section-heading h2 {
  margin-bottom:28px;
  font-size:clamp(44px,4.3vw,68px);
  line-height:1.14;
  letter-spacing:-.055em;
}

.commercial-case .restored-commercial-content .section-heading > p:last-child {
  max-width:780px;
  margin-top:0;
  font-size:16.5px;
  line-height:1.85;
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .architecture-visual {
  background:var(--noe-surface);
  border-color:var(--noe-line);
  border-radius:var(--noe-radius);
}

.commercial-case .restored-commercial-content .architecture-visual > p {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .capability-story,
.commercial-case .restored-commercial-content .capability-story.is-active {
  opacity:1;
  transform:none;
  border-top-color:var(--noe-line);
  background:none;
}

.commercial-case .restored-commercial-content .capability-story:hover {
  border-top-color:var(--noe-line-strong);
}

.commercial-case .restored-commercial-content .capability-detail {
  display:grid;
  gap:20px;
  color:var(--noe-muted);
  font-size:16px;
  line-height:1.9;
}

.commercial-case .restored-commercial-content .capability-detail > p,
.commercial-case .restored-commercial-content .learning-layer > p {
  max-width:610px;
  margin:0;
  font-size:15px;
  line-height:1.82;
}

.commercial-case .restored-commercial-content .capability-detail .detail-lead {
  color:var(--noe-text);
  font-size:16px;
}

.commercial-case .restored-commercial-content .capability-detail ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  margin:0;
  padding:0;
  list-style:none;
}

.commercial-case .restored-commercial-content .capability-detail li {
  color:var(--noe-muted);
  border-bottom-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .capability-detail li::before {
  background:var(--noe-accent);
}

.commercial-case .restored-commercial-content .capability-detail blockquote {
  margin:4px 0 0;
  padding:18px 0 18px 20px;
  border:0;
  border-left:2px solid var(--noe-accent);
  background:none;
  color:var(--noe-text);
  font-size:17px;
}

.commercial-case .restored-commercial-content .capability-detail .detail-group {
  margin-block:28px;
}

.commercial-case .restored-commercial-content .capability-detail .learning-layer {
  padding:24px 0;
  margin:0;
  border-top-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .learning-layer h4 {
  margin:0;
  font-size:20px;
  font-weight:620;
}

/* Source value summary and cards, with every category label visible. */
.commercial-case .restored-commercial-content .results-canvas {
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content .results-seal {
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .results-seal > strong {
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content .results-seal > span,
.commercial-case .restored-commercial-content .results-seal > p {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .results-chain {
  gap:32px;
  margin-bottom:72px;
  padding:0;
}

.commercial-case .restored-commercial-content .result-step {
  display:block;
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .result-step header em {
  display:block;
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .result-step header span {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .result-step > strong {
  margin-top:0;
  margin-bottom:22px;
  color:var(--noe-accent);
  font-size:45px;
  font-weight:400;
  letter-spacing:-.06em;
  line-height:1.2;
}

.commercial-case .restored-commercial-content .result-step h3 {
  margin:0 0 13px;
  font-size:22px;
  line-height:1.4;
}

.commercial-case .restored-commercial-content .result-step p {
  font-size:14.5px;
  line-height:1.85;
}

.commercial-case .restored-commercial-content .result-step small {
  margin-top:22px;
  font-size:12px;
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content .result-step small b,
.commercial-case .restored-commercial-content .result-step .metric-emphasis {
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content .results-boundary {
  color:var(--noe-muted);
  border-color:var(--noe-line);
  background:var(--noe-surface);
  border-radius:var(--noe-radius);
}

.commercial-case .restored-commercial-content .results-boundary strong {
  color:var(--noe-text);
}

/* The source dashboard owns its grid; the case supplies the shared palette. */
.commercial-case #financial-charts.value-chart-delivery,
.commercial-case #financial-charts.value-chart-delivery.is-active {
  background:var(--noe-surface);
  border-color:var(--noe-line);
  border-radius:var(--noe-radius);
  box-shadow:none;
}

.commercial-case #financial-charts :is(.results-delivery-index,.value-theatre-head,
  .value-theatre-head em,.value-chart-summary small,.value-chart-context span,
  .value-chart-foot,.value-detail > p,.value-detail > footer) {
  color:var(--noe-muted);
}

.commercial-case #financial-charts :is(.results-delivery-index,.value-theatre-head,
  .value-chart-foot,.value-detail > header) {
  border-color:var(--noe-line);
}

.commercial-case #financial-charts :is(.results-delivery-index::before,
  .value-theatre-head em i,.value-detail > div small::before,
  .value-detail > footer i) {
  background:var(--noe-accent);
  box-shadow:none;
}

.commercial-case #financial-charts .value-rail {
  height:auto;
}

.commercial-case #financial-charts .value-rail button {
  height:auto;
  flex-direction:initial;
  justify-content:initial;
  gap:0;
  color:var(--noe-muted);
  border:1px solid var(--noe-line);
  border-radius:var(--noe-control-radius);
  background:var(--noe-surface-raised);
}

.commercial-case #financial-charts .value-rail button::before {
  background:var(--noe-accent);
}

.commercial-case #financial-charts .value-rail button:hover,
.commercial-case #financial-charts .value-rail button.is-active {
  border-color:var(--noe-line-strong);
  background:color-mix(in srgb,var(--noe-accent) 8%,var(--noe-surface-raised));
  box-shadow:none;
}

.commercial-case #financial-charts .value-rail button.is-active {
  color:var(--noe-accent);
  border-color:color-mix(in srgb,var(--noe-accent) 42%,var(--noe-line));
}

.commercial-case #financial-charts .value-rail button :is(span,small),
.commercial-case #financial-charts .value-rail button.is-active :is(span,small) {
  color:var(--noe-muted);
}

.commercial-case #financial-charts .value-rail button strong,
.commercial-case #financial-charts .value-rail button.is-active strong {
  color:var(--noe-text);
}

.commercial-case #financial-charts :is(.value-chart-stage,.value-detail,
  .value-chart-context,.value-detail > div) {
  background:var(--noe-bg);
  border-color:var(--noe-line);
  border-radius:var(--noe-radius);
  box-shadow:none;
}

.commercial-case #financial-charts .value-chart-summary strong,
.commercial-case #financial-charts .value-chart-context p {
  color:var(--noe-text);
}

.commercial-case #financial-charts .value-detail {
  align-self:stretch;
}

.commercial-case #financial-charts .value-detail > header {
  flex-direction:row;
  gap:10px;
  margin-bottom:0;
}

.commercial-case #financial-charts .value-detail > header em {
  max-width:none;
  text-align:initial;
  color:var(--noe-muted);
}

.commercial-case #financial-charts :is(.value-detail > header span,
  .value-detail > div small,.value-chart-foot b) {
  color:var(--noe-accent);
}

.commercial-case #financial-charts .value-detail > strong {
  margin:58px 0 18px;
  color:var(--noe-text);
  font-size:clamp(27px,2vw,34px);
  font-weight:470;
  line-height:1.25;
}

.commercial-case #financial-charts .value-detail > p {
  margin:0;
}

.commercial-case #financial-charts .value-detail > div span {
  color:var(--noe-muted);
}

.commercial-case #financial-charts .value-detail > footer {
  margin-top:0;
}

.commercial-case #financial-charts .value-detail > footer i {
  display:block;
}

.commercial-case #financial-charts .value-chart-plot svg text {
  font-family:var(--noe-font);
  fill:var(--noe-muted);
}

.commercial-case #financial-charts .value-chart-plot .chart-value {
  fill:var(--noe-text);
}

.commercial-case #financial-charts .value-chart-plot .chart-callout {
  fill:var(--noe-accent);
}

.commercial-case #financial-charts .chart-focus-line {
  stroke:var(--noe-accent);
}

/* Keep the complete team's source spacing and playback, with themed chat UI. */
.commercial-case .restored-commercial-content .agent-team-section {
  border-top-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .team-robot-intro {
  min-height:450px;
  padding-bottom:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.commercial-case .restored-commercial-content .team-robot-intro-copy {
  padding:44px 0;
}

.commercial-case .restored-commercial-content .team-robot-intro-copy h2 {
  font-size:clamp(38px,3.9vw,58px);
  font-weight:510;
}

.commercial-case .restored-commercial-content .team-robot-intro-copy > p:not(.team-robot-eyebrow) {
  font-size:16px;
}

.commercial-case .restored-commercial-content .team-robot-intro-copy > a {
  font-size:14px;
}

.commercial-case .restored-commercial-content .team-robot-ribbons {
  opacity:.4;
}

.commercial-case .restored-commercial-content .team-ribbon-violet { stroke:#a28acb; }
.commercial-case .restored-commercial-content .team-ribbon-green { stroke:#a9cc8c; }
.commercial-case .restored-commercial-content .team-ribbon-blue { stroke:#8ebbc8; }

.commercial-case .restored-commercial-content .team-robot-intro[data-running="true"] .team-robot-ribbons path {
  animation:team-ribbon-sway 7s ease-in-out infinite alternate;
}

.commercial-case .restored-commercial-content .team-robot-intro[data-running="true"] .team-ribbon-green {
  animation-delay:-2.5s;
}

.commercial-case .restored-commercial-content .team-robot-intro[data-running="true"] .team-ribbon-blue {
  animation-delay:-4.5s;
}

.commercial-case .restored-commercial-content .team-conversations-heading {
  padding:42px 0 24px;
}

.commercial-case .restored-commercial-content .team-demo-pair {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
}

.commercial-case .restored-commercial-content .team-demo-case {
  padding:22px 0 0;
  border:0;
  border-top:1px solid var(--noe-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.commercial-case .restored-commercial-content .team-demo-intro {
  min-height:112px;
  padding:0;
}

.commercial-case .restored-commercial-content .team-demo-intro h3 {
  font-size:22px;
}

.commercial-case .restored-commercial-content .team-demo-intro p {
  font-size:14px;
}

.commercial-case .restored-commercial-content .team-chat-window {
  height:548px;
}

.commercial-case .restored-commercial-content .team-chat-app {
  grid-template-columns:132px minmax(0,1fr);
}

.commercial-case .restored-commercial-content .team-chat-thread {
  grid-template-rows:37px minmax(0,1fr) 91px;
}

.commercial-case .restored-commercial-content .team-chat-sidebar strong {
  font-size:11px;
  white-space:nowrap;
  line-height:normal;
}

.commercial-case .restored-commercial-content .team-chat-sidebar small {
  font-size:10px;
}

.commercial-case .restored-commercial-content .team-chat-controls {
  flex-wrap:nowrap;
}

.commercial-case .restored-commercial-content .team-chat-controls nav {
  flex:initial;
  flex-wrap:nowrap;
  justify-content:initial;
}

.commercial-case .restored-commercial-content .team-chat-controls nav button {
  font-size:11px;
  min-height:30px;
}

/* The original reference library retains imagery, filters, reels and lightbox. */
.commercial-case .restored-commercial-content :is(.showcase-advantage-map > p,
  .showcase-advantage-map > span,.showcase-advantage-sources span,
  .showcase-advantage-inputs article span,.showcase-advantage-result span,
  .showcase-advantage-sources small,.showcase-advantage-inputs article small,
  .showcase-intro > p:not(.showcase-intro-lead),.showcase-test-data span,
  .showcase-test-data small,.showcase-labels,.showcase-reference-note,
  .showcase-foundation p,.showcase-foundation article > span,
  .showcase-foundation i,.showcase-source-lead p,.showcase-source-grid small,
  .showcase-source-boundary,.showcase-boundary,.reference-eyebrow,
  .reference-total span,.reference-disclosure,.reference-status,.reference-meta,
  .reference-detail,.reference-footer) {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content :is(.showcase-advantage-sources strong,
  .showcase-advantage-inputs article strong,.showcase-intro-lead,
  .showcase-source-lead strong,.showcase-source-grid strong,
  .showcase-source-boundary strong,.reference-total strong,.reference-title,
  .reference-return) {
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content :is(.showcase-advantage-result strong,
  .showcase-advantage-badge,.showcase-test-data strong,.showcase-source-lead > span,
  .showcase-source-grid span,.showcase-source-grid em) {
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content :is(.showcase-advantage-sources article,
  .showcase-advantage-inputs article,.showcase-advantage-result,
  .showcase-advantage-badge,.showcase-test-data,.showcase-foundation,
  .showcase-foundation article + article,.showcase-foundation i,
  .showcase-source-grid a,.showcase-source-boundary,.reference-heading,
  .reference-filters,.reference-footer,.reference-featured) {
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content :is(.showcase-advantage-badge,
  .showcase-foundation i,.showcase-reference-note span,.reference-open,
  .artwork-open) {
  border-radius:var(--noe-control-radius);
}

.commercial-case .restored-commercial-content .reference-open {
  background:var(--noe-surface-raised);
}

.commercial-case .restored-commercial-content .reference-image-error {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content :is(.reference-filter,.reference-pause) {
  background:transparent;
  color:var(--noe-muted);
  border-color:var(--noe-line-strong);
  border-radius:var(--noe-control-radius);
}

.commercial-case .restored-commercial-content .reference-filter[aria-pressed="true"] {
  background:var(--noe-accent);
  color:var(--noe-bg);
  border-color:var(--noe-accent);
}

.commercial-case .restored-commercial-content :is(.reference-filter,.reference-pause):hover:not([aria-pressed="true"]) {
  background:var(--noe-surface-raised);
  color:var(--noe-text);
  border-color:var(--noe-line-strong);
}

.commercial-case :is(.reference-dialog,.artwork-dialog) {
  font-family:var(--noe-font);
  color:var(--noe-text);
  background:var(--noe-bg);
}

.commercial-case :is(.reference-dialog,.artwork-dialog)::backdrop {
  background:#090e14f5;
}

.commercial-case :is(.reference-dialog-top,.reference-dialog-counter,
  .reference-dialog-credit,.reference-dialog-source span,.reference-dialog-image p,
  .artwork-dialog figcaption) {
  color:var(--noe-muted);
}

.commercial-case .reference-dialog-caption {
  border-color:var(--noe-line);
}

.commercial-case :is(.reference-dialog button,.artwork-dialog button) {
  color:var(--noe-text);
  background:var(--noe-surface);
  border-color:var(--noe-line-strong);
  border-radius:var(--noe-control-radius);
}

.commercial-case :is(.reference-dialog button,.artwork-dialog button):hover {
  color:var(--noe-accent);
  background:var(--noe-surface-raised);
}

/* Original guides, all FAQ answers and the local contact routes. */
.commercial-case .restored-commercial-content :is(.closing-guide-intro > p:not(.closing-eyebrow),
  .closing-guide-links a > span,.closing-guide-links p,.closing-answer,
  .closing-contact > .shell > p:not(.closing-eyebrow)) {
  color:var(--noe-muted);
}

.commercial-case .restored-commercial-content :is(.closing-guide-links,
  .closing-guide-links a,.closing-faq-layout,.closing-faq details) {
  border-color:var(--noe-line);
}

.commercial-case .restored-commercial-content .closing-guide-links a:hover {
  background:var(--noe-surface);
}

.commercial-case .restored-commercial-content :is(.closing-guide-links a:hover strong,
  .closing-guide-links i,.closing-faq summary > span,.closing-faq summary:hover,
  .closing-answer a) {
  color:var(--noe-accent);
}

.commercial-case .restored-commercial-content .closing-contact {
  background:var(--noe-surface);
}

.commercial-case .restored-commercial-content .closing-button {
  background:var(--noe-accent);
  color:var(--noe-bg);
  border-color:var(--noe-accent);
  border-radius:var(--noe-control-radius);
}

.commercial-case .restored-commercial-content .closing-button:hover {
  background:color-mix(in srgb,var(--noe-accent) 82%,var(--noe-text));
  border-color:var(--noe-accent);
}

.commercial-case .restored-commercial-content .closing-contact .closing-button-secondary {
  background:transparent;
  border-color:var(--noe-line-strong);
  color:var(--noe-text);
}

.commercial-case .restored-commercial-content .closing-contact .closing-button-secondary:hover {
  background:var(--noe-surface-raised);
  color:var(--noe-accent);
}

.commercial-case :is(.restored-commercial-content,.reference-dialog,.artwork-dialog)
  :is(button,a,summary,[tabindex]):focus-visible {
  outline-color:var(--noe-accent);
}

@media (min-width:981px) {
  .commercial-case { --shell:var(--noe-content-width); }
  .commercial-case .restored-commercial-content .hero {
    padding-inline:calc((100% - var(--noe-content-width)) / 2);
  }
  .commercial-case .restored-commercial-content .team-robot-intro {
    min-height:430px;
    padding-bottom:22px;
    border-bottom:1px solid var(--noe-line);
  }
  .commercial-case .restored-commercial-content .team-robot-intro-copy > p:not(.team-robot-eyebrow) {
    font-size:16.5px;
  }
  .commercial-case .restored-commercial-content .team-conversations-heading { padding:48px 0 30px; }
  .commercial-case .restored-commercial-content .team-demo-pair { gap:32px; }
  .commercial-case .restored-commercial-content .team-demo-case { padding-top:26px; }
  .commercial-case .restored-commercial-content .team-demo-intro { min-height:116px; }
  .commercial-case .restored-commercial-content .team-chat-window { height:570px; }
}

@media (max-width:1500px) and (min-width:901px) {
  .commercial-case .restored-commercial-content .position-orbit.has-spatial-model {
    min-height:600px;
    height:600px;
  }
}

@media (max-width:1200px) {
  .commercial-case .restored-commercial-content .hero-title { font-size:clamp(52px,5.9vw,74px); }
  .commercial-case .restored-commercial-content .team-demo-pair { gap:24px; }
  .commercial-case .restored-commercial-content .result-step > strong { font-size:38px; }
}

@media (max-width:1100px) {
  .commercial-case .restored-commercial-content .team-chat-app { grid-template-columns:106px minmax(0,1fr); }
  .commercial-case .restored-commercial-content .team-robot-intro-copy { padding:30px 0; }
}

@media (max-width:900px) {
  .commercial-case .restored-commercial-content .position-orbit.has-spatial-model {
    min-height:510px;
    height:510px;
  }
}

@media (max-width:850px) {
  .commercial-case .restored-commercial-content .hero .hero-copy { max-width:650px; }
  .commercial-case .restored-commercial-content .results-chain { grid-template-columns:1fr; }
}

@media (max-width:820px) {
  .commercial-case .restored-commercial-content .team-demo-pair { grid-template-columns:1fr; }
  .commercial-case .restored-commercial-content .team-chat-window { height:510px; }
  .commercial-case .restored-commercial-content .team-chat-app { grid-template-columns:110px minmax(0,1fr); }
  .commercial-case .restored-commercial-content .team-robot-intro-copy { padding:30px 0; }
  .commercial-case .restored-commercial-content .team-conversations-heading { padding-top:38px; }
}

@media (max-width:600px) {
  .commercial-case { --shell:calc(100vw - 36px); }
  .commercial-case .restored-commercial-content .hero { padding-inline:18px; }
  .commercial-case .restored-commercial-content .hero-title { font-size:clamp(38px,12vw,52px); }
  .commercial-case .restored-commercial-content .hero-title .hero-line { white-space:normal; }
  .commercial-case .restored-commercial-content .section-heading h2 { font-size:clamp(34px,10vw,44px); }
  .commercial-case .restored-commercial-content .capability-detail ul { grid-template-columns:1fr; }
  .commercial-case .restored-commercial-content .team-robot-intro-copy h2 { font-size:clamp(26px,8vw,38px); }
  .commercial-case .restored-commercial-content .team-chat-controls { flex-wrap:wrap; }
  .commercial-case .restored-commercial-content .team-chat-thread { grid-template-rows:40px minmax(0,1fr) 119px; }
}

@media (max-width:480px) {
  .commercial-case .restored-commercial-content .team-chat-app { grid-template-columns:96px minmax(0,1fr); }
  .commercial-case .restored-commercial-content .team-chat-controls nav { flex:1; justify-content:space-between; }
  .commercial-case .restored-commercial-content .team-chat-controls nav button { min-width:24px; font-size:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .commercial-case .restored-commercial-content .team-robot-intro[data-running="true"] .team-robot-ribbons path { animation:none; }
}

/* Local Chinese and English guide pages share the same reading treatment. */
body.commercial-case.restored-guide-page {
  --muted:var(--noe-muted);
  --green:var(--noe-accent);
  color-scheme:dark;
  font-family:var(--noe-font);
}

.commercial-case.restored-guide-page :is(.site-header,.masthead) {
  background:var(--noe-bg);
  color:var(--noe-text);
  border-color:var(--noe-line);
  border-radius:var(--noe-radius);
}

.commercial-case.restored-guide-page :is(.guide-header,.guide-content section,
  .guide-toc,.next,.source-list,.closing-footer-main,.closing-footer-bottom,
  footer) {
  border-color:var(--noe-line);
}

.commercial-case.restored-guide-page :is(.guide-header > p:not(.closing-eyebrow),
  .guide-toc > span,.guide-toc a,.guide-toc i,.guide-content p,.guide-content li,
  .guide-example > span,.brand span,.byline,.article-head .dek,.next p,
  .closing-footer-brand > p,.closing-footer nav h2,.closing-footer-bottom,
  footer) {
  color:var(--noe-muted);
}

.commercial-case.restored-guide-page :is(.guide-content strong,.brand,
  .guide-back,.closing-footer nav a,.closing-footer nav button) {
  color:var(--noe-text);
}

.commercial-case.restored-guide-page :is(.closing-eyebrow,
  .guide-content .closing-eyebrow,.eyebrow,.guide-content li::marker,
  .guide-end > a:not(.closing-button),.guide-toc a:hover,
  .closing-footer nav a:hover,.closing-footer nav button:hover) {
  color:var(--noe-accent);
}

.commercial-case.restored-guide-page .guide-example {
  border-left-color:var(--noe-accent);
}

.commercial-case.restored-guide-page :is(.guide-note,.answer-card,.review-note) {
  background:var(--noe-surface);
  color:var(--noe-muted);
  border-color:var(--noe-accent);
  border-radius:var(--noe-radius);
}

.commercial-case.restored-guide-page .answer-card strong {
  color:var(--noe-accent);
}

.commercial-case.restored-guide-page .answer-card p {
  color:var(--noe-text) !important;
}

.commercial-case.restored-guide-page :is(.prose p,.prose li) {
  color:var(--noe-muted);
}

.commercial-case.restored-guide-page .prose strong {
  color:var(--noe-text);
}

.commercial-case.restored-guide-page .insight-brand-logo {
  filter:brightness(0) invert(1);
}

.commercial-case.restored-guide-page .skip {
  background:var(--noe-accent);
  color:var(--noe-bg);
  border-radius:var(--noe-control-radius);
}

.commercial-case.restored-guide-page :is(.closing-button,.contact) {
  background:var(--noe-accent);
  color:var(--noe-bg);
  border-color:var(--noe-accent);
  border-radius:var(--noe-control-radius);
}

.commercial-case.restored-guide-page :is(.closing-button,.contact):hover {
  background:color-mix(in srgb,var(--noe-accent) 82%,var(--noe-text));
}

.commercial-case.restored-guide-page .site-footer.closing-footer {
  background:var(--noe-bg);
  color:var(--noe-text);
}

.commercial-case.restored-guide-page :is(a,button,summary):focus-visible {
  outline-color:var(--noe-accent);
}

@media (min-width:981px) {
  .commercial-case.restored-guide-page :is(.guide-main,.page) {
    width:var(--noe-content-width);
    max-width:none;
    padding-inline:0;
  }
}