/* Temporary reading amounts use the shared Atlas recipe controls. */
.recipe-app .research-scaling { margin-block: 12px 20px; padding: 14px 16px; border: 1px solid var(--recipe-line); border-radius: var(--recipe-radius-small); background: var(--recipe-accent-wash); }
.recipe-app .research-scaling-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.recipe-app .research-scaling-presets, .recipe-app .research-scaling-custom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.recipe-app .research-scaling-custom summary { display: flex; align-items: center; gap: 6px; min-height: 44px; padding-inline: 8px; font-size: var(--recipe-font-compact); cursor: pointer; color: var(--recipe-muted); }
.recipe-app .research-scaling-custom > div { margin-top: 8px; }
.recipe-app .research-scaling-presets [aria-pressed=true] { background: var(--recipe-accent-strong); border-color: var(--recipe-accent-strong); color: var(--recipe-surface); }
.recipe-app .research-scaling-custom label { font-size: var(--recipe-font-compact); color: var(--recipe-muted); margin: 0; }
.recipe-app .research-form .research-scaling-custom input[type=number] { width: 64px; flex: 0 0 64px; min-height: 44px; padding: 6px 8px; }
.recipe-app .research-form .research-scaling button { margin: 0; }
.recipe-app .research-scaling .btn { min-height: 44px; }
.recipe-app .research-scaling-presets .btn { min-width: 44px; padding-inline: 10px; }
.recipe-app .research-scaling p { margin-block: 8px 0; }
.recipe-app .research-scaling-yield { font-weight: 600; }
.recipe-app .research-scaling-note, .recipe-app .research-scale-unscaled { font-size: var(--recipe-font-compact); }
.recipe-app .research-scale-unscaled { margin-inline-start: 8px; color: var(--recipe-muted); }
@media (max-width: 600px) {
  .recipe-app .research-scaling { padding: 12px; }
  .recipe-app .research-scaling-controls { gap: 8px; }
  .recipe-app .research-scaling-controls > strong { flex-basis: 100%; }
}
