/* Digital Workforce: Figma 108:1779 (desktop), 108:1829 (mobile).
   Approved outline adaptation: outer 25%, all cards/bars 50%.
   All geometry is local to this start-page section; height follows content. */
#sn-workforce .sn-media-frame:has(.workforce-operating-system){height:auto;min-height:0;max-height:none;aspect-ratio:auto}
#sn-workforce .sn-glass:has(.workforce-operating-system){display:block;height:auto;min-height:0;max-height:none;overflow:visible;padding:0;border:0;border-radius:16px;background:transparent;background-image:none;container-type:inline-size}
#sn-workforce .sn-glass:has(.workforce-operating-system) .sn-graphic-canvas{display:block;height:auto;min-height:0;max-height:none;overflow:visible}
#sn-workforce .workforce-operating-system{
  --dw-unit:min(1px,.121951cqw);
  --dw-card-height:calc(256 * var(--dw-unit));
  box-sizing:border-box;display:flex;flex-direction:column;width:100%;
  height:auto;min-height:calc(880 * var(--dw-unit));max-height:none;margin:0;
  padding:calc(40 * var(--dw-unit));gap:0;border:1px solid rgb(255 255 255 / .25);
  border-radius:16px;aspect-ratio:auto;background:transparent;color:#fff;font-family:"Funnel Sans";
}
#sn-workforce .workforce-operating-system *{box-sizing:border-box;min-width:0}
#sn-workforce .workforce-operating-system figcaption{padding:0 0 calc(32 * var(--dw-unit));font-size:calc(18 * var(--dw-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.2;letter-spacing:.1em}
#sn-workforce .workforce-operating-system-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(16 * var(--dw-unit));row-gap:calc(88 * var(--dw-unit));margin:0}
#sn-workforce .workforce-role--1{grid-column:1}
#sn-workforce .workforce-role--2{grid-column:2}
#sn-workforce .workforce-role--3{grid-column:3}
#sn-workforce .workforce-operating-system-cards article{grid-row:1;display:flex;flex-direction:column;min-height:var(--dw-card-height);padding:calc(24 * var(--dw-unit)) calc(20 * var(--dw-unit));border:1px solid rgb(255 255 255 / .5);border-radius:8px;background:transparent}
#sn-workforce .workforce-operating-system-cards small{padding-bottom:calc(8 * var(--dw-unit));font-size:calc(18 * var(--dw-unit));font-weight:400;line-height:1.4}
#sn-workforce .workforce-operating-system-cards strong{display:block;margin:0;padding-bottom:calc(8 * var(--dw-unit));font-size:calc(36 * var(--dw-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.18;letter-spacing:-.015em}
#sn-workforce .workforce-operating-system-cards article>span{margin-top:auto;font-size:calc(18 * var(--dw-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.4;color:#cad5e2}
#sn-workforce .workforce-operating-system-stage{grid-row:2;display:block;padding:calc(8 * var(--dw-unit)) 0;font-size:calc(16 * var(--dw-unit));font-weight:600;font-variation-settings:"wght" 600;line-height:1.25;letter-spacing:.1em;text-transform:uppercase;text-align:center;white-space:nowrap}
#sn-workforce .workforce-operating-system-flow{position:absolute;top:calc(var(--dw-card-height) + 64 * var(--dw-unit));left:0;right:0;height:0;pointer-events:none}
#sn-workforce .workforce-operating-system-flow img{position:absolute;top:-7.36395px;left:0;display:block;max-width:none;transform-origin:left center;transform:scale(var(--dw-arrow-scale,1))}
#sn-workforce .workforce-operating-system-runtime{display:grid;gap:calc(16 * var(--dw-unit));margin-top:calc(64 * var(--dw-unit))}
#sn-workforce .workforce-operating-system-bar{display:flex;align-items:center;gap:calc(20 * var(--dw-unit));padding:calc(28 * var(--dw-unit)) calc(32 * var(--dw-unit));border:1px solid rgb(255 255 255 / .5);border-radius:8px;background:transparent;font-weight:500;font-variation-settings:"wght" 500;line-height:1.4}
#sn-workforce .workforce-operating-system-bar b{flex:1;margin:0;font-size:calc(18 * var(--dw-unit));font-weight:500;font-variation-settings:"wght" 500;letter-spacing:0}
#sn-workforce .workforce-operating-system-capabilities{display:flex;flex-wrap:wrap;gap:8px calc(20 * var(--dw-unit));font-size:calc(16 * var(--dw-unit))}
#sn-workforce .workforce-operating-system-capabilities span{white-space:nowrap}
@container (max-width:560px){
  #sn-workforce .workforce-operating-system{--dw-unit:1px;min-height:0;padding:32px}
  #sn-workforce .workforce-operating-system-cards{display:flex;flex-direction:column;gap:0}
  #sn-workforce .workforce-operating-system-cards article{min-height:232px}
  #sn-workforce .workforce-operating-system-stage{padding:32px 0}
  #sn-workforce .workforce-operating-system-flow{display:none}
  #sn-workforce .workforce-operating-system-runtime{margin-top:0;gap:16px}
  #sn-workforce .workforce-operating-system-bar{flex-direction:column;align-items:stretch;gap:20px;padding:28px 32px}
  #sn-workforce .workforce-operating-system-capabilities{gap:8px 20px}
}
@container (max-width:360px){
  #sn-workforce .workforce-operating-system{padding-inline:24px}
  #sn-workforce .workforce-operating-system-bar{padding-inline:20px}
}

/* Workplace + Every: these rules deliberately live in the component stylesheet.
   The section scope prevents generic map styles from changing this approved variant. */
#sn-workplace .every-workplace-map-routes path{stroke:#fff!important;opacity:.25!important}
#sn-workplace .every-workplace-map-dot{fill:#fff!important}
#sn-workplace .every-workplace-map-center strong{display:block;max-width:13ch;font-family:"Funnel Sans",sans-serif!important;font-size:clamp(12px,1.75cqw,18px)!important;font-weight:600!important;line-height:1.18!important;letter-spacing:.035em!important}
#sn-workplace .every-workplace-map-card{border-color:rgb(255 255 255 / .72)!important;background:#fff!important;color:#0b1738!important}
#sn-workplace .every-workplace-map-card img{filter:none!important}
#sn-workplace .every-workplace-map-card h3{color:#0b1738!important}
#sn-workplace .every-workplace-map-card p{color:#445671!important}