/* Research: the lab's agenda. Published work first, then current work; each question carries a small
   live figure in the story's visual language (ink dots, hairlines, indigo for what gets decided). */
.rqs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rqs li{border-bottom:1px solid var(--line)}
.rqc{display:grid;grid-template-columns:84px minmax(0,1fr);gap:clamp(18px,2.4vw,28px);align-items:start;padding:24px 0;text-decoration:none}
.rqc-fig{display:block;width:84px;height:84px;border:1px solid var(--line);background:#fff}
.rqc-fig canvas{display:block;width:100%;height:100%}
.rqc-tag{display:block;font-size:.8125rem;color:var(--muted)}
.rqc-tag em{font-style:normal;color:var(--accent)}
.rqc-q{display:block;margin-top:6px;font:500 clamp(1.125rem,1.6vw,1.375rem)/1.2 var(--display);letter-spacing:-.01em;color:var(--ink)}
.rqc-a{display:block;margin-top:6px;max-width:56ch}
a.rqc .rqc-q{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
a.rqc:hover .rqc-q{text-decoration-color:var(--accent)}
a.rqc:hover .rqc-fig{border-color:var(--line-2)}
.rqs-h{font:500 .9375rem/1.3 var(--sans);color:var(--muted);margin:0 0 14px}
.rqs + .rqs-h{margin-top:clamp(40px,5vw,64px)}
@media (max-width:600px){
  .rqc{grid-template-columns:60px minmax(0,1fr);gap:16px;padding:20px 0}
  .rqc-fig{width:60px;height:60px}
  /* current work collapses to its questions */
  .rqs--current .rqc{align-items:center;padding:14px 0}
  .rqs--current .rqc-tag,.rqs--current .rqc-a{display:none}
  .rqs--current .rqc-q{margin-top:0;font-size:1.0625rem}
}