/* Approved Kompakt 3, transferred from Solutionmaps master 5c8fcbd.
   Content, materials, semantic topology and the homepage hero are untouched. */
:root{--visual-outer:72px;--visual-inner:12px;--visual-node:9px;--visual-gap:10px;--visual-link:14px;--visual-card-heading:96px}
.solution-map-section{padding-block:var(--visual-outer)}
.solution-map-intro>:is(h1,h2){font-size:clamp(36px,4vw,56px)}
.solution-map-section .solution-map-lead{margin-top:16px}
.solution-map-section .hr-solution-map{margin-top:28px}
.perspective-detail-page .perspective-visual-band{padding-block:var(--visual-outer)}
.perspective-detail-page .vision-figure.sv{max-width:1200px}
.perspective-detail-page .sv .sv-body{padding:var(--visual-inner)}
.perspective-detail-page .sv .vision-visual-header,.perspective-detail-page .sv>figcaption{padding:14px var(--visual-inner)}
.perspective-detail-page .sv :is(.sv-node,.sv-strip,.sv-review,.sv-rail,.sv-human,.sv-stage-human,.sv-stage-digital,.sv-architecture-row){padding:var(--visual-node)}
.perspective-detail-page .sv :is(.sv-workspace-body,.sv-boundary-content){padding:var(--visual-inner)}
.perspective-detail-page .sv :is(.sv-workspace-head,.sv-boundary-head){padding:var(--visual-node) var(--visual-inner)}
.perspective-detail-page .sv .sv-link{min-height:var(--visual-link)}
.perspective-detail-page .sv .sv-link::before{height:calc(var(--visual-link) - 8px)}
.perspective-detail-page .sv .sv-link:has(>span){padding-block:4px}
.perspective-detail-page .sv .sv-link:has(>span)::before{height:8px}
.perspective-detail-page .sv .sv-link>span{padding-block:4px}
.perspective-detail-page .sv :is(.sv-options,.sv-decision-list,.sv-progress,.sv-handover,.sv-journey){gap:var(--visual-gap);margin-top:var(--visual-gap)}
.perspective-detail-page .sv .sv-stage-human .sv-icon{margin-bottom:var(--visual-gap)}
.perspective-detail-page .sv .sv-decision-list>div{padding-block:var(--visual-node)}
.perspective-detail-page .sv .sv-progress>span{padding-top:8px}
.perspective-detail-page .sv .sv-review,.perspective-detail-page .sv .sv-boundary-content>.sv-strip{margin-top:var(--visual-gap)}
.perspective-detail-page .sv .sv-architecture-row{gap:var(--visual-gap)}
/* All eight Public Suite columns and both foundations remain present. */
.solution-map-section .public-suite-visual{padding:var(--visual-inner)}
.public-suite-visual .public-suite-card{grid-template-rows:var(--visual-card-heading) 1fr}
.public-suite-visual .public-suite-card-heading{padding:12px;gap:8px}
.public-suite-visual .public-suite-card ul{padding:var(--visual-node) 12px;gap:4px}
.public-suite-visual .public-suite-columns{gap:var(--visual-gap)}
.public-suite-visual .public-suite-foundations{gap:var(--visual-gap);margin-top:var(--visual-gap)}
.public-suite-visual .public-suite-foundation{padding:var(--visual-node);gap:var(--visual-gap)}
/* Architecture width and grids live in the shared architecture-layout.css.
   The same spacing roles for architecture families, without converting them
   into radial maps or moving governance to another layer. */
