/* The guest book panel under a publicly shared record. Written notes stay plain text. */
/* A view may stage itself dark, so the panel brings its own ground and reads the same everywhere. */
.gb-annex{--gb-ink:#33402f;--gb-muted:#6e7a67;display:grid;justify-items:stretch;width:100%;margin:0;padding:34px clamp(20px,5vw,48px) 44px;background:#f1efe6;border-top:1px solid #3f5e4226;color:var(--gb-ink);font-family:inherit;font-size:17px;line-height:1.75;position:relative}
.gb-annex>*{width:min(44em,100%);margin-inline:auto}
.gb-annex *{box-sizing:border-box}
.gb-annex [hidden]{display:none!important}
.gb-annex-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gb-annex h2{margin:0;font-family:inherit;font-size:20px;font-weight:400;letter-spacing:-.02em}
.gb-annex-count{margin:0;font-size:12px;letter-spacing:.04em;color:var(--gb-muted);font-variant-numeric:tabular-nums}
.gb-annex-notes{list-style:none;display:grid;gap:12px;margin:20px auto 0;padding:0}
.gb-annex-note{padding:16px 18px 13px;background:#fdf6d8;border-radius:2px;box-shadow:0 8px 18px -14px #2b3a2899,0 1px 2px #2b3a2814}
.gb-annex-note:nth-child(4n+2){background:#e3f0d2}
.gb-annex-note:nth-child(4n+3){background:#ffe6cc}
.gb-annex-note:nth-child(4n){background:#e2e9f7}
.gb-annex-body{margin:0;font-size:16px;line-height:1.75;white-space:pre-wrap;word-break:keep-all}
.gb-annex-name{margin:10px 0 0;font-size:12px;color:#6d7866;text-align:right}
.gb-annex-empty{margin:18px auto 0;font-size:15px;color:var(--gb-muted)}
.gb-annex button{font:inherit;cursor:pointer;touch-action:manipulation}
.gb-annex-open{width:fit-content;margin:20px auto 0;padding:11px 22px;border:1px solid #3f5e4240;border-radius:30px;background:#fffdf6;color:var(--gb-ink);font-size:15px;min-height:44px}
.gb-annex-open:hover{background:#eef0e6;border-color:#3f5e4266}
.gb-annex-form{display:grid;gap:7px;margin-top:20px;padding:20px clamp(16px,3vw,24px);background:#fffdf6;border:1px solid #3f5e421f}
.gb-annex-form label{font-size:12px;letter-spacing:.02em;color:var(--gb-muted)}
.gb-annex-form label+*{margin-bottom:10px}
.gb-annex-input,.gb-annex-textarea{width:100%;padding:11px 13px;border:1px solid #3f5e4233;border-radius:3px;background:#fdfcf6;color:var(--gb-ink);font:inherit;font-size:16px;line-height:1.7}
.gb-annex-textarea{resize:vertical;min-height:92px}
.gb-annex-remain{margin:0;font-size:11px;color:#8c9686;text-align:right}
.gb-annex-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.gb-annex-stamp{padding:12px 24px;border:0;border-radius:30px;background:#3f6b4a;color:#f6faf4;font-size:15px;min-height:44px}
.gb-annex-stamp:hover:not(:disabled){background:#315539}
.gb-annex-stamp:disabled{opacity:.4;cursor:not-allowed}
.gb-annex-cancel{padding:12px 16px;border:0;background:none;color:var(--gb-muted);font-size:14px;min-height:44px}
.gb-annex-cancel:hover{color:var(--gb-ink)}
.gb-annex-foot{margin:18px auto 0;font-size:12px;line-height:1.7;color:#7c866f}
.gb-annex-all{margin-top:12px;padding:0;border:0;background:none;color:#365c42;font-size:14px;min-height:44px;text-align:left}
.gb-annex-all:hover{text-decoration:underline;text-underline-offset:5px}
.gb-annex-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gb-annex :is(button,input,textarea):focus-visible{outline:2px solid #6f8a63;outline-offset:3px}
@media(max-width:600px){
  .gb-annex{padding:26px 20px 36px}
  .gb-annex-open,.gb-annex-stamp{width:100%;margin-inline:0}
  .gb-annex-actions{flex-direction:column-reverse}
  .gb-annex-cancel{width:100%}
}