.guestbook{display:grid;grid-template-columns:1fr 1.13fr;gap:65px;border-top:1px solid var(--rule);padding:65px 0 80px}.guestbook-intro h2{font-size:42px;line-height:1.14;letter-spacing:-.035em}.guestbook-intro>p{max-width:35ch;margin:22px 0;font-size:15px;color:var(--muted)}.guestbook-count{font-size:12px;color:var(--muted);display:block;margin-top:30px;font-variant-numeric:tabular-nums}.guestbook-how{margin-top:25px;max-width:360px;border-top:1px solid var(--rule)}.guestbook-how summary{min-height:48px;display:flex;justify-content:space-between;align-items:center;font-size:12px;cursor:pointer;list-style:none}.guestbook-how p{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.guestbook-content{min-width:0}.guestbook-form{display:flex;flex-direction:column;gap:20px}.guestbook-field{display:flex;flex-direction:column;gap:10px}.guestbook-field label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:13px;font-weight:600}.guestbook-field label span{font-size:11px;font-weight:400;color:var(--muted)}.guestbook-field input,.guestbook-field textarea{width:100%;min-width:0;border:1px solid #a4b19e;background:#fcfcf8;border-radius:6px;padding:14px 16px;font:inherit;font-size:14px;line-height:1.7;color:var(--ink);caret-color:var(--ink)}.guestbook-field input{min-height:50px}.guestbook-field textarea{min-height:140px;resize:vertical}.guestbook-field input::placeholder,.guestbook-field textarea::placeholder{color:#58675e;opacity:1}.guestbook-field input:focus-visible,.guestbook-field textarea:focus-visible{outline:3px solid #bc641f;outline-offset:3px}.guestbook-privacy{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}.guestbook-submit{display:flex;gap:20px;align-items:center}.guestbook-submit .button{flex-shrink:0;min-height:48px;font-size:12px;gap:24px}.guestbook-status{font-size:12px;color:var(--muted);line-height:1.6;margin:0;overflow-wrap:anywhere}.guestbook button:disabled{cursor:wait;opacity:.6}.guestbook-receipt{margin-top:28px;padding:20px;background:var(--sage);border-radius:8px}.guestbook-receipt[hidden]{display:none}.guestbook-receipt>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.guestbook-receipt strong{font-size:13px;font-weight:600}.guestbook-receipt span{font-size:10px;color:var(--muted)}.guestbook-receipt p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.guestbook-receipt small{font-size:10px;color:var(--muted);display:block;overflow-wrap:anywhere}.guestbook-list-heading{margin-top:42px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.guestbook-list-heading h3{font-size:18px;font-weight:500;letter-spacing:-.02em}.guestbook-list-heading button{background:transparent;min-height:44px;font-size:11px;padding:10px 0 10px 14px}.guestbook-empty{padding:24px 0;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.guestbook-note{padding:24px 0;border-bottom:1px solid var(--rule)}.guestbook-note>p{font-size:15px;line-height:1.8;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.guestbook-note>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.guestbook-note strong{font-weight:600;overflow-wrap:anywhere;min-width:0}.guestbook-note time{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.guestbook-list-heading button:hover{text-decoration:underline;text-underline-offset:4px}.guestbook-field input:hover,.guestbook-field textarea:hover{border-color:var(--muted)}}
@media(max-width:1150px){.guestbook{gap:30px}.guestbook-intro h2{font-size:36px}.guestbook-submit{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:760px){.guestbook{grid-template-columns:1fr;gap:28px;padding:40px 0 50px}.guestbook-intro h2{font-size:33px}.guestbook-intro>p{font-size:14px;margin:17px 0}.guestbook-count{margin-top:20px}.guestbook-how{margin-top:16px;max-width:none}.guestbook-field input,.guestbook-field textarea{font-size:16px;padding:12px}.guestbook-field label{font-size:12px}.guestbook-field label span{font-size:10px}.guestbook-form{gap:18px}.guestbook-submit{gap:10px}.guestbook-submit .button{font-size:12px}.guestbook-receipt{padding:17px}.guestbook-receipt>div{align-items:flex-start;flex-direction:column;gap:5px}.guestbook-list-heading{margin-top:30px}.guestbook-list-heading h3{font-size:17px}.guestbook-note>p{font-size:14px}.guestbook-note>div{font-size:10px}.guestbook-privacy{font-size:11px}}
