.letter-public-card { margin: 2rem 0; padding: clamp(22px, 4vw, 48px); border: 1px solid var(--line); border-top: 2px solid var(--gold); background: rgba(255,255,255,.66); overflow-wrap: anywhere; }
.letter-public-card h2 { color: var(--red); font: 600 24px/1.5 var(--serif); }
.letter-public-card .prose { max-width: 48rem; }
.letter-public-card textarea { display: block; width: 100%; max-width: 36rem; min-height: 90px; margin: .75rem 0; font: inherit; }
.letter-public-card button { background: transparent; border: 1px solid currentColor; min-height: 44px; cursor: pointer; }
.letter-unread { display: inline-block; padding: 0 .35em; border-radius: 1em; background: #a92442; color: #fff8ef; font: 600 .75rem/1.6 sans-serif; }
.site-menu-trigger .menu-unread-dot { position: absolute; top: 8px; right: 8px; width: 10px; height: 10px; border: 2px solid #fff8ef; border-radius: 50%; background: #bd2441; box-shadow: 0 0 0 2px #bd244133; }