/* One 4px-based responsive gutter shared by every portfolio section and header.
   72px is the full-desktop baseline, measured from the content area after the nav rail.
   Background imagery stays full bleed; foreground content observes this inset. */
body.portfolio-shell {
  --layout-gutter: 72px;
  --layout-section-space: 48px;
  --portfolio-gutter: var(--layout-gutter);
}
@media (max-width: 1279px) { body.portfolio-shell { --layout-gutter: 48px; } }
@media (max-width: 900px) { body.portfolio-shell { --layout-gutter: 32px; } }
@media (max-width: 600px) { body.portfolio-shell { --layout-gutter: 24px; } }
body.portfolio-shell > main {
  --sw-gutter: var(--layout-gutter);
  --cm-gutter: var(--layout-gutter);
  --home-gutter: var(--layout-gutter);
}
/* Section boundaries: 48px inside each section, above and below its content. */
html body.portfolio-shell > main > section:not(.hero):not(.sw-hero):not(.a110-hero) {
  padding: var(--layout-section-space) var(--layout-gutter) !important;
  margin-block: 0 !important;
  border-top: 1px solid var(--border-subtle) !important;
  border-bottom: 0 !important;
}
html body.portfolio-shell > main > section:not(.hero):not(.sw-hero):not(.a110-hero) > :first-child {
  margin-top: 0;
}
html body.portfolio-shell > main > section:not(.hero):not(.sw-hero):not(.a110-hero) > :last-child {
  margin-bottom: 0;
}
html body.portfolio-shell main.a110-about .a110-hero-copy { padding:24px var(--layout-gutter); }
/* About uses the same outer section gutter rather than padding the whole page. */
html body.portfolio-shell main.a110-about {
  padding: 0 !important;
}
html body.portfolio-shell main.a110-about .a110-hero {
  margin-inline: 0;
  border-bottom: 0;
}
/* Section-heading groups have one consistent space before their content. */
html body.portfolio-shell main :is(.cm-section-heading, .sw-section-heading,
  .systems-intro, .challenge-heading, .overview-section-heading, .overview-heading, .a110-timeline-heading) {
  padding: 0 0 24px !important;
  margin: 0 !important;
}
html body.portfolio-shell main :is(.cm-section-heading, .sw-section-heading,
  .systems-intro, .challenge-heading, .overview-section-heading, .overview-heading, .a110-timeline-heading) > :last-child {
  margin-bottom: 0;
}
/* The shared footer follows the same gutter and 24px rhythm. */
html body.portfolio-shell footer#contact.connected-footer {
  border-top: 1px solid var(--border-subtle);
}
html body.portfolio-shell #contact.connected-footer .connected-footer-body {
  padding: 24px var(--layout-gutter) !important;
  min-height: 0;
  row-gap: 24px;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-bottom {
  padding-top: 24px;
}
/* Every primary section header opts into the same typographic pattern. */
html body.portfolio-shell main [data-section-heading] {
  align-items: start !important;
  padding: 0 0 24px !important;
  margin: 0 !important;
}
html body.portfolio-shell main h2[data-section-title] {
  font-family: var(--font-display) !important;
  font-size: var(--type-section-size) !important;
  font-weight: 800 !important;
  line-height: var(--leading-display) !important;
  letter-spacing: var(--tracking-heading) !important;
  color: var(--text-primary);
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-transform: none;
}
html body.portfolio-shell main [data-section-description] {
  font: 400 var(--type-body-size)/1.6 var(--font-body) !important;
  color: var(--text-secondary);
  margin: 0 !important;
  padding: 0 !important;
}

