.guestbook-section{background:var(--ivory);border-block:1px solid var(--champagne)}
.guestbook-section .section-heading,.guestbook-page .section-heading{display:block;text-align:center;margin-bottom:36px}
.guestbook-section .section-heading p,.guestbook-page .section-heading p{max-width:620px;margin:18px auto 0}
.guestbook-page h1{font-size:clamp(40px,5vw,64px);color:var(--brand-olive)}
.guestbook-strip{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x proximity;padding:30px max(48px,calc((100% - 1160px)/2)) 42px;margin-inline:0;scroll-padding-inline:max(48px,calc((100% - 1160px)/2));overscroll-behavior-x:contain;scrollbar-color:#73785a #f8f5ec}
.guestbook-note{position:relative;isolation:isolate;background:var(--paper);padding:28px 26px 84px;min-height:290px;min-width:0;border-radius:2px;overflow-wrap:anywhere;scroll-snap-align:start}
.guestbook-strip>.guestbook-note{flex:0 0 300px}
.guestbook-note:before{content:'';position:absolute;inset:-14px -18px -24px;background:url('/estudo-recados/assets/shadow.png') center/100% 100%;z-index:-2;opacity:.45;pointer-events:none}
.guestbook-note:after{content:'';position:absolute;inset:0;background:var(--paper);z-index:-1}
.guestbook-note[data-shadow=left]:before{background-image:url('/estudo-recados/assets/shadow-left.png')}.guestbook-note[data-shadow=top]:before{background-image:url('/estudo-recados/assets/shadow-top.png')}
.guestbook-note small{font-size:11px;display:block;margin-bottom:20px;color:var(--ink)}
.guestbook-note p{font:italic 24px/1.5 Baskerville,Georgia,serif;white-space:pre-wrap;color:var(--ink)}
.guestbook-signature{display:block;margin-top:24px;font-size:13px;max-width:82%;color:var(--ink)}
.guestbook-note img{position:absolute;right:-6px;bottom:-8px;width:88px;height:88px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #414b2d20)}
.guestbook-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:12px}
.guestbook-preview,[data-guestbook-status]{font-size:12px;text-align:center;margin:24px auto;max-width:650px}
.guestbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:24px 0 48px}
.guestbook-note:focus-visible,.guestbook-strip:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:1000px){.guestbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guestbook-grid{grid-template-columns:1fr;gap:38px}.guestbook-strip>.guestbook-note{flex-basis:min(290px,80vw)}.guestbook-actions{gap:18px}.guestbook-page{padding-top:40px}.guestbook-note p{font-size:23px}}

@media(max-width:1000px){.guestbook-strip{padding-inline:32px;scroll-padding-inline:32px}}
@media(max-width:700px){.guestbook-strip{padding-inline:20px;scroll-padding-inline:20px}}

/* Static paper angles stay independent from the one-shot entrance transform. */
.guestbook-strip>.guestbook-note:nth-child(3n+1){rotate:-2deg}
.guestbook-strip>.guestbook-note:nth-child(3n+2){rotate:1.5deg}
.guestbook-strip>.guestbook-note:nth-child(3n){rotate:-1deg}
.guestbook-strip{padding-top:42px;padding-bottom:54px}
.guestbook-strip[data-entrance="pending"]>.guestbook-note{opacity:0}

.guestbook-strip{scrollbar-width:thin;scrollbar-color:transparent transparent}
.guestbook-strip.is-scrolling,.guestbook-strip:focus-visible{scrollbar-color:#73785A transparent}
.guestbook-strip::-webkit-scrollbar{height:8px}
.guestbook-strip::-webkit-scrollbar-track{background:transparent}
.guestbook-strip::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}
.guestbook-strip.is-scrolling::-webkit-scrollbar-thumb,.guestbook-strip:focus-visible::-webkit-scrollbar-thumb{background:#73785A}