.sample-page{max-width:1040px;margin-inline:auto;padding-inline:16px;color:#241B3B}
.sample-intro{text-align:center;padding:28px 0}
.sample-intro h1{font-size:clamp(28px,5vw,44px)}
.sample-intro .muted{color:#4E4463}
.sample-card{background:#fff;border:1px solid #EFEAFB;border-radius:20px;overflow:hidden}
.sample-cover{display:block;width:100%;height:auto}
/* Sticky-note wall, matching a delivered card. */
.sample-wall{columns:2;column-gap:22px;padding:28px 22px 12px}
.sample-note{break-inside:avoid;display:inline-block;width:100%;box-sizing:border-box;margin:0 0 22px;padding:18px 20px 16px;
  background:var(--note,#fff3bf);border-radius:14px;box-shadow:0 8px 18px rgba(43,36,64,.12);transform:rotate(var(--tilt,0deg));overflow-wrap:anywhere}
.sample-note p{margin:0}
.sample-body{font-size:17px;line-height:1.55;color:#2b2440}
.sample-book-note .sample-signature{font-size:23px;margin-top:2px;line-height:1;padding-inline-start:8px}
.sample-book-note .sig-herr{font-size:27px}
.sample-book-note .sig-doulaise{font-size:21px;margin-top:4px}
.sample-signature{margin-top:10px;color:#2b2440;font-size:46px;line-height:1.35;transform:rotate(-4deg);transform-origin:left center;
  padding-inline-start:18px;white-space:nowrap}
.sig-herr{font-family:'Herr Von Muellerhoff',cursive;font-size:50px}
.sig-delafield{font-family:'Mrs Saint Delafield',cursive}
.sig-doulaise{font-family:'Monsieur La Doulaise',cursive;font-size:40px;margin-top:26px}
.sample-author{margin-top:6px;font-family:'Caveat',cursive;font-size:26px;font-weight:700;color:#2b2440}
[dir="rtl"] .sample-signature{transform-origin:right center}
@media(max-width:640px){
  .sample-wall{columns:1;padding:18px 12px 4px}
  .sample-note{transform:rotate(calc(var(--tilt,0deg) / 2))}
  .sample-signature{font-size:40px}
}