/* One paper surface for composing a note and reading it back. */
.guestbook-update-slot{height:44px;margin-top:12px}
.guestbook-update-slot:not([hidden]) + .guestbook-entries{margin-top:0}
#guestbook-updates{min-height:44px;padding:0 12px;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--note-ink)}
.guestbook,#guestbook-dialog{
  --note-paper:#fffefa;
  --note-ink:#625f59;
  --note-edge:#e5e1d9;
}
.guestbook .guestbook-entries{
  max-height:none;
  overflow:visible;
  padding:0;
}
.guestbook .guest-entry{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  column-gap:10px;
  align-items:start;
  background:transparent;
  color:var(--note-ink);
  border:0;
  border-bottom:1px solid var(--note-edge);
  padding:18px 0 24px;
}
.guest-avatar{width:24px;height:24px;object-fit:contain;margin-top:9px;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply}
.guest-comment-body{min-width:0}
.guestbook .guest-message{
  font-family:var(--serif);
  font-size:16px;
  line-height:2;
  letter-spacing:0;
}
.guestbook .guest-signature{margin:0 0 6px}
.guestbook .guest-signature .guest-name::before{content:none}
.guest-signature .guest-name{
  font-family:var(--serif);
  font-size:13px;
  color:var(--note-ink);
}
.guest-number,.guest-signature>button{
  color:#817d75;
}
#guestbook-dialog{
  background:var(--note-paper);
  color:var(--note-ink);
  border:1px solid var(--note-edge);
  padding:30px 25px;
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  box-shadow:0 8px 28px #30271d1a;
}
#guestbook-dialog h2{
  font-family:var(--serif);
  font-size:23px;
  margin:20px 0 28px;
}
#guestbook-form input,#guestbook-form textarea{
  background:transparent;
  border:0;
  border-bottom:1px solid var(--note-edge);
  padding:8px 2px;
  color:var(--note-ink);
}
#guestbook-form input:not([type=password]){
  font-family:var(--serif);
  font-size:16px;
  line-height:1.85;
  letter-spacing:0;
}
#guestbook-form textarea{
  font-family:var(--serif);
  font-size:16px;
  line-height:2;
  letter-spacing:0;
  min-height:174px;
}
#guestbook-form input:focus-visible,#guestbook-form textarea:focus-visible{
  outline:2px solid #898071;
  outline-offset:4px;
}
#guestbook-dialog .availability-note,#guestbook-dialog .close{
  color:#817d75;
}
#guestbook-form .confirm{
  background:#eeebe5;
  color:#514e48;
}