/* Postage & returns.

   Built from the Questions page's parts — the same header, section and title —
   with the copy laid out as loose sheets of paper, the way the letter on that
   page is a sheet. Nothing here is a new visual idea; it is the shop's own
   paper, tilted a little so a stack of them reads as paper and not as boxes. */

.pr-sheets{display:flex;flex-direction:column;align-items:center;
  gap:clamp(24px,2.8vw,44px);padding-top:0}

.pr-sheet{position:relative;width:min(720px,100%);background:#faf9f4;color:#121210;
  padding:clamp(26px,2.8vw,44px) clamp(24px,3vw,52px) clamp(28px,3vw,48px);
  box-shadow:0 30px 54px rgba(24,38,22,.34)}
/* alternating tilt, so the stack looks set down rather than printed */
.pr-sheet:nth-child(odd){transform:rotate(-.4deg)}
.pr-sheet:nth-child(even){transform:rotate(.35deg)}

.pr-eyebrow{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:#8b877c;margin-bottom:14px}

.pr-heading{margin:0 0 18px;font-family:'Instrument Serif',Georgia,serif;font-weight:400;
  font-size:clamp(25px,2.6vw,40px);line-height:1.08;letter-spacing:-.015em;max-width:24ch}

.pr-sheet p{margin:0 0 15px;font-family:'Newsreader',Georgia,serif;font-weight:300;
  font-size:clamp(16px,1.15vw,18.5px);line-height:1.62;color:#2b2a24;max-width:62ch}
.pr-sheet p:last-child{margin-bottom:0}
.pr-sheet strong{font-weight:400;color:#121210}

.pr-sheet a{color:#3a5a34;text-decoration:underline;text-underline-offset:3px}
.pr-sheet a:hover{color:#121210}

/* The closing note is an aside, not another clause of the policy. */
.pr-sheet--quiet{background:#f2efe2}
.pr-sheet--quiet p{font-size:clamp(15px,1.05vw,17px);color:#4c4a42}

@media (max-width:720px){
  .pr-eyebrow{font-family:'Archivo Narrow','Helvetica Neue',sans-serif}
  /* Flat on a phone: at this width the tilt costs readable line length. */
  .pr-sheet:nth-child(odd),.pr-sheet:nth-child(even){transform:none}
}