/* Shared Banner: only the desktop height varies by page type. */
body.portfolio-shell { --t-banner-inset:24px; --t-component-gap:24px; }
html body.portfolio-shell :is(main#home,main#content) .t-site-banner {
  --t-banner-height:400px;
  position:relative; isolation:isolate; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  height:var(--t-banner-height); min-height:var(--t-banner-height); max-height:var(--t-banner-height);
  padding:var(--t-banner-inset) var(--layout-gutter); margin:0; overflow:hidden;
}
html body.portfolio-shell :is(main#home,main#content) .t-site-banner--home { --t-banner-height:650px; }
html body.portfolio-shell :is(main#home,main#content) .t-site-banner--workspace { --t-banner-height:550px; }
/* Wide scene imagery belongs behind the complete banner, separate from interest art. */
html body.portfolio-shell :is(main#home,main#content) .t-banner-background {
  position:absolute; inset:0; z-index:0; margin:0; padding:0; overflow:hidden; pointer-events:none;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-background img {
  display:block; width:100%; height:100%; max-width:none; max-height:none;
  object-fit:cover; object-position:center; margin:0; padding:0;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-background::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,var(--media-hero-desktop-a) 0%,var(--media-hero-desktop-b) 34%,var(--media-hero-desktop-c) 56%,var(--media-hero-desktop-d) 100%);
}
html body.portfolio-shell main#home .t-banner-background img { object-position:64% 58%; }
html body.portfolio-shell main#content .cl-hero::after { content:none; }
html body.portfolio-shell :is(main#home,main#content) .t-banner-content {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px;
  width:100%; max-width:none; min-width:0; height:auto; min-height:0;
  align-items:center; margin:0 auto; padding:0; position:relative; z-index:3;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-copy {
  grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:12px;
  width:100%; max-width:none; min-width:0; min-height:0; height:auto;
  position:relative; inset:auto; transform:none; padding:0; margin:0; align-self:center;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-copy > :is(h1,p,dl,div) { margin-block:0; }
html body.portfolio-shell :is(main#home,main#content) .t-banner-copy h1 {
  font:800 clamp(34px,3.2vw,60px)/1.08 var(--font-display);
  letter-spacing:-.045em; max-width:none; width:100%; padding:0; color:var(--text-inverse);
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-copy :is(.sw-hero-intro,.cm-lead) {
  font:400 clamp(15px,1.05vw,17px)/1.5 var(--font-body); max-width:none; padding:0;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-copy .case-chapter-subtitle {
  font:700 clamp(20px,1.55vw,26px)/1.25 var(--font-display); padding:0; max-width:none;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-media {
  grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:flex-end;
  position:relative; inset:auto; transform:none; width:100%; min-width:0;
  height:var(--t-banner-copy-height,240px); min-height:0; max-height:100%;
  margin:0; padding:0; justify-self:end; align-self:center; overflow:hidden;
  opacity:1; background:none; z-index:2;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-media::before { content:none; }
html body.portfolio-shell :is(main#home,main#content) .t-banner-media img {
  position:static; display:block; width:100%; height:100%; min-height:0;
  max-width:100%; max-height:100%; object-fit:contain; object-position:right center;
  transform:none; margin:0; padding:0; opacity:1; background:none;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-eyebrow,
html body.portfolio-shell :is(main#home,main#content) .t-banner-eyebrow :is(a,span) {
  font:650 12px/1.4 var(--font-display); letter-spacing:.08em;
  text-transform:uppercase; color:#f6f7f8; align-items:center;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-eyebrow {
  display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0;
}
html body.portfolio-shell :is(main#home,main#content) .t-banner-eyebrow :is(.case-chapter-divider,[aria-hidden="true"]) { color:#96a7b3; }
html body.portfolio-shell :is(main#home,main#content) .t-banner-eyebrow img { max-height:24px; width:auto; object-fit:contain; }

/* Shared Section Introduction: full copy / supporting content / image only. */
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro {
  width:100%; max-width:none; min-width:0; align-items:start; column-gap:24px;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--full {
  display:block; grid-template-columns:minmax(0,1fr);
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--split,
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--image {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--image { column-gap:24px; }
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro-copy {
  min-width:0; width:100%; max-width:none; grid-area:auto; margin:0;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro-companion {
  min-width:0; width:100%; max-width:none; grid-area:auto; margin:0; align-self:stretch;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--split > .t-section-intro-companion {
  border-left:1px solid var(--border-subtle); padding-left:24px;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--image > .t-section-intro-companion {
  border:0; background:transparent; box-shadow:none; padding:0;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro :is([data-section-title],[data-section-description]) { max-width:none; width:100%; }
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-subtitle {
  font:650 22px/1.3 var(--font-display) !important; margin:0 0 16px !important;
}
html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-subtitle em { color:var(--color-gold-ink); }
/* Compact introductions keep their companion from setting excess empty height. */
html body.portfolio-shell main#content #oee-context .oee-v107-header-illustration {
  max-height:170px; margin:0; align-self:start;
}
html body.portfolio-shell main#content #oee-context .oee-v107-header-illustration img {
  width:100%; height:170px; max-height:170px; max-width:100%; object-fit:contain;
}
html body.portfolio-shell main#content #oee-context .oee-v107-opening { padding-bottom:24px !important; }
html body.portfolio-shell main#content #oee-context .oee-v107-scenarios { margin-top:0; }
html body.portfolio-shell main#content #oee-context .oee-v107-conclusion {
  flex-wrap:wrap; align-items:baseline;
}
html body.portfolio-shell main#content #oee-context .oee-v107-conclusion .oee-v107-disclaimer {
  display:block; width:100%; flex-basis:100%; margin-top:8px;
}
html body.portfolio-shell main#content #mf-investigation .t-section-intro-companion { grid-template-columns:1fr; margin:0; }
html body.portfolio-shell main#content .t-worker-scanning {
  width:100%; height:auto; max-height:290px; object-fit:contain; background:none;
}



/* Logistics role illustration and delivery sequence share the left column. */
html body.portfolio-shell main#content #cl-environment .overview-environment-header { display:block; }
html body.portfolio-shell main#content #cl-environment .overview-system-layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start;
}
html body.portfolio-shell main#content #cl-environment .t-network-column {
  grid-area:auto; display:flex; flex-direction:column; gap:24px; min-width:0; min-height:0;
}
html body.portfolio-shell main#content #cl-environment .t-network-reference { grid-area:auto; min-width:0; align-self:start; }
html body.portfolio-shell main#content #cl-environment .overview-system-scene { min-height:0; height:auto; padding:0; margin:0; }
html body.portfolio-shell main#content #cl-environment .overview-system-scene img {
  display:block; width:100%; height:auto; max-height:var(--t-network-image-height,360px);
  object-fit:contain; object-position:center;
}
html body.portfolio-shell main#content #cl-environment .overview-process { margin:0; padding:0; border:0; max-width:none; }
html body.portfolio-shell main#content #cl-environment .overview-process-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
/* Keep the case selector unchanged; its explanation rule stretches with the row. */
html body.portfolio-shell main#content #cl-cases .overview-case-investigation { align-items:stretch; }
html body.portfolio-shell main#content #cl-cases .overview-case-detail { display:flex; align-items:stretch; }
html body.portfolio-shell main#content #cl-cases .overview-case-panel { flex:1; align-items:stretch; padding-top:0; border-top:0; }
html body.portfolio-shell main#content #cl-cases .overview-case-interpretation {
  align-self:stretch; border-left:1px solid var(--border-subtle); padding-left:24px; align-content:start;
}
html body.portfolio-shell main#content #cl-cases .t-full-width-synthesis {
  width:100%; max-width:none; border-top:0; padding-top:0; margin-top:24px;
}
html body.portfolio-shell main#content #cl-cases .t-full-width-synthesis p { width:100%; max-width:none; }
html body.portfolio-shell main#content #cl-cases .overview-friction-stage-label { border:0; padding-top:0; margin-top:12px; }
html body.portfolio-shell main#content #cl-cases .overview-friction-stage img {
  width:100%; height:160px; object-fit:contain; object-position:center bottom; border:0; background:none;
}
@media(max-width:900px) {
  html body.portfolio-shell :is(main#home,main#content) .t-site-banner {
    height:auto; min-height:0; max-height:none;
  }
  html body.portfolio-shell :is(main#home,main#content) .t-banner-content {
    grid-template-columns:minmax(0,1fr); gap:24px;
  }
  html body.portfolio-shell :is(main#home,main#content) .t-banner-copy { grid-column:1; grid-row:1; }
  html body.portfolio-shell :is(main#home,main#content) .t-banner-copy h1 { font-size:clamp(27px,7.2vw,38px); }
  html body.portfolio-shell :is(main#home,main#content) .t-banner-media {
    grid-column:1; grid-row:2; height:min(var(--t-banner-copy-height,240px),240px); max-height:240px;
  }
  html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--split,
  html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--image {
    grid-template-columns:minmax(0,1fr); row-gap:24px;
  }
  html body.portfolio-shell :is(main#home,main#content,main.a110-about) .t-section-intro--split > .t-section-intro-companion {
    border-left:0; border-top:1px solid var(--border-subtle); padding:24px 0 0;
  }
  html body.portfolio-shell main#content #oee-context .oee-v107-header-illustration { max-height:140px; }
  html body.portfolio-shell main#content #oee-context .oee-v107-header-illustration img { height:140px; max-height:140px; }
  html body.portfolio-shell main#content #cl-environment .overview-system-layout { grid-template-columns:minmax(0,1fr); }
  html body.portfolio-shell main#content #cl-cases .overview-case-interpretation {
    border-left:0; border-top:1px solid var(--border-subtle); padding:24px 0 0;
  }
}

/* Case hero / Project at a Glance: one shared, non-card component across six chapters.
   Preserves the 400px desktop chapter banner while using natural height on narrow screens. */
html body.portfolio-shell main#content .case-chapter-hero.t-site-banner {
  --case-glance-gold:#e8bd70;
}
html body.portfolio-shell main#content .case-chapter-hero .case-chapter-grid.t-banner-content {
  height:100%; min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  column-gap:24px; row-gap:10px;
  align-content:stretch; align-items:center;
}
html body.portfolio-shell main#content .case-chapter-hero .case-chapter-copy.t-banner-copy {
  grid-column:1;grid-row:1;gap:clamp(6px,.65vw,9px);
}
html body.portfolio-shell main#content .case-chapter-hero .case-chapter-art.t-banner-media {
  grid-column:2;grid-row:1;max-height:100%;
}
html body.portfolio-shell main#content .case-project-glance {
  grid-column:1 / -1; grid-row:2;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,32px);
  width:100%; margin:0; padding:10px 0 0;
  border-top:1px solid rgba(229,235,240,.25);
  color:#fff; min-width:0;
}
html body.portfolio-shell main#content .case-project-glance__item {
  min-width:0; margin:0; padding:0;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
  gap:3px; background:none; border:0;
}
html body.portfolio-shell main#content .case-project-glance dt {
  margin:0 0 2px; color:#b5c3cd;
  font:600 11px/1.35 var(--font-body);
  letter-spacing:.065em; text-transform:uppercase;
}
html body.portfolio-shell main#content .case-project-glance dd { margin:0; min-width:0; }
html body.portfolio-shell main#content .case-project-glance__primary {
  color:var(--case-glance-gold); font:650 20px/1.17 var(--font-display);
  letter-spacing:-.016em; overflow-wrap:break-word;
}
html body.portfolio-shell main#content .case-project-glance__support {
  color:#d6e0e7; font:400 12px/1.34 var(--font-body);
  max-width:45ch;
}
html body.portfolio-shell main#content .case-project-glance__systems {
  list-style:none;display:flex;gap:clamp(12px,1.35vw,22px);align-items:flex-start;
  margin:0;padding:0; min-width:0;
}
html body.portfolio-shell main#content .case-project-glance__systems li {
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:4px;text-align:center; color:#d6e0e7;
  font:500 11px/1.25 var(--font-body);
}
html body.portfolio-shell main#content .case-project-glance__icon {
  display:block; height:23px; width:23px; flex:none;
  color:var(--case-glance-gold);stroke:currentColor;fill:none;
}
@media (min-width:901px) and (max-width:1150px) {
  html body.portfolio-shell main#content .case-project-glance {gap:15px;}
  html body.portfolio-shell main#content .case-project-glance__primary {font-size:19px;}
  html body.portfolio-shell main#content .case-project-glance__support {font-size:11.5px;}
  html body.portfolio-shell main#content .case-chapter-hero .case-chapter-copy.t-banner-copy {gap:5px;}
}
@media (max-width:900px) {
  html body.portfolio-shell main#content .case-chapter-hero .case-chapter-grid.t-banner-content {
    height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;
    gap:14px;align-content:start;
  }
  html body.portfolio-shell main#content .case-chapter-hero .case-chapter-copy.t-banner-copy {grid-column:1;grid-row:1;gap:8px;}
  html body.portfolio-shell main#content .case-chapter-hero .case-chapter-art.t-banner-media {
    grid-column:1;grid-row:2;max-height:170px;height:min(var(--t-banner-copy-height,170px),170px);
  }
  html body.portfolio-shell main#content .case-project-glance {grid-column:1;grid-row:3;padding-top:14px;gap:16px;}
}
@media (max-width:630px) {
  html body.portfolio-shell main#content .case-project-glance {
    grid-template-columns:minmax(0,1fr);gap:13px;padding-top:12px;
  }
  html body.portfolio-shell main#content .case-project-glance__item {gap:2px;}
  html body.portfolio-shell main#content .case-project-glance dt {font-size:11px;margin-bottom:1px;}
  html body.portfolio-shell main#content .case-project-glance__primary {font-size:20px;}
  html body.portfolio-shell main#content .case-project-glance__support {font-size:12px;}
  html body.portfolio-shell main#content .case-project-glance__systems {gap:16px;}
  html body.portfolio-shell main#content .case-project-glance__systems li {flex-direction:row;gap:7px;text-align:left;font-size:11px;}
  html body.portfolio-shell main#content .case-project-glance__icon {width:20px;height:20px;}
  html body.portfolio-shell main#content .case-chapter-hero .case-chapter-art.t-banner-media {max-height:138px;height:min(var(--t-banner-copy-height,138px),138px);}
}

