.guestbook-demo{margin-top:24px}.guestbook-demo h2{font-size:22px}.guestbook-demo h2 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:12px}.demo-messages{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.demo-message{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}.demo-message header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.demo-avatar{display:grid;place-items:center;width:30px;height:30px;background:var(--card-solid);border-radius:50%;color:var(--accent)}.demo-label{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.demo-message time{display:block;width:100%;margin-left:38px;font-size:11px;color:var(--muted)}.demo-message p{font-size:14px;line-height:1.8;margin:12px 0 0}.guestbook-demo summary{cursor:pointer;color:var(--accent);padding:12px 0;font-size:14px}@media(max-width:640px){.demo-messages{grid-template-columns:1fr}.guestbook-demo h2 small{display:block;margin:8px 0}}