/* Compact four-box flowchart; decorative arrows preserve the ordered text. */
.measurement-art{margin:0;width:100%;max-width:430px;justify-self:center}
.metric-flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:32px}
.metric-step{position:relative;text-align:center;background:var(--grey);border:1px solid var(--rule);padding:10px 18px}
.metric-step:not(:last-child)::after{content:'';position:absolute;left:calc(50% - .5px);top:calc(100% + 1px);width:1px;height:24px;background:var(--mid)}
.metric-step:not(:last-child)::before{content:'';position:absolute;left:calc(50% - 4px);top:calc(100% + 22px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--mid)}
.evidence-name{font-size:16px;font-weight:700;line-height:1.5}
.evidence-question{font-size:15px;line-height:1.5;margin-top:4px}
.metric-verdict{background:var(--deep);border-color:var(--deep);color:var(--lime);padding:12px 18px}
.verdict-question{font-family:Lora,Georgia,serif;font-size:22px;line-height:1.3}
.verdict-next{font-size:15px;margin-top:6px;line-height:1.5;color:var(--white)}
@media(max-width:800px){.measurement-art{margin:38px auto 0}}
@media(max-width:360px){.metric-step{padding-left:14px;padding-right:14px}}

/* Give the prose and graphic a shared starting line without moving the heading. */
@media(min-width:801px){#measurement .graphic-break-middle{align-items:start;margin-top:112px}}
@media(min-width:1101px){#measurement .graphic-break-middle>.prose{max-width:520px;margin-left:32px}}

/* Let the section title use the available width before it wraps. */
#measurement>h2{max-width:none;text-wrap:balance}