/* 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: .2rem; }
  .eyebrow, h1 { margin-bottom: .05rem; }
  .tool-panel { padding: .35rem; margin-bottom: .22rem; }
  .controls { margin: .12rem 0; gap: .18rem .4rem; }
  .dc-answer { padding: .22rem .45rem .2rem; }
  .dc-answer .dc-big { font-size: clamp(1.2rem, 6.2vw, 1.55rem); }
  .dc-answer .dc-sub { font-size: .72rem; margin-top: .15rem; }
}