.guestbook-list{gap:var(--space-6);margin-block:0 var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guestbook-entry{border-top:var(--border-width) solid var(--line);min-inline-size:0;scroll-margin-top:var(--space-24)}.guestbook-byline h2{font-size:var(--text-body);overflow-wrap:anywhere;margin:0;font-weight:600}.guestbook-byline p{margin-block:var(--space-2) 0;font-size:var(--text-caption);font-variant-numeric:tabular-nums}.guestbook-body{max-width:42rem;font-size:var(--text-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.85}.guestbook-entry-content{min-width:0}.guestbook-photos{gap:var(--space-4);max-width:42rem;margin-top:var(--space-6);display:grid}.guestbook-photos figure{margin:0}.guestbook-photos img{border-radius:var(--radius-control);width:100%;height:auto;display:block}.guestbook-pagination{justify-content:center;align-items:center;gap:var(--space-5);margin-block:var(--space-8);display:flex}.guestbook-visit{justify-content:space-between;align-items:center;gap:var(--space-5);border-top:1px solid var(--line);padding-block:var(--space-8);flex-wrap:wrap;display:flex}.guestbook-visit h2{font-size:var(--text-heading);margin:0}.guestbook-visit p{margin-block:var(--space-3) 0}.guestbook-empty{padding-block:var(--space-8);grid-column:1/-1}.guestbook-preview-list{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guestbook-entry-preview{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:var(--space-5);padding-block:var(--space-5);grid-row:span 4;display:grid}.guestbook-entry-preview .guestbook-byline{grid-template-rows:subgrid;gap:var(--space-2);grid-row:span 3;display:grid}.guestbook-entry-preview .guestbook-byline p{margin:0}.guestbook-entry-preview .guestbook-entry-content{gap:var(--space-4);flex-direction:column;display:flex}.guestbook-entry-preview .guestbook-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guestbook-entry-preview .section-link{align-self:start;margin-top:auto}.guestbook-card{gap:var(--space-3) 0;padding:var(--space-4);border:var(--border-width) solid var(--line);border-radius:var(--radius-panel);background:var(--canvas);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.guestbook-card:has(.guestbook-thumbnail){grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.guestbook-card .guestbook-entry-content{display:contents}.guestbook-card .guestbook-byline{gap:var(--space-1);flex-direction:column;grid-area:1/-2;display:flex}.guestbook-card .guestbook-byline h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guestbook-card .guestbook-byline p{margin:0}.guestbook-card:has(.guestbook-thumbnail) .guestbook-byline{padding:var(--space-4) var(--space-4) 0}.guestbook-excerpt{-webkit-line-clamp:4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-small);line-height:var(--leading-body);-webkit-box-orient:vertical;grid-area:2/-2;align-self:start;margin:0;display:-webkit-box;overflow:hidden}.guestbook-card:has(.guestbook-thumbnail) .guestbook-excerpt{margin-inline:var(--space-4)}.guestbook-thumbnail{min-block-size:0;inline-size:100%;aspect-ratio:var(--ratio-meetup);border-radius:var(--radius-panel) 0 0 var(--radius-panel);background:var(--surface);cursor:zoom-in;border:0;grid-area:1/1/4;align-self:stretch;padding:0;position:relative;overflow:hidden}.guestbook-thumbnail img{object-fit:contain}.guestbook-card:has(.guestbook-note[open]) :is(.guestbook-excerpt,.guestbook-thumbnail){display:none}.guestbook-note{grid-area:3/-2;align-self:end;min-inline-size:0}.guestbook-card:has(.guestbook-thumbnail) .guestbook-note{padding:0 var(--space-4) var(--space-4)}.guestbook-card:has(.guestbook-note[open]){padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.guestbook-card:has(.guestbook-note[open]) :is(.guestbook-byline,.guestbook-note){grid-column:1;padding:0}.guestbook-card:has(.guestbook-note[open]) .guestbook-note{grid-row:2/-1}.guestbook-note>summary{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);cursor:pointer;color:var(--ink);font-size:var(--text-small);list-style:none;display:flex}.guestbook-note>summary::-webkit-details-marker{display:none}.guestbook-note>summary:hover{color:var(--blue-ink)}.guestbook-note>summary .icon{margin-inline-start:auto}.guestbook-note[open]>summary .icon{transform:rotate(180deg)}.guestbook-photo-count{color:var(--muted);font-size:var(--text-caption)}.guestbook-note-body{border-block-start:var(--border-width) solid var(--line);padding-block-start:var(--space-4)}.guestbook-reader{inline-size:min(calc(100vw - var(--space-8)), var(--measure));overflow:hidden}.guestbook-reader .dialog-surface{max-block-size:calc(100dvh - var(--space-8));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto}.guestbook-reader .dialog-surface>h2{overflow-wrap:anywhere;grid-area:1/1;align-self:center}.guestbook-reader .dialog-surface>p{color:var(--muted);grid-area:2/1/auto/-1}.guestbook-reader-close{grid-area:1/2;align-self:start}.guestbook-reader-content{overscroll-behavior:contain;grid-column:1/-1;min-block-size:0;overflow:auto}@media (min-width:768px) and (max-width:1199px){.guestbook-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px),(min-width:768px) and (max-width:899px){.guestbook-card:has(.guestbook-thumbnail){grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr)}.guestbook-thumbnail{aspect-ratio:var(--ratio-square);border-radius:var(--radius-panel) var(--radius-panel) 0 0;grid-area:1/1}.guestbook-card:has(.guestbook-thumbnail) .guestbook-byline{grid-row:2;padding-block-start:var(--space-1)}.guestbook-card:has(.guestbook-thumbnail) .guestbook-excerpt{-webkit-line-clamp:3;grid-row:3}.guestbook-card:has(.guestbook-thumbnail) .guestbook-note{grid-row:4}.guestbook-card:has(.guestbook-note[open]){grid-template-rows:auto 1fr}.guestbook-card:has(.guestbook-note[open]) .guestbook-byline{grid-row:1;padding:0}.guestbook-card:has(.guestbook-note[open]) .guestbook-note{grid-row:2;padding:0}}@media (max-width:767px){.guestbook-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.guestbook-preview-list{grid-template-columns:minmax(0,1fr);gap:0}.guestbook-entry-preview{gap:var(--space-3)}}