.report{max-width:1120px}.report>p{max-width:820px}.visual-section{margin:70px 0}.observation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}figure{margin:0}.observation-grid figure,.publication-videos figure{background:#fff;border:1px solid #dcdedc;border-radius:14px;overflow:hidden}.observation-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}figcaption{padding:20px;font-size:15px;line-height:1.6}figcaption a{display:block;margin-top:14px}.task-map{margin-top:24px;padding:28px;background:#e7ecef;border-radius:14px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stage-grid div{border-top:2px solid #315dff;padding-top:15px;display:grid;gap:8px}.stage-grid b{color:#315dff}.stage-grid span{font-size:14px}.report .figure-note{font-size:13px;line-height:1.6;color:#546170}.system-flow{display:flex;align-items:center;gap:12px;margin:28px 0}.system-flow div{padding:20px;background:#111b2b;color:white;border-radius:10px;flex:1}.system-flow small,.system-flow strong{display:block}.system-flow small{font-size:10px;letter-spacing:1.5px;margin-bottom:8px;color:#a6bfff}.system-flow strong{font-size:15px}.publication-videos{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.publication-videos video{width:100%;aspect-ratio:16/9;background:#111b2b;object-fit:contain;display:block}.publication-videos figcaption p{font-size:14px;margin-bottom:0}.chart-panel{background:white;border:1px solid #dcdedc;padding:32px;border-radius:14px;margin-top:30px}.chart-panel h3{font-size:26px;margin:12px 0}.chart-panel>p{font-size:15px}.bar-row{display:grid;grid-template-columns:190px 1fr 60px;gap:14px;align-items:center;margin:16px 0;font-size:14px}.bar-track{background:#edf0f3;height:18px;border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:4px}.bar-row b{text-align:right;font-variant-numeric:tabular-nums}.research-takeaway{border-left:3px solid #315dff;padding:8px 24px;margin:30px 0}.research-takeaway h3{margin:10px 0}.report a{overflow-wrap:anywhere}@media(max-width:700px){.observation-grid,.publication-videos{grid-template-columns:1fr}.stage-grid{grid-template-columns:1fr 1fr}.system-flow{flex-direction:column;align-items:stretch}.system-flow>span{text-align:center;transform:rotate(90deg)}.chart-panel{padding:20px 14px}.bar-row{grid-template-columns:125px 1fr 48px;gap:8px;font-size:11px}.visual-section{margin:45px 0}.task-map{padding:20px}.report h1{font-size:54px}}

/* Keep the case study focused on observations; link out to test definitions. */
.report-hero-video { display: block; width: 100%; margin: 30px 0; background: var(--ink); }
.report-framework { margin: 48px 0; padding: 30px 32px; border-block: 1px solid var(--line); background: #e9eae3; }
.report-framework .eyebrow { margin-top: 0; font-size: 11px; color: var(--blue); }
.report-framework h2 { margin: 12px 0 16px; }
.report-framework > p { max-width: 840px; }
.report-framework .text-link { display: inline-block; margin-top: 4px; }
.report .eyebrow { font-size: 11px; letter-spacing: 1.6px; }
.observation-grid figure, .publication-videos figure, .task-map, .chart-panel { border-radius: 3px; }
.system-flow div { border-radius: 3px; }
@media (max-width: 700px) {
  .report { padding: 44px 6%; }
  .report-framework { margin: 36px 0; padding: 24px 20px; }
  .report-framework h2 { font-size: 29px; }
  .report .eyebrow { font-size: 10px; }
  .report h1 { font-size: clamp(42px, 12vw, 54px); }
  .bar-row { grid-template-columns: minmax(0, 1fr) 48px; gap: 6px 10px; margin: 18px 0; font-size: 13px; }
  .bar-row > span { grid-column: 1; grid-row: 1; }
  .bar-row b { grid-column: 2; grid-row: 1; }
  .bar-track { grid-column: 1 / -1; grid-row: 2; height: 10px; }
}