/* Separated case cards. Opening one creates a focused foreground without hiding the others. */
html[lang] #root .experience .sector-list,
html[lang] #root .mobile-home .mb-project-list {
  gap:28px; border:0; background:transparent; box-shadow:none;
  position:relative; isolation:isolate; overflow:visible;
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context {
  display:flex; flex-direction:column; align-items:stretch; gap:0;
  position:relative; z-index:1; margin:0; border:1px solid var(--bc-visual-line);
  background:var(--bc-visual-panel); outline:0; transform:none; transform-origin:center top;
  box-shadow:0 4px 16px rgba(8,24,14,.035);
  transition:transform 240ms cubic-bezier(.22,1,.36,1),opacity 220ms ease,box-shadow 240ms ease,background-color 220ms ease,border-color 220ms ease;
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list).bc-project-focused {
  align-items:start;
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context > * {
  translate:none; --bc-card-content-lift:0px;
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context.bc-project-active {
  z-index:3; opacity:1; transform:translateY(-5px) scale(1.015);
  background:var(--bc-hover-surface,var(--bc-visual-panel)); border-color:var(--bc-visual-accent);
  outline:1px solid var(--bc-visual-accent); outline-offset:-1px;
  box-shadow:0 22px 58px rgba(8,24,14,.2),0 5px 16px rgba(8,24,14,.09);
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context.bc-project-muted {
  /* Preserve readable text and controls; depth comes from scale, border and shadow. */
  z-index:0; opacity:1; transform:scale(.975); outline:0;
  border-color:var(--bc-visual-line); background:var(--bc-visual-panel); box-shadow:none;
}
html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-muted:focus-within {
  opacity:1;
}
html[lang] #root .bc-project-context > .bc-project-tags {
  display:flex; flex-wrap:wrap; align-content:flex-start; gap:8px; margin:0 0 24px; padding:0; list-style:none; min-height:76px;
}
html[lang] #root .bc-project-tags > li {
  display:block; margin:0; padding:6px 10px; border:1px solid var(--bc-visual-line);
  background:var(--bc-visual-panel); color:var(--bc-visual-accent);
  font:500 14px/1.4 var(--ui-font,Arial,sans-serif); letter-spacing:0; text-transform:none;
}
html[lang] #root .bc-project-context > h3 { margin:0 0 22px; }
html[lang] #root .bc-project-context > .bc-project-intro {
  flex:0 0 auto; margin:0 0 24px; font-size:17px; line-height:1.7; hyphens:none; -webkit-hyphens:none;
}
html[lang] #root .bc-project-context > .bc-project-details {
  display:block; margin-top:auto; padding:0; border:0; border-top:1px solid var(--bc-visual-line);
  background:none; box-shadow:none;
}
html[lang] #root .bc-project-details > summary {
  display:flex; justify-content:space-between; align-items:center; gap:20px;
  min-height:52px; padding:14px 0 0; margin:0; list-style:none;
  color:var(--bc-visual-accent); cursor:pointer; font:600 16px/1.5 var(--ui-font,Arial,sans-serif);
}
html[lang] #root .bc-project-details > summary::-webkit-details-marker { display:none; }
html[lang] #root .bc-project-details > summary::after { content:'+'; position:static; transform:none; flex:0 0 auto; font-size:22px; font-weight:400; }
html[lang] #root .bc-project-details[open] > summary::after { content:'−'; }
html[lang] #root .bc-project-details > summary:focus-visible { outline:2px solid var(--bc-visual-accent); outline-offset:4px; }
html[lang] #root .bc-project-details > .bc-project-full-context {
  display:block; padding:14px 0 0; margin:0; border:0; opacity:1; visibility:visible;
}
html[lang] #root .bc-project-full-context > p { font-size:17px; line-height:1.7; margin:0 0 18px; hyphens:none; -webkit-hyphens:none; }
html[lang] #root .bc-project-full-context > p:last-child { margin-bottom:0; }
@media(max-width:767px) {
  html[lang] #root .mobile-home .mb-project-list { gap:20px; }
  html[lang] #root .mobile-home .mb-project-list > .bc-project-context { transform:none; }
  html[lang] #root .mobile-home .mb-project-list > .bc-project-context.bc-project-active {
    transform:none; box-shadow:0 12px 30px rgba(8,24,14,.15);
  }
  html[lang] #root .mobile-home .mb-project-list > .bc-project-context.bc-project-muted { opacity:1; transform:none; }
  html[lang] #root .bc-project-context > .bc-project-tags { gap:6px; margin-bottom:20px; min-height:0; }
  html[lang] #root .bc-project-tags > li { font-size:13px; padding:5px 8px; }
  html[lang] #root .bc-project-context > .bc-project-intro,
  html[lang] #root .bc-project-full-context > p { font-size:16px; line-height:1.65; }
  html[lang] #root .bc-project-context > h3 { hyphens:none; -webkit-hyphens:none; overflow-wrap:break-word; }
}
@media(prefers-reduced-motion:reduce) {
  html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context,
  html[lang] #root :is(.experience .sector-list,.mobile-home .mb-project-list) > .bc-project-context:is(.bc-project-active,.bc-project-muted) {
    transition:none; transform:none;
  }
}