.journal-response{margin:0 0 2rem;padding:1.8rem;background:#f4eddf;border-left:3px solid #ac7833;color:#172737;font-family:Arial,sans-serif;line-height:1.6}
.journal-response .response-eyebrow{font-size:.78rem;font-weight:bold;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .7rem}
.journal-response h2{font:400 1.8rem/1.2 Georgia,serif!important;margin:0 0 .8rem!important}
.journal-response>p{max-width:68ch}
.response-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.2rem 0 .8rem}
.journal-response a.response-button{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:.65rem 1rem;background:#132b3d;color:#fff9ed!important;text-decoration:none;border:1px solid #132b3d;border-radius:3px}
.journal-response a.response-button:hover{background:#29465c}
.journal-response .response-note,.letters-page .response-note{font-size:.87rem;line-height:1.6}
.letter-invitation{padding:1.7rem;background:#efe5d3;border-top:3px solid #ac7833}
.letter-invitation h2,.letters-guidelines h2,.selected-letters h2{font:400 1.7rem/1.25 Georgia,serif;color:#172737}
.letters-guidelines{max-width:72ch;padding:1.6rem 0;line-height:1.7}
.letters-guidelines li{margin-bottom:.8rem}
.selected-letters{border-top:1px solid #c6bba7;padding:1.6rem 0}
.letters-empty{max-width:60ch;color:#4b555c}
.published-letter{max-width:72ch;border-bottom:1px solid #c6bba7;padding:1.5rem 0;line-height:1.7;overflow-wrap:anywhere}
.letter-byline{font-weight:bold}
.letters-page a:focus-visible,.journal-response a:focus-visible{outline:3px solid #916123;outline-offset:4px}
@media(max-width:600px){.journal-response,.letter-invitation{padding:1.2rem}.response-actions{align-items:flex-start;flex-direction:column}}

.letter-reply{margin:1.8rem 0 0;padding:1.25rem 0 0 1.25rem;border-top:1px solid #d4cbbb;border-left:2px solid #b3a48d}.letter-reply h3{font:400 1.45rem/1.3 Georgia,serif;margin:0 0 .4rem;color:#172737}.letter-reply .reply-date{font:.875rem/1.6 Arial,sans-serif;color:#4b555c;margin:0 0 1rem}.letter-reply-editor{border-left-color:#ac7833}.published-letter>.response-note{font:.875rem/1.6 Arial,sans-serif;color:#4b555c}@media(max-width:600px){.letter-reply{padding-left:.85rem}}

.letter-photo{display:block;width:88px;max-width:100%;height:auto;margin:1rem 0;border:1px solid #c6bba7}