.guestbook { background: #e9e8df; }
.guestbook-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 54px; }
.guestbook-heading h2 { margin: 0; font-size: clamp(44px, 5.3vw, 78px); font-weight: 900; line-height: 1.13; letter-spacing: -.07em; }
.guestbook-heading h2 span { color: #879b35; }
.guestbook-heading > p { margin: 0; color: #5e6055; font-size: 15px; line-height: 1.85; word-break: keep-all; }
.guestbook-layout { display: grid; grid-template-columns: minmax(320px, 430px) minmax(0, 1fr); align-items: start; gap: clamp(28px, 5vw, 78px); }
.guestbook-form { padding: 32px; background: #1c1c18; color: #f5f3eb; }
.guestbook-form-top { display: flex; align-items: center; justify-content: space-between; color: #d6ff40; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.guestbook-form-top span:last-child { font-size: 25px; }
.guestbook-form h3 { margin: 28px 0 30px; font-size: 28px; font-weight: 800; letter-spacing: -.06em; }
.guestbook-form label { display: block; margin: 18px 0 8px; font-size: 13px; font-weight: 800; }
.guestbook-form label span { color: #a4a69c; font-size: 11px; font-weight: 500; margin-left: 5px; }
.guestbook-form input,.guestbook-form textarea { display: block; width: 100%; border: 1px solid #55574d; border-radius: 2px; padding: 13px 14px; background: #292a24; color: #fff; font: inherit; font-size: 14px; outline-offset: 3px; }
.guestbook-form input::placeholder,.guestbook-form textarea::placeholder { color: #989b91; }
.guestbook-form textarea { resize: vertical; min-height: 126px; line-height: 1.7; }
.guestbook-password-help { margin: 8px 0 0; color: #adb0a5; font-size: 11px; }
.guestbook-form-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 18px; }
.guestbook-form-bottom > span { color: #a4a69c; font-size: 11px; }
.guestbook-form-bottom button { border: 0; padding: 13px 20px; background: #d6ff40; color: #161713; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.guestbook-form-bottom button span { margin-left: 12px; }
.guestbook-status { min-height: 1.4em; margin: 14px 0 0; color: #719020; font-size: 12px; line-height: 1.6; }
.guestbook-form .guestbook-status { color: #d6ff40; }
.guestbook-status.is-error { color: #a8392e; }
.guestbook-form .guestbook-status.is-error { color: #ffb9a8; }
.guestbook-empty { padding: 30px 0; color: #5e6055; font-size: 14px; }
.guestbook-order { color: #66685e; font-size: 11px; }
.guestbook-pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 20px; }
.guestbook-pagination button { border: 1px solid #b4b5a8; background: transparent; padding: 7px 12px; color: #292a24; font: inherit; font-size: 12px; cursor: pointer; }
.guestbook-pagination button:disabled { border-color: transparent; color: #77796f; cursor: default; }
button:disabled { opacity: .55; cursor: wait; }
.guestbook-feed-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 2px solid #1c1c18; }
.guestbook-feed-top h3 { margin: 0; font-size: 23px; font-weight: 800; letter-spacing: -.05em; }
.guestbook-feed-top h3 span { color: #718a21; margin-left: 6px; font-size: 14px; vertical-align: middle; }
.guestbook-entry { padding: 25px 0 21px; border-bottom: 1px solid #c5c6bb; }
.guestbook-entry-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.guestbook-entry-top strong { font-size: 16px; font-weight: 800; }
.guestbook-entry-top span { color: #77796f; font-size: 11px; }
.guestbook-entry p { margin: 16px 0 22px; color: #3d3f38; font-size: 15px; line-height: 1.8; word-break: keep-all; }
.guestbook-entry-actions { display: flex; justify-content: flex-end; gap: 13px; }
.guestbook-entry-actions button { border: 0; background: transparent; color: #76786e; font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; padding: 0; }
.guestbook-entry-actions button:hover { color: #171714; }
.guestbook-feed-footer { margin: 28px 0 0; color: #687246; font-size: 13px; font-weight: 700; }
.guestbook-feed-footer span { margin-left: 4px; }

.guestbook-dialog { width: min(500px, calc(100vw - 30px)); max-height: calc(100dvh - 30px); padding: 0; border: 0; border-radius: 2px; background: #f5f3eb; color: #171714; box-shadow: 0 30px 80px #0007; }
.guestbook-dialog::backdrop { background: #11100ed1; backdrop-filter: blur(3px); }
.guestbook-dialog-inner { padding: 30px; }
.guestbook-dialog-top { display: flex; justify-content: space-between; align-items: center; color: #718a21; font-size: 11px; font-weight: 900; letter-spacing: .18em; }
.guestbook-dialog-top button { border: 0; background: transparent; color: #44463e; font-size: 29px; line-height: 1; cursor: pointer; }
.guestbook-dialog h2 { margin: 21px 0 10px; font-size: 34px; letter-spacing: -.065em; }
.guestbook-dialog h2 span { color: #8fa738; }
.guestbook-dialog-intro { margin: 0 0 24px; color: #5b5d53; font-size: 14px; line-height: 1.7; word-break: keep-all; }
.guestbook-dialog label { display: block; margin: 18px 0 8px; font-size: 13px; font-weight: 800; }
.guestbook-dialog input,.guestbook-dialog textarea { display: block; width: 100%; padding: 13px 14px; border: 1px solid #c7c8bd; background: #fff; color: #171714; font: inherit; font-size: 14px; }
.guestbook-dialog textarea { resize: vertical; min-height: 115px; line-height: 1.6; }
.guestbook-dialog input::placeholder { color: #8b8e82; }
.guestbook-dialog-help { margin: 9px 0 0; color: #6d7065; font-size: 11px; line-height: 1.6; }
.guestbook-delete-quote { margin: 0; padding: 17px 20px; border-left: 3px solid #a6bd4c; background: #e9eadf; color: #404238; font-size: 14px; line-height: 1.7; }
.guestbook-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 26px; }
.guestbook-dialog-actions button { padding: 12px 20px; border: 1px solid #171714; font: inherit; font-size: 13px; font-weight: 800; }
.guestbook-dialog-cancel { background: transparent; color: #171714; cursor: pointer; }
.guestbook-dialog-confirm { background: #d6ff40; color: #171714; cursor: pointer; }
.guestbook-dialog-danger { background: #8c3d33; border-color: #8c3d33; color: #fff; }

@media (max-width: 850px) {
  .guestbook-layout { grid-template-columns: 1fr; }
  .guestbook-form { max-width: 560px; }
}

@media (max-width: 600px) {
  .site-header nav { gap: 9px; font-size: 10px; }
  .site-header nav a:nth-child(2) { display: none; }
  .guestbook-heading { display: block; margin-bottom: 38px; }
  .guestbook-heading h2 { font-size: 44px; }
  .guestbook-heading > p { margin-top: 17px; }
  .guestbook-form { padding: 24px; }
  .guestbook-form h3 { font-size: 25px; }
  .guestbook-feed-top h3 { font-size: 21px; }
  .guestbook-dialog-inner { padding: 24px; }
  .guestbook-dialog h2 { font-size: 30px; }
}