/* Method #context: the two ways to answer for agent work today, and the verifier between them. */
.section-lead{max-width:60ch;margin:16px 0 0;color:var(--ink);font:400 var(--fs-body)/1.5 Plex,sans-serif;text-wrap:pretty}
.gap-figure{width:100%;margin:28px 0 40px;color:var(--ink)}
.gap-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.gap-option{min-width:0}
.gap-scene{display:block;width:100%;max-width:280px;height:auto;fill:none;stroke:#142950;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gap-scene .g-card{fill:#fff}
.gap-scene .g-run{fill:#f3f6f4}
.gap-scene .g-blame{stroke:#b34c50}
.gap-scene .g-blame-fill{fill:#fbefef;stroke:#b34c50}
.gap-scene .g-hold{stroke:var(--hold)}
.gap-scene .g-hold-fill{fill:var(--hold-bg);stroke:var(--hold)}
.gap-scene .g-ok{stroke:#17834f}
.gap-scene .g-ok-fill{fill:#e9f6ef;stroke:#17834f}
.gap-scene .g-dash{stroke-dasharray:3 4}
.gap-label{display:block;margin-top:12px;color:#142950;font:600 var(--fs-body)/1.3 Plex,sans-serif;white-space:nowrap}
.gap-option p{max-width:none;margin:6px 0 0;color:var(--ink);font:400 var(--fs-body)/1.45 Plex,sans-serif;text-wrap:balance}
@media(max-width:899px){
 .gap-figure{margin:24px 0 32px}
 .gap-options{grid-template-columns:minmax(0,1fr);gap:24px}
 .gap-option{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:16px;align-items:center}
 .gap-scene{grid-row:1/3;max-width:150px}
 .gap-label{grid-column:2;margin:0}
 .gap-option p{grid-column:2;max-width:none}
}
@media(max-width:479px){
 .gap-option{grid-template-columns:120px minmax(0,1fr)}
 .gap-scene{max-width:120px}
}
@media(max-width:379px){
 .gap-option{grid-template-columns:100px minmax(0,1fr)}
 .gap-scene{max-width:100px}
}