.cl-stage{background:#e2e8f0;padding:2rem 1rem;border-radius:8px}.cl-letter,.cl-letter *{box-sizing:border-box;margin:0;padding:0}.cl-letter{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7;color:#1e293b;background:#fffef9;border:1px solid #e8e5da;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 12px 40px rgba(0,0,0,.08);padding:3.5rem 3rem;position:relative;max-width:800px;margin:0 auto}.cl-letter:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:4px 4px 0 0}.cl-letter .sender{text-align:right;font-size:.88rem;color:#475569;margin-bottom:2rem;line-height:1.5}.cl-letter .sender .name{font-weight:700;font-size:1rem;color:#1e293b}.cl-letter .date,.cl-letter .recipient{font-size:.88rem;color:#475569;margin-bottom:1.5rem}.cl-letter .recipient{line-height:1.5}.cl-letter .salutation{font-size:.92rem;font-weight:600;margin-bottom:1rem}.cl-letter .letter-body p{font-size:.9rem;color:#334155;margin-bottom:1rem;text-align:justify}.cl-letter .closing{margin-top:1.5rem;font-size:.9rem}.cl-letter .closing .sign-off{font-style:italic;margin-bottom:1.75rem}.cl-letter .closing .signature{font-weight:700;font-size:1rem;color:#1e293b}.cl-letter .annotation-box{margin-top:2rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem 1.25rem;font-size:.82rem;color:#1e40af;line-height:1.55}.cl-letter .annotation-box strong{display:block;margin-bottom:.35rem;font-size:.85rem}.cl-letter .para-label{display:inline-block;background:#2563eb;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.12rem .5rem;border-radius:100px;margin-bottom:.4rem;text-transform:uppercase}@media (max-width:600px){.cl-stage{padding:1rem .5rem}.cl-letter{padding:2rem 1.5rem}.cl-letter .letter-body p,.cl-letter .sender{text-align:left}}