/* Evidence sizing follows the artifact, rather than the browser width. */
.portfolio-shell img[src="/assets/flows/material-operating-model.svg"]{width:100%;max-width:1120px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/sick-operating-model.svg"]{width:100%;max-width:1120px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/sick-floor-signal.svg"]{width:100%;max-width:880px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-operating-model-desktop.svg"]{width:100%;max-width:1120px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-physical-flow.svg"]{width:100%;max-width:960px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/alert-pilot-flow.svg"]{width:100%;max-width:960px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/alert-routing-flow.svg"]{width:100%;max-width:960px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/sick-human-signal-states.svg"]{width:100%;max-width:940px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/sick-local-knowledge.svg"]{width:100%;max-width:880px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/redwood-carrier-response.svg"]{width:100%;max-width:1470px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-interpretation.svg"]{width:100%;max-width:1000px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-local-batch.svg"]{width:100%;max-width:640px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-decision-flow.svg"]{width:100%;max-width:960px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/material-downstream-batch.svg"]{width:100%;max-width:640px;height:auto;min-width:0;margin-inline:auto}
.portfolio-shell img[src="/assets/flows/sick-floor-before.svg"]{width:100%;max-width:880px;height:auto;min-width:0;margin-inline:auto}

.portfolio-shell .artifact-scroll-frame{width:min(100%,960px);max-height:560px;overflow:auto;margin:16px auto 0;scrollbar-gutter:stable;border:1px solid var(--line,#ccdce2);border-radius:4px;background:#f5f9fb}
.portfolio-shell .artifact-scroll-frame img{display:block;width:960px;max-width:100%;height:auto}
.artifact-scroll-frame:focus-visible{outline:3px solid #812579;outline-offset:4px}
.artifact-view-note{font-size:.8125rem;line-height:1.5;color:var(--muted,#526878);margin:8px 0 0!important}
.portfolio-shell .mf-comparison figure img{height:auto;max-height:360px;object-fit:contain}
.portfolio-shell .mf-opening picture img{width:100%;max-height:none;object-fit:contain}
.portfolio-shell figure.prototype-capture:not(.prototype-capture--tall) .prototype-capture-frame{width:fit-content;max-width:100%;margin-inline:auto}
.portfolio-shell figure.prototype-capture:not(.prototype-capture--tall) .prototype-capture-frame img{width:auto;max-width:100%;max-height:560px;height:auto}
.portfolio-shell .prototype-capture--tall .prototype-capture-frame{max-height:560px}
.lifecycle-artifact{margin-block:22px!important;padding-block:20px}
.lifecycle-artifact h3{font-size:clamp(1.2rem,1.45vw,1.45rem);margin-bottom:16px}
.artifact-wireflow{gap:18px}
.artifact-wireflow>li{padding:16px}
.artifact-wireflow h4{min-height:0}
.artifact-wireframe{margin-block:12px}
@container portfolio-page (max-width:1100px){
 .artifact-chain{flex-wrap:wrap;gap:18px}
 .artifact-chain>li{flex:1 1 180px;min-width:0}
 .artifact-chain>li:not(:last-child)::after{display:none}
 .artifact-wireflow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .artifact-state-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container portfolio-page (max-width:800px){
 .artifact-branches,.artifact-comparison,.note-architecture,.scaling-status,.routing-model,.routing-two,.routing-three{grid-template-columns:1fr}
 .artifact-outcome{flex-wrap:wrap;gap:20px}
 .artifact-outcome>div{flex:1 1 240px}
}
@container portfolio-page (max-width:560px){
 .artifact-wireflow,.artifact-state-list{grid-template-columns:1fr}
 .artifact-chain{display:block}
 .artifact-chain>li{padding:12px 0 24px}
 .artifact-chain>li:not(:last-child)::after{display:block;content:'↓';top:auto;bottom:0;left:0;right:auto}
}
@media(max-width:700px){
 .portfolio-shell .artifact-scroll-frame{max-height:440px}
 .portfolio-shell .artifact-scroll-frame img{width:800px;min-width:800px;max-width:none}
 .portfolio-shell .prototype-capture--tall .prototype-capture-frame{max-height:440px}
 .portfolio-shell figure.prototype-capture:not(.prototype-capture--tall) .prototype-capture-frame img{max-height:none}
}
@media(max-width:700px){
 .portfolio-shell .mf-opening img{width:780px;min-width:780px;max-width:none}
 .portfolio-shell .artifact-scroll-frame img{width:960px;min-width:960px}
}