/* Testable editorial additions using the existing WorkWell palette and type. */
.ww-site .ww-work-shift .ww-heading{max-width:850px}
.ww-work-shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}
.ww-work-state{position:relative;min-width:0;margin:0;padding:var(--space-4);border:1px solid var(--ww-line);border-radius:18px;background:linear-gradient(145deg,rgba(29,49,82,.58),rgba(23,40,68,.18));overflow:hidden}
.ww-work-state::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--state-accent),transparent)}
.ww-work-state--before{--state-accent:#a68acc}
.ww-work-state--after{--state-accent:#59d5cd}
.ww-work-state-art{height:210px;display:grid;place-items:center}
.ww-work-state svg{display:block;width:min(100%,420px);height:auto;overflow:visible}
.ww-work-state figcaption{display:grid;gap:7px;padding-top:var(--space-3);border-top:1px solid var(--ww-line)}
.ww-work-state figcaption strong{font:700 var(--ww-type-copy)/1.35 'Satoshi',sans-serif;color:#f7f7f3}
.ww-work-state figcaption span{font:500 var(--ww-type-copy)/1.5 'Satoshi',sans-serif;color:var(--ww-soft)}
.ww-benefit-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,auto);column-gap:var(--space-6);margin:var(--space-5) 0 var(--space-4)}
.ww-benefit-column{display:grid;grid-row:1 / span 4;grid-template-rows:subgrid;min-width:0}
.ww-benefit-column:first-child{grid-column:1}
.ww-benefit-column:last-child{grid-column:2}
.ww-benefit-column h3{margin:0 0 var(--space-2);padding:0 0 var(--space-3);border-bottom:1px solid var(--column-accent);font-size:var(--ww-type-h3);color:#f7f7f3}
.ww-benefit-column:first-child{--column-accent:var(--ww-blue)}
.ww-benefit-column:last-child{--column-accent:var(--ww-teal)}
.ww-benefit-points{display:grid;grid-row:2 / span 3;grid-template-rows:subgrid;list-style:none;margin:0;padding:0}
.ww-benefit-points li{position:relative;display:grid;gap:3px;padding:var(--space-3) 0 var(--space-3) 25px;border-bottom:1px solid var(--ww-line)}
.ww-benefit-points li::before{content:"";position:absolute;left:0;top:calc(var(--space-3) + 8px);width:8px;height:8px;border:1px solid var(--column-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--column-accent) 12%,transparent)}
.ww-benefit-points strong{font-size:var(--ww-type-copy);line-height:1.42;color:#f7f7f3}
.ww-benefit-points span{font-size:var(--ww-type-copy);line-height:1.55;color:var(--ww-soft)}
@media(max-width:800px){.ww-work-shift-grid,.ww-benefit-columns{grid-template-columns:1fr;gap:var(--space-4)}.ww-benefit-columns{grid-template-rows:none}.ww-benefit-column{display:block;grid-row:auto}.ww-benefit-column:first-child,.ww-benefit-column:last-child{grid-column:auto}.ww-benefit-points{display:block}.ww-work-state-art{height:auto;min-height:190px}.ww-benefit-column h3{margin-top:var(--space-3)}}
@media(max-width:560px){.ww-work-state{padding:var(--space-3)}.ww-work-state-art{min-height:160px}.ww-work-state figcaption span{font-size:16px}.ww-benefit-points li{padding-top:var(--space-3);padding-bottom:var(--space-3)}}