/* Shared architecture master, 23.10.2026.
   Canonical source: newwork-solution-maps/src/architecture-layout.css.
   Broad architecture layers retain their width; compactness comes from spacing,
   never from forcing four runtime rows. Breakpoints use the actual map width. */
.solution-map-section :is(.connect-map-inner,.wf-inner){max-width:1720px;container:architecture / inline-size}
.solution-map-section :is(.connect-map-visual,.wf-visual){padding:24px 32px}
.connect-map-inner :is(.connect-map-panel,.connect-map-governance),.wf-inner :is(.wf-panel,.wf-governance,.wf-operating-system){padding:12px}
.connect-map-inner :is(.connect-map-panels,.connect-map-stack,.connect-map-capabilities,.connect-map-controls),.wf-inner :is(.wf-middle,.wf-teams,.wf-runtime-grid,.wf-foundation>div){gap:10px}
.connect-map-inner .connect-map-card,.wf-inner :is(.wf-card,.wf-governance li){padding:9px}
.connect-map-inner .connect-map-principle{padding:9px 12px;margin-bottom:10px}
.connect-map-inner :is(.connect-map-panel-heading,.connect-map-tag),.wf-inner :is(.wf-panel-heading,.wf-management){margin-bottom:10px}
.connect-map-inner .connect-map-governance,.wf-inner :is(.wf-middle,.wf-operating-system,.wf-foundation){margin-top:10px}
.connect-map-inner .connect-map-panels{grid-template-columns:minmax(0,1fr)}
.connect-map-inner :is(.connect-map-stack,.connect-map-capabilities,.connect-map-controls){grid-template-columns:repeat(2,minmax(0,1fr))}
.connect-map-inner .connect-map-target .connect-map-stack{grid-template-rows:auto}
.connect-map-inner .connect-map-stage{grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);gap:12px;min-height:200px;margin-block:10px}
.connect-map-inner .connect-map-hub{width:168px;height:168px}
.wf-inner .wf-mission-row{grid-template-columns:minmax(0,1fr);gap:10px}
.wf-inner .wf-pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.wf-inner .wf-pipeline li::after{display:none}
.wf-inner .wf-mission-record{flex-direction:row;align-items:center;gap:16px}
.wf-inner .wf-middle{grid-template-columns:minmax(0,1fr)}
.wf-inner :is(.wf-teams,.wf-runtime-grid),.wf-inner .wf-foundation>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.wf-inner .wf-governance ul{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.wf-inner .wf-org-stage{grid-template-columns:minmax(0,1fr);gap:24px;min-height:200px;margin-bottom:24px}
.wf-inner .wf-supervisor{justify-self:center;grid-row:2}
.wf-inner :is(.wf-teams,.wf-team,.wf-org-stage)::before,.wf-inner .wf-org-stage::after{display:none}
.wf-inner .wf-org-note{text-align:center}
.wf-inner .wf-collaboration-arrow{display:none}
@container architecture (min-width:700px){
 .wf-inner .wf-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wf-inner .wf-pipeline li:not(:nth-child(4)):not(:last-child)::after{display:block}
 .wf-inner .wf-org-stage{grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);gap:12px;margin-bottom:32px}
 .wf-inner .wf-supervisor{width:168px;height:168px;grid-row:auto}
 .wf-inner .wf-org-note{text-align:left}
 .wf-inner .wf-collaboration-arrow{display:block}
 .wf-inner .wf-org-stage::after{display:block;bottom:-32px;height:32px}
 .wf-inner .wf-governance ul{grid-template-columns:repeat(4,minmax(0,1fr))}
 .connect-map-inner .connect-map-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
 .connect-map-inner .connect-map-card h4,.connect-map-inner .connect-map-governance>header h3,.wf-inner .wf-governance h3{font-size:21px}
 .connect-map-inner :is(.connect-map-capabilities h4,.connect-map-controls h4){font-size:18px}
 .connect-map-inner .connect-map-card p,.wf-inner :is(.wf-card p,.wf-governance>p,.wf-org-note li,.wf-panel-heading p){font-size:14px;line-height:1.5}
 .connect-map-inner .connect-map-wordmark,.wf-inner .wf-supervisor-wordmark{font-size:20px;line-height:23px;max-width:138px}
}
@container architecture (min-width:1100px){
 .connect-map-inner .connect-map-panels{grid-template-columns:1fr 1.55fr 1fr}
 .connect-map-inner .connect-map-stack{grid-template-columns:minmax(0,1fr)}
 .connect-map-inner .connect-map-target .connect-map-stack{grid-template-rows:repeat(4,1fr)}
 .wf-inner .wf-middle{grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr)}
 .wf-inner .wf-governance ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wf-inner .wf-runtime-grid,.wf-inner .wf-foundation>div{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container architecture (min-width:1100px){
 .wf-inner .wf-teams{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wf-inner .wf-teams::before,.wf-inner .wf-team::before{display:block}
}
@container architecture (min-width:1540px){
 .connect-map-inner .connect-map-capabilities{grid-template-columns:repeat(4,minmax(0,1fr))}
 .connect-map-inner .connect-map-controls{grid-template-columns:repeat(6,minmax(0,1fr))}
 .wf-inner .wf-mission-row{grid-template-columns:minmax(0,1fr) 180px}
 .wf-inner .wf-pipeline{grid-template-columns:repeat(7,minmax(0,1fr))}
 .wf-inner .wf-pipeline li:not(:last-child)::after{display:block}
 .wf-inner .wf-mission-record{flex-direction:column;gap:6px}
 .wf-inner .wf-runtime-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@container architecture (max-width:540px){
 .solution-map-section :is(.connect-map-visual,.wf-visual){padding:20px 16px}
 .connect-map-inner :is(.connect-map-stack,.connect-map-capabilities,.connect-map-controls),.wf-inner :is(.wf-teams,.wf-foundation>div){grid-template-columns:minmax(0,1fr)}
 .connect-map-inner .connect-map-stage{grid-template-columns:minmax(0,1fr);gap:24px}
 .connect-map-inner .connect-map-hub{justify-self:center;grid-row:2;width:200px;height:200px}
 .connect-map-inner .connect-map-channel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wf-inner .wf-mission-record{display:block}
}