/* "Here's a peek at what you'll get" (Oct 9, 2026): shown on the /send and /start confirmation. */
.peek { margin: 1.2rem -.2rem .4rem; text-align: left; }
.peek h3 { font-family: "Playfair Display", Georgia, serif; color: #173C32; font-size: 1.25rem; margin: 0 .2rem .3rem; }
.peek .pk-note { font-size: .82rem; line-height: 1.45; color: #333A37; margin: 0 .2rem .7rem; }
.peek .pk-strip { display: flex; gap: .7rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: .1rem .2rem .5rem; scrollbar-width: none; }
.peek .pk-strip::-webkit-scrollbar { display: none; }
.peek .pk { flex: 0 0 78%; max-width: 17rem; scroll-snap-align: start; background: #fffdf8; border: 1px solid rgba(23,60,50,.14); border-radius: .9rem; overflow: hidden; box-shadow: 0 6px 18px rgba(23,60,50,.08); }
.peek .pk-img { position: relative; background: #EFE8DA; height: 11.5rem; display: flex; align-items: center; justify-content: center; }
.peek .pk-img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.peek .pk-ex { position: absolute; top: .45rem; left: .45rem; background: rgba(23,60,50,.88); color: #F5F0E6; font: 600 .6rem Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: .2rem .45rem; border-radius: 999px; }
.peek .pk-b { padding: .65rem .75rem .8rem; }
.peek .pk-k { font: 700 .6rem Inter, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #7A5F2E; }
.peek .pk-t { font-family: "Playfair Display", Georgia, serif; color: #173C32; font-size: 1rem; line-height: 1.2; margin: .15rem 0 .35rem; font-weight: 700; }
.peek .pk-p { font-size: .82rem; line-height: 1.45; color: #333A37; margin: 0; }
.peek .pk.page .pk-img { height: 13.5rem; background: #F5F0E6; }
.peek .pk-dots { display: flex; justify-content: center; gap: .35rem; margin-top: .15rem; }
.peek .pk-dots i { width: .4rem; height: .4rem; border-radius: 50%; background: rgba(23,60,50,.2); }
.peek .pk-dots i.on { background: #173C32; }
.peek .pk-hint { text-align: center; font-size: .72rem; color: #333A37; opacity: .75; margin-top: .3rem; }