/* Make a Wish — read version */
body.read { background: #fff9f2; color: var(--paper-ink); color-scheme: light; }
body.read :focus-visible { outline-color: var(--accent-d); box-shadow: none; }
.rd { max-width: 640px; margin: 0 auto; padding: calc(var(--safe-t) + 16px) calc(var(--safe-r) + 20px) calc(var(--safe-b) + 40px) calc(var(--safe-l) + 20px); font-size: 18px; line-height: 1.65; }
.rd a { color: var(--accent-d); font-weight: 600; display: inline-flex; align-items: center; min-height: 44px; }
.rd-kicker { margin: 18px 0 0; font-family: var(--display); font-weight: 500; font-size: 20px; color: var(--paper-muted); }
.rd h1 { font-size: clamp(40px, 11vw, 64px); color: var(--accent-d); overflow-wrap: anywhere; }
.rd-sub { margin: 4px 0 8px; color: var(--paper-muted); }
.rd-note { font-size: 15.5px; color: var(--paper-muted); background: rgba(0, 0, 0, 0.04); border-radius: 14px; padding: 10px 14px; }
.rd section { margin-top: 30px; }
.rd h2 { font-size: 26px; margin-bottom: 10px; }
.rd-gifts { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.rd-gift { background: #fff; border-radius: 18px; padding: 14px 16px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.05); }
.rd-gift.kind-coupon { background: #fff4d6; border: 2px dashed rgba(120, 70, 20, 0.3); }
.rd-gift h3 { font-size: 21px; margin: 2px 0 6px; overflow-wrap: anywhere; }
.rd-gift p { margin: 0 0 6px; overflow-wrap: anywhere; white-space: pre-line; }
.rd-gk { font-family: var(--display); font-weight: 600; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--paper-muted); }
.rd-meta { font-size: 15px; color: var(--paper-muted); }
.rd-letter { background: #fff; border-radius: 22px; padding: 22px 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); }
.rd-letter p { white-space: pre-line; overflow-wrap: anywhere; }
.rd-sign { margin-bottom: 0; color: var(--paper-muted); }
.rd-from { margin-top: 0; font-family: var(--display); font-weight: 700; font-size: 30px; color: var(--accent-d); }
.polaroid { margin: 0 auto 18px; width: min(220px, 70%); background: #fff; padding: 10px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15); transform: rotate(2deg); }
.polaroid img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.rd-foot { margin-top: 30px; text-align: center; }