/*
 * The Find jobs page as a plain page, for anyone without motion. Base.astro loads this by media
 * query; the page's script switches it on for the rest.
 */
html .nav {
  position: absolute;
}
html .fstory {
  height: auto;
}
html .area,
html .fyard,
html .ftip,
html .reach input,
html .reach-count,
html .reach output,
html .reach label,
html .fcontrols,
html .fbeat[data-fbeat='view'] .seg {
  display: none;
}
html .fstage {
  position: static;
  height: auto;
  overflow: visible;
  contain: none;
  display: flex;
  flex-direction: column;
}
html .fstill {
  display: block;
  width: 100%;
  height: auto;
}
html .fhero {
  position: static;
  padding: 40px var(--pad) 40px;
}
html .fnote {
  position: static;
  width: auto;
  text-align: left;
  padding: 0 var(--pad) 28px;
}
html .fbeats {
  position: static;
  display: grid;
  gap: 56px;
  padding: 24px var(--pad) 40px;
}
html .fbeat {
  position: static;
  width: auto;
  max-width: 38em;
  transform: none;
  opacity: 1;
  visibility: visible;
}
html .reach {
  display: none;
}
html .fcards {
  position: static;
  visibility: visible;
  padding: 0 var(--pad) 72px;
  mask-image: none;
}
html .tile {
  opacity: 1;
}
html.resume .fstage .fhero,
html.resume .fstage .fnote {
  visibility: visible;
}