.guestbook-page .guestbook-shell{width:min(820px,calc(100% - 40px));min-height:auto;display:block;padding:40px 0 80px;margin:0 auto}
.guestbook-back{display:inline-block;color:#fff;text-decoration:none;font-size:14px;margin-bottom:44px;line-height:1.8}
.guestbook-back:hover{text-decoration:underline;text-underline-offset:6px}
.guestbook-heading{margin-bottom:32px}
.guestbook-eyebrow{font-size:11px;color:#999;margin:0 0 16px;letter-spacing:1px}
.guestbook-heading h1{font-size:32px;font-weight:400;line-height:1.5;margin:0 0 16px}
.guestbook-heading>p:last-child{font-size:14px;color:#ccc;line-height:1.8;margin:0}
.guestbook-composer{border:2px solid #fff;padding:28px;margin-bottom:44px}
.guestbook-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.guestbook-feed-heading h2{font-size:18px;line-height:1.7;margin:0}
#note-count{color:#999;font-size:12px;white-space:nowrap}
#refresh-notes{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
#feed-status{font-size:14px;line-height:1.8;color:#aaa}
#guestbook-notes{gap:18px}
.guest-note{border:1px solid #777;padding:22px;background:#050505}
.guest-note-top{align-items:flex-start}
.guest-note time{font-size:10px;color:#999;line-height:1.7;text-align:right}
.guest-note p{line-height:1.9}
.guestbook-page button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){
  .guestbook-page .guestbook-shell{width:calc(100% - 32px);padding-top:26px}
  .guestbook-back{font-size:12px;margin-bottom:32px}
  .guestbook-heading h1{font-size:24px}
  .guestbook-heading>p:last-child{font-size:12px}
  .guestbook-composer{padding:20px}
  .guestbook-feed-heading h2{font-size:14px}
  .guest-note{padding:18px}
  .guest-note-top{flex-direction:column;gap:8px}
}

.guestbook-shell{position:relative}
.guestbook-heading{padding-right:40px}
.guestbook-close{position:absolute;right:0;top:40px;font-size:30px;line-height:1;text-decoration:none;color:#fff;padding:4px}
.guestbook-close:hover,.guestbook-close:focus-visible{color:#ff3344}
@media(max-width:600px){.guestbook-close{top:26px}}

/* Bright white type and outlines throughout the guestbook. */
.guestbook-heading>p:last-child{font-size:20px;color:#fff;line-height:1.6}
.guestbook-page #guestbook-form label span,.guestbook-page #guestbook-storage,.guestbook-page #guestbook-status,.guestbook-page #note-count,.guestbook-page #feed-status,.guestbook-page .guest-note time,.guestbook-page .guest-note p,.guestbook-page .guest-note h3{color:#fff}
.guestbook-page input::placeholder,.guestbook-page textarea::placeholder{color:#fff;opacity:1}
.guestbook-page .guest-note{border-color:#fff;background:#000}
@media(max-width:600px){.guestbook-heading>p:last-child{font-size:18px}}

.guestbook-page #guestbook-storage{font-size:20px;line-height:1.6;max-width:440px}
@media(max-width:600px){.guestbook-page #guestbook-storage{font-size:18px}.guestbook-page .guestbook-submit{align-items:flex-start;flex-direction:column;gap:18px}}

.guestbook-page #guestbook-storage{font-size:14px;line-height:1.7}

.guestbook-page #guestbook-status:empty{display:none}
.guestbook-page .guestbook-composer{padding-bottom:20px}

.guestbook-page #guestbook-form input,.guestbook-page #guestbook-form textarea{background:#000}

.guestbook-page .guestbook-feed-heading h2{font-size:20px;line-height:1.6}
@media(max-width:600px){.guestbook-page .guestbook-feed-heading h2{font-size:18px}}

.guestbook-page #note-count{font-size:inherit}

.guestbook-page #guestbook-status{font-size:14px;line-height:1.7}