/* Research Compare technique coverage and source disclosures. */
.recipe-app .research-techniques-modal .modal-dialog { max-width: 680px; }
.recipe-app .research-technique-overview { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; margin-block: 4px 12px; border-left: 3px solid var(--recipe-accent); border-radius: var(--recipe-radius-small); background: var(--recipe-accent-wash); }
.recipe-app .research-technique-overview p { display: grid; gap: 4px; margin: 0; font-size: var(--recipe-font-control); line-height: 1.4; }
.recipe-app .research-technique-overview strong { font-size: var(--recipe-font-title); font-variant-numeric: tabular-nums; line-height: 1.2; }
.recipe-app .research-technique-coverage strong > span { font-size: var(--recipe-font-body); font-weight: 400; color: var(--recipe-muted); }
.recipe-app .research-technique-total { text-align: right; flex: 0 0 auto; }
.recipe-app .research-technique-overview p > span { color: var(--recipe-muted); }
.recipe-app .research-technique-help { margin: 0 0 16px; color: var(--recipe-muted); font-size: var(--recipe-font-control); line-height: 1.5; }
.recipe-app .research-technique-list { display: grid; gap: 8px; }
.recipe-app .research-technique-row { min-width: 0; border: 1px solid var(--recipe-line); border-radius: var(--recipe-radius-small); background: var(--recipe-surface); overflow: hidden; }
.recipe-app .research-technique-row--leading { border-color: var(--recipe-accent); background: var(--recipe-accent-wash); }
.recipe-app .research-technique-row summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; align-items: center; gap: 8px 12px; padding: 12px 14px; min-height: var(--recipe-control-touch); list-style: none; cursor: pointer; }
.recipe-app .research-technique-row summary::-webkit-details-marker { display: none; }
.recipe-app .research-technique-row summary::after { content: ''; grid-column: 3; grid-row: 1 / 3; justify-self: center; width: 7px; height: 7px; border-right: 2px solid var(--recipe-muted); border-bottom: 2px solid var(--recipe-muted); transform: rotate(-45deg); }
.recipe-app .research-technique-row[open] summary::after { transform: rotate(45deg); }
.recipe-app .research-technique-row summary:hover { background: var(--recipe-surface-muted); }
.recipe-app .research-technique-row summary:focus-visible { outline: 2px solid var(--recipe-accent-strong); outline-offset: -3px; }
.recipe-app .research-technique-name { font-weight: 600; }
.recipe-app .research-technique-count { display: flex; align-items: baseline; font-variant-numeric: tabular-nums; white-space: nowrap; }
.recipe-app .research-technique-count > span { font-size: var(--recipe-font-control); color: var(--recipe-muted); }
.recipe-app .research-technique-row meter { grid-column: 1 / 3; margin-top: 0; height: 5px; }
.recipe-app .research-technique-row[open] { border-color: var(--recipe-accent); }
.recipe-app .research-technique-sources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 0; padding: 4px 14px 14px; }
.recipe-app .research-technique-sources li { min-width: 0; }
.recipe-app .research-technique-sources a { display: flex; align-items: center; min-height: var(--recipe-control-touch); padding: 8px 10px; border-radius: var(--recipe-radius-small); background: var(--recipe-surface-muted); font-size: var(--recipe-font-control); overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .recipe-app .research-technique-overview { gap: 12px; padding: 12px; }
  .recipe-app .research-technique-overview p { font-size: var(--recipe-font-compact); }
  .recipe-app .research-technique-sources { grid-template-columns: minmax(0, 1fr); }
}