html body.portfolio-shell main#content .case-project-glance__systems img.case-project-glance__icon {
  display:block!important;
  box-sizing:content-box!important;
  width:23px!important; height:23px!important;
  min-width:23px!important; max-width:23px!important;
  min-height:23px!important; max-height:23px!important;
  flex:0 0 23px!important;
  object-fit:contain!important;
  position:static!important;
  transform:none!important;
  margin:0!important; padding:0!important;
  border:0!important; background:transparent!important;
}
@media(max-width:630px) {
 html body.portfolio-shell main#content .case-project-glance__systems img.case-project-glance__icon {
  width:20px!important; height:20px!important;
  min-width:20px!important; max-width:20px!important;
  min-height:20px!important; max-height:20px!important;
  flex-basis:20px!important;
 }
}


/* Shared evidence-tab typography; horizontal layout defined below. */
.evidence-tab__content{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;}
.evidence-tab__headline{display:flex;align-items:baseline;justify-content:flex-start;gap:6px 8px;flex-wrap:wrap;min-width:0;}
.evidence-tablist button.evidence-tab .evidence-tab__title{display:block;font-family:var(--font-display,system-ui);font-size:16px;font-weight:720;line-height:1.3;letter-spacing:-.015em;text-transform:none;color:#153244;min-width:0;overflow-wrap:break-word;}
.evidence-tablist button.evidence-tab .evidence-tab__description{display:block;font-family:var(--font-body,system-ui);font-size:13px;line-height:1.45;letter-spacing:0;font-weight:400;color:#536b78;text-transform:none;max-width:40ch;}
.evidence-tablist button.evidence-tab .evidence-tab__pill{display:inline-flex;align-items:center;flex:0 0 auto;min-height:20px;box-sizing:border-box;padding:2px 7px;border-radius:2px;border:1px solid #88aab0;color:#266d79;background:transparent;font:700 10px/1.25 var(--font-body,system-ui);letter-spacing:.01em;white-space:nowrap;text-transform:none;}
.evidence-tablist button.evidence-tab /* Optional status eyebrow sits above the title, not in its line. */
.evidence-tab__content>.evidence-tab__pill{
  align-self:flex-start;
  width:max-content;
  max-width:100%;
  margin-bottom:4px;
  min-height:18px;
  padding:2px 7px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.035em;
}
.evidence-tab__pill--implemented{border-color:#88aab0;color:#266d79;}
.evidence-tab__pill--prototyped{border-color:#b19a67;color:#80611f;}
.evidence-tablist button.evidence-tab .evidence-tab__pill--proposal{border-color:#aaa1c7;color:#7662a3;}

@media(prefers-reduced-motion:reduce){.evidence-tablist>button.evidence-tab{transition:none;}}

/* Evidence content gets the full width BELOW the tabs instead of a left rail. */
.material-page #mf-opportunity .mf-pair-explorer,
.material-page #mf-experience .mf-build-explorer.va-mf-conclusion,
.signal-page .va-evidence-body,
.oee-page #oee-investigation .oee-v95-viewer {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  align-items:start;
  min-width:0;
}
.material-page #mf-opportunity .mf-pair-explorer>.mf-pair-selector,
.material-page #mf-experience .mf-build-explorer.va-mf-conclusion>.mf-build-nav,
.signal-page .va-evidence-body>.va-evidence-controls,
.oee-page #oee-investigation .oee-v95-viewer>.oee-v95-tabs {
  grid-column:1!important;
  grid-row:1!important;
  min-width:0;
}
.material-page #mf-opportunity .mf-pair-explorer>.mf-pair-comparison,
.material-page #mf-experience .mf-build-explorer.va-mf-conclusion>.mf-build-panel,
.signal-page .va-evidence-body>.va-evidence-canvas,
.oee-page #oee-investigation .oee-v95-viewer>.oee-v95-panel {
  grid-column:1!important;
  grid-row:2!important;
  min-width:0;
  width:100%;
  margin-top:20px;
}

/* A single flat tab baseline, square cornered raised selection, no left rail.
   Narrow screens scroll THIS strip, never the entire page. */
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist {
  --evidence-tab-border: var(--border-subtle,#b9cbd3);
  box-sizing:border-box;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start;
  gap:0!important;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  min-width:0;
  padding:4px 0 0!important;
  margin:0!important;
  border:0!important;
  /* Individual inactive tabs draw the baseline; keep their bottom edge inside the scroller. */
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  scrollbar-width:thin;
  overscroll-behavior-x:contain;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab {
  box-sizing:border-box;
  appearance:none;
  flex:1 0 0!important;
  width:auto!important;
  min-width:174px!important;
  min-height:76px!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:9px 14px 10px!important;
  border:1px solid transparent!important;
  border-bottom:1px solid var(--evidence-tab-border)!important;
  border-left:1px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#536879!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  cursor:pointer;
  font-family:var(--font-body,system-ui);font-size:inherit;font-weight:400;
  letter-spacing:normal;line-height:normal;
  transition:background-color .12s ease;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab[aria-selected="true"] {
  border:1px solid var(--evidence-tab-border)!important;
  /* Open tab: keep the top and side borders, remove the bottom edge entirely. */
  border-bottom:0!important;
  background:var(--t-paper,#f8f8f6)!important;
  color:#122e44!important;
  box-shadow:none!important;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab:hover:not([aria-selected="true"]) {
  background:rgba(218,231,232,.26)!important;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab:focus-visible {
  position:relative;
  z-index:1;
  outline:2px solid #247788!important;
  outline-offset:-3px!important;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__content {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:3px;
  width:100%;
  text-align:center;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__headline {
  justify-content:center;
  text-align:center;
  width:100%;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__title {
  font-size:15px;
  line-height:1.22;
  font-weight:700;
  text-align:center;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__description {
  /* Let descriptions use the full tab; wrap only when the space actually runs out. */
  max-width:100%;
  font-size:11px;
  line-height:1.25;
  text-align:center;
}
:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page .va-evidence-controls .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__pill {
  align-self:center;
  margin:0 0 3px;
  min-height:16px;
  font-size:9px;
}
/* Keep the interactive canvas flush beneath its tabs, not in an old side column. */
.signal-page .va-evidence-body>.va-evidence-canvas{padding-left:0!important;border-left:0!important;}
.oee-page #oee-investigation .oee-v95-panel{padding-top:0!important;}
@media(max-width:760px){
  .material-page #mf-opportunity .mf-pair-selector,
  .material-page #mf-experience .mf-build-nav,
  .signal-page .va-evidence-controls .evidence-tablist,
  .oee-page #oee-investigation .oee-v95-tabs {grid-template-columns:none!important;}
  :is(.material-page #mf-opportunity .mf-pair-selector,
      .material-page #mf-experience .mf-build-nav,
      .signal-page .va-evidence-controls .evidence-tablist,
      .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab {
    min-width:166px!important;
    min-height:72px!important;
    padding:8px 12px!important;
  }
  :is(.material-page #mf-opportunity .mf-pair-selector,
      .material-page #mf-experience .mf-build-nav,
      .signal-page .va-evidence-controls .evidence-tablist,
      .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab .evidence-tab__title{font-size:14px;}
  .material-page #mf-experience .mf-build-explorer.va-mf-conclusion>.mf-build-panel,
  .material-page #mf-opportunity .mf-pair-explorer>.mf-pair-comparison,
  .signal-page .va-evidence-body>.va-evidence-canvas,
  .oee-page #oee-investigation .oee-v95-viewer>.oee-v95-panel {margin-top:16px;}
}

.signal-page #sv-extensions .sv-area-exploration {
  display:grid;grid-template-columns:minmax(0,0.94fr) minmax(0,1.16fr);
  gap:clamp(20px,2.4vw,40px);align-items:start;
}
.signal-page #sv-extensions .sv-area-exploration .va-explorer-options{min-width:0;}
.signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch;border:0!important;
  margin:0;padding:0;min-width:0;
}
.signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice{
  box-sizing:border-box;position:relative;display:flex!important;
  width:100%;min-width:0;min-height:112px;margin:0!important;
  padding:16px 42px 16px 17px!important;align-items:flex-start!important;
  justify-content:center;gap:0!important;
  border:1px solid #d6e0e2!important;border-left:1px solid #d6e0e2!important;
  border-radius:0!important;box-shadow:none!important;
  background:transparent!important;text-align:left!important;cursor:pointer;
  color:#142d3f!important;transition:background-color .12s ease,border-color .12s ease;
}
.signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice:hover{
  border-color:#87a9b1!important;background:#f2f6f5!important;
}
.signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice[aria-selected="true"]{
  border:2px solid #247788!important;padding:15px 41px 15px 16px!important;
  background:#eaf2f1!important;
}
.signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice:focus-visible{
  outline:2px solid #247788!important;outline-offset:3px!important;
}
.signal-page #sv-extensions .sv-area-choice__copy{
  display:flex;flex-direction:column;min-width:0;gap:5px;width:100%;
}
.signal-page #sv-extensions .sv-area-choice__headline{display:block;min-width:0;}
.signal-page #sv-extensions .sv-area-choice__title{
  display:block;font:750 16px/1.25 var(--font-display);
  letter-spacing:-.012em;color:#142d3f;text-transform:none;
}
.signal-page #sv-extensions .sv-area-choice__description{
  display:block;font:400 12px/1.4 var(--font-body);color:#5e7582;
  text-transform:none;
}
.signal-page #sv-extensions .sv-area-choice__check{
  position:absolute;top:15px;right:15px;width:20px;height:20px;
  display:grid;place-items:center;border:1px solid #b8c7cb;
  background:transparent;color:transparent;font:700 12px/1 var(--font-body);
}
.signal-page #sv-extensions button.sv-area-choice[aria-selected="true"] .sv-area-choice__check{
  color:#fff;border-color:#247788;background:#247788;
}
.signal-page #sv-extensions .sv-area-exploration .va-explorer-content{
  min-width:0;border-left:1px solid #d6e0e2;padding-left:clamp(20px,2.3vw,36px);
}
@media(max-width:1180px){
 .signal-page #sv-extensions .sv-area-exploration{grid-template-columns:minmax(0,1fr);gap:22px;}
 .signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .signal-page #sv-extensions .sv-area-exploration .va-explorer-content{
   padding-left:0;padding-top:20px;border-left:0;border-top:1px solid #d6e0e2;
 }
}
@media(max-width:750px){
 .signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 .signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice{min-height:96px;padding:12px 35px 12px 12px!important;}
 .signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid>button.sv-area-choice[aria-selected="true"]{padding:11px 34px 11px 11px!important;}
 .signal-page #sv-extensions .sv-area-choice__check{top:12px;right:11px;width:18px;height:18px;}
 .signal-page #sv-extensions .sv-area-choice__title{font-size:14px;}
 .signal-page #sv-extensions .sv-area-choice__description{font-size:11px;}
}
@media(max-width:350px){
 .signal-page #sv-extensions .va-explorer-options .sv-area-explorer-grid{grid-template-columns:minmax(0,1fr)!important;}
}


/* Evidence images in tabs: 70% at intrinsic aspect ratio; frames contract to fit.
   Product interfaces and the motor-status comparison are explicitly untouched. */
.signal-page #sv-decisions .va-conveyor-evidence {
  box-sizing:border-box; width:70%; height:auto;
  min-height:0; margin:0 auto; padding:0; border:0; background:transparent;
  line-height:normal;
}
.signal-page #sv-decisions .va-conveyor-evidence img {
  display:block; width:100%; max-width:100%; height:auto;
  max-height:min(33.6vw,441px); margin:0 auto;
  object-fit:contain; object-position:center;
}
.signal-page #sv-decisions .va-evidence-lede h3 {display:none;} /* Active tab already names the stage. */
.oee-page #oee-investigation .oee-v95-panel .study-evidence {
  box-sizing:border-box; width:70%; max-width:70%; height:auto;
  min-height:0; margin:0 auto!important; padding:0; border:0; background:transparent;
}
.oee-page #oee-investigation .oee-v95-panel img {
  display:block; width:100%; max-width:100%; height:auto;
  max-height:364px; margin:0 auto; object-fit:contain; object-position:center;
}
/* The Historical Audit mock controls were disabled placeholders. Keep the
   underlying record fields and supporting narrative, without a fake form. */
.signal-page #sv-experience .v102-audit-example {
  display:block; border:0; background:transparent; min-height:0;
}
.signal-page #sv-experience .v102-audit-table {
  width:100%; max-width:680px; margin:0 auto; min-width:0;
}
.signal-page #sv-experience .v102-audit-table .v102-table-placeholder {
  box-sizing:border-box; padding:0; margin:0;
}
.signal-page #sv-experience .v102-history-head {
  text-align:center; justify-items:center;
}
.signal-page #sv-experience .v102-audit-table :is(.e109-provenance,.v102-summary-placeholder) {
  text-align:center; margin:8px auto 0; padding:0!important; max-width:56ch;
}
@media(max-width:980px){
  /* The old mobile evidence had no height cap; scale by wrapper width only. */
  .signal-page #sv-decisions .va-conveyor-evidence img{max-height:none;}
}

:is(.material-page #mf-opportunity .mf-pair-selector,
    .material-page #mf-experience .mf-build-nav,
    .signal-page #sv-decisions .evidence-tablist,
    .oee-page #oee-investigation .oee-v95-tabs).evidence-tablist>button.evidence-tab {
  min-height:60px!important;
}