/* Respond to the actual explorer width, including when the sidebar is open. */
@layer appearance-study {
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack{container-name:production!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head{display:grid!important;grid-template-columns:1fr auto!important;gap:12px 20px!important;align-items:center!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head h3{grid-column:1!important;grid-row:1!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head .cl-industrial-actions{grid-column:2!important;grid-row:1!important;display:flex!important;flex-wrap:wrap!important;gap:16px!important;justify-content:flex-end!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head .cl-industrial-toolbar{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:8px 20px!important;width:100%!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head .cl-industrial-compact{width:auto!important;flex:1 1 260px!important;min-width:min(240px,100%)!important;max-width:420px!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-step-nav{flex:0 1 auto!important;min-width:0!important;display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;margin-left:auto!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack [data-industrial-progress]{max-width:30ch!important;white-space:normal!important;font-size:12px!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-step-nav:has([data-industrial-resume]:not([hidden])) [data-industrial-step]{display:none!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack :is(.cl-flow-columns,.cl-flow-lane ol,.cl-flow-finish){display:grid!important;grid-template-columns:repeat(var(--flow-finish-count,3),minmax(0,1fr))!important;gap:26px!important;list-style:none!important;padding:0!important;margin:0!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-columns.cl-flow-columns{padding:0 28px 0 104px!important;margin-bottom:8px!important;font-size:11px!important;color:var(--supply-copy,#505860)!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lanes{display:grid!important;gap:10px!important;position:relative!important;padding-right:28px!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lane{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:14px!important;align-items:center!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lane h4{font:600 12px/1.4 var(--site-body)!important;margin:0!important;overflow-wrap:anywhere!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack :is(.cl-flow-lane li,.cl-flow-finish li){position:relative!important;min-width:0!important;display:flex!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:62px!important;padding:10px 12px!important;border:1px solid rgba(var(--mono-ink-rgb),.12)!important;border-radius:7px!important;background:transparent!important;color:inherit!important;text-align:left!important;cursor:pointer!important;font-family:var(--site-body)!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card:hover{background:var(--supply-soft,rgba(var(--mono-paper-rgb, 244,245,246), 1))!important;border-color:rgba(var(--mono-ink-rgb),.28)!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card>span:not(.cl-route-thumb):not(.cl-flow-open){min-width:0!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card strong{display:block!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.5!important;color:var(--supply-copy,#505860)!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-open{margin-left:auto!important;color:var(--supply-copy,#505860)!important;font-size:11px!important;flex:none!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card .cl-route-thumb{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:5px!important;overflow:hidden!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-merge{height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-merge span{display:none!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-build-overview{position:relative!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-connectors{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;overflow:visible!important;color:var(--landscape-muted,#85959d)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack [data-flow-vertical=true] .cl-flow-merge span{display:block!important;font-size:11px!important}

html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-merge span{font-size:11px!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-finish{grid-template-columns:repeat(var(--flow-finish-count,3),minmax(0,1fr))!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-finish .cl-flow-card{min-height:86px!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-finish li:last-child .cl-flow-card{background:var(--supply-soft,rgba(var(--mono-paper-rgb, 244,245,246), 1))!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-alternatives{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 20px!important;margin-top:16px!important;font-size:12px!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-alternatives .cl-flow-card{width:auto!important;min-height:44px!important;border:0!important;padding:4px 0!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
@container production (max-width:720px){
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-columns.cl-flow-columns{padding-left:0!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lane{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lanes{gap:16px!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card .cl-route-thumb{width:28px!important;height:28px!important;flex-basis:28px!important}
}
@container production (max-width:480px){
 html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-unified-head .cl-industrial-actions{grid-column:1!important;grid-row:2!important;justify-content:flex-start!important;margin-left:0!important}
 html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-step-nav{margin-left:0!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-columns.cl-flow-columns{display:none!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack :is(.cl-flow-lane ol,.cl-flow-finish){grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card{min-height:48px!important;padding:8px 10px!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-card .cl-route-thumb{display:block!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-lanes{padding-right:0!important;gap:22px!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-flow-merge{justify-content:center!important;padding:16px 0!important}
}
}
/* The whole-process view replaces the detailed workbench in place. */
.cl-step-scope,.cl-connection-relation{font-size:11px;line-height:1.4;color:var(--landscape-muted,#626870)}
.cl-evidence-label{font-size:12px;font-weight:600;margin:10px 0 6px}
[data-related-evidence]{margin-top:12px}
[data-related-evidence] summary{font-size:12px;cursor:pointer}
[data-related-evidence] .cl-industrial-sources{margin-top:8px}
@layer appearance-study {
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack[data-overview=true] :is(.cl-industrial-toolbar,.cl-route-overviews,.cl-industrial-workbench,[data-industrial-explain],[data-industrial-browse]){display:none!important}
html[data-mono]:not([data-mono="original"]) body.component-landscape-page .cl-panel .cl-industrial-stack[data-overview=true] .cl-industrial-unified-head .cl-industrial-toolbar{display:none!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-actions{margin-left:auto!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack [data-industrial-overview-toggle]{font:600 12px/1.4 var(--site-body)!important;border:0!important;background:transparent!important;color:inherit!important;padding:6px 0!important;min-height:36px!important;cursor:pointer!important;white-space:nowrap!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-step-count{align-self:center!important;font-size:11px!important;color:var(--landscape-muted,#626870)!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-route-summary{font-size:13px!important;line-height:1.5!important;color:var(--supply-copy,#505860)!important;margin:0 0 14px!important;max-width:95ch!important}
html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-build-summary{font-size:15px!important;line-height:1.6!important;margin:0 0 22px!important;max-width:85ch!important;color:var(--supply-copy,#505860)!important}
@media(max-width:760px){
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack .cl-industrial-actions{gap:14px!important;flex-wrap:wrap!important}
 html[data-mono] body.component-landscape-page .cl-panel .cl-industrial-stack [data-industrial-overview-toggle]{min-height:44px!important}
}
}
.cl-industrial-stack .cl-connection-relation{display:block;font-size:12px;line-height:1.4;color:var(--landscape-ink,rgba(var(--mono-ink-rgb, 21,25,29), 1));margin-top:2px}