/* E-73 — Find a briefing. Page-specific rules only; everything else (button,
   fieldset, label, input, .muted, .problem, .paper-line, .saved-list, the
   wayout nav) comes from tokens.css + briefing.css, already loaded. */

fieldset {
  border: var(--bw) solid var(--c-border);
  border-radius: var(--radius);
  padding: var(--sp-2);
  margin: 0 0 var(--sp-2) 0;
}

label {
  display: block;
  font-size: var(--fs-label);
  font-weight: var(--fw-label);
  margin-top: var(--sp-2);
}

input[type="date"], select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: var(--tap);
  font-size: var(--fs-body);
  padding: var(--sp-1);
  border: var(--bw) solid var(--c-border);
  border-radius: var(--radius);
  background: var(--c-bg);
  color: var(--c-text);
  margin-bottom: var(--sp-1);
}

/* One result — a card, never a table (a table is the first thing that
   breaks at 390px with gloved thumbs). */
.bl-row {
  border: var(--bw) solid var(--c-border);
  border-radius: var(--radius);
  padding: var(--sp-2);
  margin: 0 0 var(--sp-2) 0;
  list-style: none;
}

.bl-row dl {
  margin: var(--sp-1) 0 0 0;
}

.bl-row dt {
  font-size: var(--fs-min);
  color: var(--c-text-2);
}

.bl-row dd {
  margin: 0 0 var(--sp-1) 0;
  font-size: var(--fs-body);
}

.bl-badges { margin: var(--sp-1) 0 0 0; }

.bl-badge {
  display: inline-block;
  border: var(--bw) solid var(--c-border);
  border-radius: var(--radius);
  padding: 0 var(--sp-1);
  margin: 0 var(--sp-1) var(--sp-1) 0;
  font-size: var(--fs-min);
  color: var(--c-text-2);
}