.letter-sample{background:#fff;border:1px solid #ccd5c7;box-shadow:0 4px 14px #244f4709;padding:36px;margin:24px 0 12px;font-family:var(--serif);line-height:2;color:#263a30;break-inside:avoid}.reading-body .letter-sample p{margin:0 0 22px}.reading-body .letter-sample .letter-title{text-align:center;font-size:27px;font-weight:600;letter-spacing:.25em;margin-bottom:27px}.letter-date,.letter-sender,.letter-opening,.letter-end{text-align:right}.reading-body .letter-sample .letter-end{margin:20px 0 0}.reading-body .sample-caption{font-size:13px;line-height:1.9;color:#63715d;margin:0 0 24px}.envelope-figure{margin:25px 0}.envelope-pair{display:flex;justify-content:center;gap:35px;padding:30px 20px;background:#f1f1e6;border-radius:5px}.envelope-face{width:155px;height:285px;background:#fff;border:1px solid #c7cdbf;position:relative}.envelope-side{position:absolute;top:7px;left:12px;font-size:12px;color:#6a7562}.envelope-title{position:absolute;left:50%;top:74px;transform:translateX(-50%);writing-mode:vertical-rl;font-size:23px;letter-spacing:.2em}.envelope-name{position:absolute;left:17px;bottom:22px;writing-mode:vertical-rl;font-size:13px;line-height:1.9}.envelope-back:before{content:"";position:absolute;left:0;right:0;top:28px;border-top:1px solid #d6dacc}.envelope-figure figcaption{font-size:13px;line-height:1.9;margin-top:12px;color:#63715d}@media(max-width:600px){.letter-sample{padding:24px 20px;font-size:16px}.reading-body .letter-sample .letter-title{font-size:25px}.envelope-pair{gap:18px;padding:24px 15px}.envelope-face{width:125px;height:250px}.envelope-title{top:65px}}@media print{.letter-sample{box-shadow:none;padding:20px;font-size:11pt}.envelope-pair{background:none;break-inside:avoid}.envelope-face{height:220px;width:120px}.envelope-title{top:55px}}