/* Keep the source stack; the desktop recording fills the card's right side edge to edge. */
#contina-cases .ct32-card { --case-radius:var(--theme-radius,24px); --case-tab-radius:min(14px,var(--case-radius)); cursor:default; }
#contina-cases .ct32-body { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:stretch; aspect-ratio:5/2; padding:0; overflow:hidden; }
#contina-cases .ct32-content { width:auto; min-width:0; min-height:0; padding:32px; gap:24px; justify-content:space-between; }
#contina-cases .ct32-demo-media { position:relative; min-width:0; width:100%; height:100%; overflow:hidden; border-radius:0; }
#contina-cases .ct32-demo-media .ct32-thumbnail { display:block; width:100%; height:100%; margin:0; padding:0; border-radius:0; object-fit:contain; background:transparent; }
#contina-cases > .stage .ct32-layer { --case-bg:#f4c74d; --case-ink:#10151b; --ct32-card:var(--case-bg); --ct32-black:var(--case-ink); --ct32-ink:var(--case-ink); --ct32-copy:var(--case-ink); }
#contina-cases > .stage .ct32-layer :is(.ct32-body,.ct32-tag) { background:var(--case-bg); color:var(--case-ink); transition:background-color .4s ease,color .4s ease; }
#contina-cases > .stage .ct32-layer :is(h3,.ct32-meta,.ct32-stat-label,.ct32-stat-number) { color:var(--case-ink); }
#contina-cases > .stage .ct32-layer .ct32-stat { border-color:var(--case-ink); }
/* One folder-shaped outline: a continuous tab strip and a clipped outer card. */
#contina-cases .ct32-tags { position:relative; z-index:1; margin-bottom:-1px; }
#contina-cases .ct32-layer {--case-tab-count:1;}
#contina-cases .ct32-layer:nth-child(2) {--case-tab-count:2;}
#contina-cases .ct32-layer:nth-child(3) {--case-tab-count:3;}
#contina-cases .ct32-layer:nth-child(4) {--case-tab-count:4;}
#contina-cases > .stage .ct32-layer .ct32-body { border-radius:0 min(var(--case-radius),max(0px,calc(100% - var(--ct32-tag-width) * var(--case-tab-count)))) var(--case-radius) var(--case-radius); }
#contina-cases > .stage .ct32-layer .ct32-tag { border-radius:0; outline:0; box-shadow:none; }
#contina-cases > .stage .ct32-layer .ct32-tag:first-child { border-top-left-radius:var(--case-tab-radius); }
#contina-cases > .stage .ct32-layer .ct32-tag:last-child { border-top-right-radius:var(--case-tab-radius); }
@media(max-width:1199px) and (min-width:992px) { #contina-cases .ct32-content {padding:24px;gap:18px;} }
@media(max-width:991px) {
  #contina-cases .ct32-body {grid-template-columns:minmax(0,1fr);aspect-ratio:auto;gap:0;}
  #contina-cases .ct32-content {padding:24px;gap:24px;}
  #contina-cases .ct32-demo-media {height:auto;aspect-ratio:3/2;}
}
@media(max-width:767px) { #contina-cases .ct32-card {--case-radius:var(--theme-radius,20px);--case-tab-radius:min(12px,var(--case-radius));} }
@media(prefers-reduced-motion:reduce) { #contina-cases > .stage .ct32-layer :is(.ct32-body,.ct32-tag) {transition:none;} }
