/* A quiet album in the existing SaaleMomente design system. */
#guestbook .gb-grid{gap:30px;align-items:start}
#guestbook .gb-card{padding:12px 12px 0;background:var(--paper-2);border:1px solid var(--line);box-shadow:0 12px 28px rgba(32,35,33,.045)}
#guestbook .gb-card-copy{padding:20px 12px 24px}
#guestbook .gb-card-copy strong{font-weight:500}
#guestbook .gb-card:nth-child(3n+2){margin-top:35px}
#guestbook .gb-album-open{display:block;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}
#guestbook .gb-album-open img{width:100%;height:auto;max-height:450px;object-fit:contain}
#guestbook .gb-card-copy p{font:400 23px/1.5 var(--serif)}
#guestbook .gb-personal-card{margin:20px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#guestbook .gb-personal-card p{margin:12px 0 0}
#guestbook .gb-album-dialog{width:min(820px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:clamp(16px,4vw,32px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px}
#guestbook .gb-album-dialog::backdrop{background:rgba(32,35,33,.78)}
#guestbook .gb-album-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
#guestbook .gb-album-dialog h2{font:400 clamp(25px,4vw,38px)/1.15 var(--serif);margin:0}
#guestbook .gb-album-dialog [data-close]{background:transparent;color:var(--ink);padding:8px 14px}
#guestbook .gb-album-dialog img{width:auto;height:auto;max-width:100%;max-height:60dvh;margin:auto;object-fit:contain}
#guestbook .gb-album-message{font:400 23px/1.55 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
#guestbook .gb-album-author{color:var(--bronze);overflow-wrap:anywhere}
#guestbook .gb-album-dialog canvas{display:block;width:auto;height:auto;max-width:100%;max-height:58dvh;margin:auto;object-fit:contain}
#guestbook .gb-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#guestbook .gb-card-actions button{flex:1}
#guestbook .gb-album-dialog [role=status]{font-size:14px;overflow-wrap:anywhere}
@media(max-width:800px){#guestbook .gb-card:nth-child(3n+2){margin-top:0}#guestbook .gb-card:nth-child(2n){margin-top:24px}}
@media(max-width:500px){#guestbook .gb-card:nth-child(n){margin-top:0}#guestbook .gb-grid{gap:24px}#guestbook .gb-album-dialog header{align-items:flex-start}#guestbook .gb-card-actions{flex-direction:column}}