/*
Components of ours: rules that carry a decision about one specific thing.

What belongs here:
The max-width of the tip form — sizes and behaviours that are design
decisions about that component, not knowledge any other page could reuse.

What does not:
Rules that change what a Bootstrap class does (bootstrap_overrides.css),
and generic reusable utilities (bootstrap_additions.css).

NOT a manifest. Propshaft has no directive processor,
so `*= require` and friends would sit here as inert comments doing nothing.
The load order (manifest) is defined in `_head.html.erb`.
*/

/*
Tip form: a full-width row of its own below lg,
which is .input-group's default and needs no help.
From lg up it goes inline, filling the gap between follow
and the negative actions (flex-lg-fill in the markup),
and is capped so it cannot sprawl across a wide profile.
28rem is a decision about this form rather than a reusable one.
*/
@media (min-width: 992px) {
  .input-group.tip-form {
    max-width: 28rem;
    width: auto;
  }
}