/* The answer-first gate (PR1): this route's three controls wrap to an extra
   row; trimmed here rather than in dates.css, which several other routes
   have almost no payload headroom left in (see the PR body's accounting). */
@media (max-width: 560px) {
  main.wrap { padding-top: .35rem; }
  .eyebrow, h1 { margin-bottom: .05rem; }
  .tool-panel { padding: .42rem; margin-bottom: .3rem; }
  .controls { margin: .15rem 0; gap: .2rem .45rem; }
  .dc-answer { padding: .3rem .5rem .28rem; }
  .dc-answer .dc-big { font-size: clamp(1.25rem, 6.6vw, 1.65rem); }
  .dc-answer .dc-sub { font-size: .74rem; margin-top: .2rem; }
}