.letter-preview{container-type:inline-size;width:210mm;max-width:100%;margin:0 auto 25px;box-shadow:0 14px 45px #163b2c15}
.letter-sheet{position:relative;width:100%;aspect-ratio:210 / 297;overflow:hidden;background:#fff;color:#252b28;isolation:isolate}
.letterhead-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
.letter-content{position:absolute;inset:0;padding:26% 10.5% 17%;font-size:16px;font-size:2.02cqw;line-height:2}
.letter-meta{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:11px;font-size:1.45cqw;color:#58645a;line-height:1.7;margin-bottom:4%}
.letter-meta bdi{font-family:Inter,Arial,sans-serif;overflow-wrap:anywhere}
.letter-title{font-size:22px;font-size:2.8cqw;text-align:center;margin-bottom:5%;font-weight:600;color:#173b2b}
.letter-body{white-space:pre-line;line-height:2}
.letter-demo-mark{position:absolute;top:3.5%;inset-inline-start:10.5%;max-width:38%;padding:5px 8px;border:1px solid #decfa2;border-radius:4px;font-size:9px;font-size:1.1cqw;line-height:1.6;color:#8b7446;background:#fffcf4}
.letter-signature{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:5%;font-size:12px;font-size:1.5cqw;color:#748a68}
.letter-signature>span{padding:6px 12px;border:1px dashed #a7b599;border-radius:3px}
.letter-signature small{font-size:8px;font-size:1.05cqw;color:#9a8d69}
@media print{
  @page letterhead{size:A4;margin:0}
  .letter-preview{width:210mm;max-width:none;margin:0;box-shadow:none;container-type:normal}
  .letter-sheet{page:letterhead;width:210mm;height:297mm;aspect-ratio:auto;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .letter-content{padding:54.6mm 22.05mm 35.7mm;font-size:12pt}
  .letter-meta{font-size:8.5pt;margin-bottom:8mm}
  .letter-title{font-size:17pt;margin-bottom:9mm}
  .letter-body{font-size:12pt;line-height:2}
  .letter-demo-mark{font-size:6.5pt}
  .letter-signature{font-size:9pt;margin-top:8mm}
  .letter-signature small{font-size:6pt}
}