/* ── Ending a search (#1972) ─────────────────────────────────────────────────
   The outcome form in `search_targets/_close_form`, rendered behind a collapsed
   summary on two surfaces: the journey page's time-box check-in and the Search
   Execution dashboard. Layout only — the fieldset, the radio group and the
   button all come from the library.

   Nothing here carries state colour. This form is where a user says their
   search ended without an offer, and a warning tint or a muted treatment on one
   answer would be the app grading the ending it is asking about. */

.search-close {
  margin: 0;
}

/* The framing line above the three answers. Sits between the legend and the
   group, so it reads as part of the question rather than as help text hung on
   the first option — which is the point: it does the register work for all
   three, so the one the reader is bracing over needs no disclaimer of its own.

   The measure is set here and on the option bodies rather than once on the
   form, because `ch` resolves against the element's OWN font size — one
   max-width on the form would give the 12.5px detail lines a much longer line
   than the body-size framing above them. */
.search-close__intro {
  margin: 0 0 var(--bp-s-4);
  max-width: 62ch;
  color: var(--bp-ink-2);
}

.search-close .bp-radio__body {
  max-width: 62ch;
}

/* ── The Search Execution entry point ────────────────────────────────────── */

/* Set off from the dashboard by a rule and a wide gap rather than by a card:
   this is the quietest thing on the page and a panel would announce it. */
.se-page__footer {
  margin-top: var(--bp-s-8);
  padding-top: var(--bp-s-5);
  border-top: 1px solid var(--bp-rule-soft);
}

/* Button-styled summary, marker removed on both engines — the same collapsed
   secondary affordance #1971 put on each opportunity row. */
.se-search-close__toggle,
.journey-time-box__close-toggle {
  display: inline-flex;
  cursor: pointer;
  list-style: none;
}
.se-search-close__toggle::-webkit-details-marker,
.journey-time-box__close-toggle::-webkit-details-marker {
  display: none;
}
.se-search-close[open] .se-search-close__toggle {
  margin-bottom: var(--bp-s-4);
}

/* ── The journey check-in's half ─────────────────────────────────────────── */

/* The two answers stay side by side when the outcome question opens, and the
   question fills the rest of the row under the answer it belongs to. Letting
   it wrap to a row of its own instead would stack the two answers, and a
   stacked pair reads as a list to work down rather than as the fork the card
   is posing. `align-items` on the row keeps "No, still going" at the top of
   its line rather than centred against a block ten times its height. */
.journey-time-box__actions {
  align-items: flex-start;
}
.journey-time-box__close[open] {
  flex: 1 1 24rem;
}
.journey-time-box__close[open] .journey-time-box__close-toggle {
  margin-bottom: var(--bp-s-4);
}