/* One entity: the view bar, its hop headings and the forget form. */

.s-entity .viewbar {
  display: flex; flex-wrap: wrap; align-items: flex-end;
  gap: var(--s3) var(--s5);
  margin: 0 0 var(--s4);
}
.s-entity .asof { display: flex; flex: 0 1 auto; flex-wrap: wrap; align-items: flex-end; gap: var(--s2); min-width: 0; }
.s-entity .asof .field { flex: 0 1 auto; }
.s-entity .asof input { width: auto; min-width: 0; }
.s-entity .asof-notice { margin: 0 0 var(--s4); }

.s-entity .hop { margin-top: var(--s6); }
.s-entity .hop-head {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: var(--s1) var(--s3);
  margin: 0 0 var(--s3);
  font-size: var(--fs-h2); font-weight: 700; line-height: 20px;
}
.s-entity .hop-head a { overflow-wrap: anywhere; }

.s-entity .forget-form { display: grid; gap: var(--s3); }

@media (max-width: 640px) {
  .s-entity .asof { flex: 1 1 100%; }
  .s-entity .asof input { flex: 1 1 0; }
}