/* Employee Satisfaction: approved compact report narrative. */
body { text-rendering: optimizeLegibility; }
img { display: block; width: 100%; height: auto; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 5px; }
.cover :focus-visible { outline-color: var(--on-dark); }
.progress-bar { position: fixed; top: 0; left: 0; height: 2px; width: 0; background: var(--signal); z-index: 100; }
.cover .inner { max-width: var(--content-wide); margin: auto; padding: var(--s-96) var(--gutter) var(--s-80); }
.cover h1 { --cover-title-size: clamp(44px, 5.5vw, 80px); --cover-title-leading: 1.05; --cover-title-tracking: -.025em; max-width: 25ch; }
.cover .lede { max-width: 760px; margin-top: var(--s-32); }
.shift, .outcomes { background: var(--bg); }
.design { background: var(--frost); }
.eyebrow { margin-bottom: var(--s-16); }
.h-section { font-family: var(--f-display); font-weight: 800; text-transform: uppercase; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.12; letter-spacing: -.025em; max-width: 31ch; margin-bottom: var(--s-32); text-wrap: balance; }
.prose-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-64); }
.prose-grid p, .decision p { font-size: var(--body-size); line-height: 1.65; }
.evidence-stack { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-32); margin-top: var(--s-48); }
figure { margin: 0; min-width: 0; }
.artifact-link { display: block; border-radius: var(--r-sm); cursor: zoom-in; }
.artifact-link img { border-radius: var(--r-sm); box-shadow: var(--shadow-media); }
.artifact-link:hover img { box-shadow: var(--shadow-media), 0 0 0 2px var(--primary); }
.figure-caption { margin-top: var(--s-24); }
.decision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-48); row-gap: var(--s-16); }
.decision { display: grid; grid-template-rows: subgrid; grid-row: span 2; min-width: 0; }
.decision h3 { font: 700 24px/1.25 var(--f-display); letter-spacing: -.015em; text-wrap: balance; }
.report-artifact { margin-top: var(--s-64); }
@media (max-width: 1024px) {
  .cover .inner { padding: var(--s-96) var(--gutter) var(--s-64); }
  .prose-grid { gap: var(--s-32); }
  .decision-grid { column-gap: var(--s-24); }
}
@media (max-width: 900px) {
  .prose-grid, .evidence-stack { grid-template-columns: 1fr; gap: var(--s-24); }
  .decision-grid, .decision { display: block; }
  .decision h3 { margin-bottom: var(--s-16); }
  .decision + .decision { margin-top: var(--s-32); }
}
@media (max-width: 640px) {
  :root { --section-pad-y: var(--s-64); }
  .cover h1 { --cover-title-size: clamp(36px, 9vw, 48px); max-width: none; }
  .cover h1 > span { display: block; }
  .cover h1 br { display: none; }
  .h-section { font-size: 30px; max-width: none; }
  .report-artifact { margin-top: var(--s-48); }
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar { transition: none; }
}