/*
 * GUESTBOOK WINDOW
 * These styles control the surrounding XP page and the frame's size.
 * Edit the form, messages, and colors inside the frame in your Atabook account.
 */

/* DIRECT LINK: stays visible above the embedded book. */

.guestbook-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.guestbook-toolbar p {
  margin: 0;
  font-size: 12px;
  color: #60718a;
}

/* ATABOOK FRAME: full page width, with its own scrolling for longer books. */

.guestbook-frame {
  display: block;
  width: 100%;
  height: 780px;
  border: 1px solid #a6bad5;
  background: #fff;
}

@media (max-width: 620px) {
  .guestbook-frame {
    height: 950px;
  }
}