.solution-map-section :is(.connect-map-visual,.wf-visual){padding:24px 32px}
.connect-map-visual .connect-map-principle{padding:var(--visual-node) var(--visual-inner);margin-bottom:var(--visual-gap)}
.connect-map-visual :is(.connect-map-panel,.connect-map-governance),.wf-visual :is(.wf-panel,.wf-governance,.wf-operating-system){padding:var(--visual-inner)}
.connect-map-visual :is(.connect-map-panels,.connect-map-stack,.connect-map-capabilities,.connect-map-controls),.wf-visual :is(.wf-middle,.wf-teams,.wf-runtime-grid,.wf-foundation>div){gap:var(--visual-gap)}
.connect-map-visual .connect-map-card,.wf-visual :is(.wf-card,.wf-governance li){padding:var(--visual-node)}
.connect-map-visual :is(.connect-map-panel-heading,.connect-map-tag),.wf-visual :is(.wf-panel-heading,.wf-management){margin-bottom:var(--visual-gap)}
.connect-map-visual .connect-map-governance,.wf-visual :is(.wf-middle,.wf-operating-system,.wf-foundation){margin-top:var(--visual-gap)}
.vision-content-page .agentic-system-section{padding-block:var(--visual-outer)}
.vision-content-page .agentic-system{padding:24px 32px}
.vision-content-page .agentic-system-caption{margin-bottom:var(--visual-link)}
.vision-content-page :is(.agentic-system-core,.agentic-system-governance){padding:var(--visual-inner)}
.vision-content-page .agentic-system-actor{padding:var(--visual-node) var(--visual-inner)}
.vision-content-page .agentic-system-connector{height:var(--visual-link)}
.vision-content-page .agentic-system-name{padding-block:var(--visual-link)}
.home-content-extension .home-connect-band{padding-block:var(--visual-outer)}
.home-content-extension .home-connect-visual{padding:var(--visual-inner)}
.home-content-extension .home-connect-bridge{padding-block:var(--visual-link)}
.home-content-extension .home-connect-node,.home-content-extension .home-connected-work>div{padding:var(--visual-node);gap:var(--visual-gap)}
.home-content-extension .home-connect-visual>figcaption{padding-bottom:var(--visual-link)}
.home-content-extension .home-connect-foundation{padding-top:var(--visual-link)}
@media(min-width:961px){
 .solution-map-section:has([data-solution-map]) .solution-map-inner{max-width:1200px}
 .solution-map-section .hr-map-responsive{padding:24px 32px}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-card{padding:8px 12px;gap:4px}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-card-title{font-size:21px}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-card-detail{font-size:14px;line-height:1.5}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-icon{width:38px;height:38px;flex-basis:38px}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-icon svg{width:27px;height:27px}
 .hr-map-responsive[data-map-size="compact-3"] .hr-map-workforce-text{font-size:20px;line-height:23px;max-width:138px}
 .public-suite-visual :is(.public-suite-card h3,.public-suite-foundation h3){font-size:21px}
 .public-suite-visual :is(.public-suite-card li,.public-suite-foundation p){font-size:14px;line-height:1.5}
 .perspective-detail-page .sv .sv-body p{font-size:12.5px}
 .perspective-detail-page .sv .sv-body strong{font-size:19px}
 .perspective-detail-page .sv .sv-workspace-title>strong{font-size:27px}
 .perspective-detail-page .sv .sv-architecture-row a{font-size:22px}
 .perspective-detail-page .sv .sv-strip>strong{font-size:21px}
 .perspective-detail-page .sv .sv-journey-stage{grid-template-rows:1fr 1fr;gap:var(--visual-gap)}
 .perspective-detail-page .sv .sv-stage-digital::before{top:calc(-1 * var(--visual-gap));height:var(--visual-gap)}
 .connect-map-visual .connect-map-stage{grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);min-height:200px;margin-block:var(--visual-gap)}
 .connect-map-visual .connect-map-hub,.wf-visual .wf-supervisor{width:168px;height:168px}
 .connect-map-visual .connect-map-wordmark,.wf-visual .wf-supervisor-wordmark{font-size:20px;line-height:23px;max-width:138px}
 .connect-map-visual .connect-map-card h4,.connect-map-visual .connect-map-governance>header h3,.wf-visual .wf-governance h3{font-size:21px}
 .connect-map-visual .connect-map-capabilities h4,.connect-map-visual .connect-map-controls h4{font-size:18px}
 .connect-map-visual .connect-map-card p,.wf-visual :is(.wf-card p,.wf-governance>p,.wf-org-note li,.wf-panel-heading p){font-size:14px;line-height:1.5}
 .wf-visual .wf-org-stage{grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);min-height:200px;gap:var(--visual-gap)}
 .vision-content-page .agentic-system-actor{font-size:21px}
}
@media(max-width:960px){
 .public-suite-visual .public-suite-card{grid-template-rows:auto 1fr}
 .solution-map-section :is(.connect-map-visual,.wf-visual){padding:24px}
}
@media(max-width:600px){
 .solution-map-section :is(.public-suite-visual,.connect-map-visual,.wf-visual){padding:20px 16px}
 .vision-content-page .agentic-system{padding:20px 16px}
}