/* Functional rules only. The look of the form (snow panel, fields, chips, buttons, errors) comes from
   the theme, which carries designs/proto.css. Tokens only, no literal values. */

.trip-form { position: relative; }

/* The honeypot: out of sight and out of the tab order, but still in the form for bots to fill. */
.trip-hp {
  position: absolute; inline-size: 1px; block-size: 1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* Doubled to out-rank the theme's .stack and .row, which set display on the same elements. */
.trip-form [hidden][hidden] { display: none; }

/* Without the script every step shows at once, so each one is marked off from the last. */
.trip-form:not(.is-stepped) .trip-step + .trip-step {
  padding-block-start: var(--s-6);
  border-block-start: 1px solid var(--c-rule);
}

.trip-form .form__progress:focus { outline: none; }
.trip-form .form__progress:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }