.comments-dialog{box-sizing:border-box;width:min(580px,calc(100% - 28px));max-height:88dvh;padding:28px;border:1px solid #a8cbd2;border-radius:20px;background:linear-gradient(150deg,#fffdf4,#eff9fc);color:#294c60;box-shadow:0 25px 90px #15395150;font:14px/1.8 system-ui,sans-serif;overflow:auto}.comments-dialog::backdrop{background:#14374b78;backdrop-filter:blur(5px)}.comments-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.comments-kicker{font-size:11px;letter-spacing:.2em;color:#638d96;margin:0}.comments-heading h2{font-size:22px;font-weight:600;margin:5px 0}.comments-heading p:last-child{margin:0;color:#64808d;overflow-wrap:anywhere}.comments-dialog button{font:inherit;cursor:pointer;border:1px solid #a9c9d2;border-radius:8px;background:#fffdf7;color:#2e697e;padding:7px 13px}.comments-dialog button:hover{background:#e4f4f8}.comments-dialog button:disabled{opacity:.5;cursor:not-allowed}.comments-dialog a{color:#2e738b;text-underline-offset:3px}.comments-dialog :focus-visible{outline:3px solid #43a3be;outline-offset:3px}.comment-list{margin:20px 0;color:#6b858f}.comment-item{padding:16px 0;border-top:1px dashed #bad5da}.comment-item:last-child{border-bottom:1px dashed #bad5da}.comment-meta{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px}.comment-meta strong{color:#3c6f7c}.comment-meta time{color:#80959d}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;color:#355768;margin:9px 0 0}.comment-account{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;font-size:12px;border-top:1px solid #d1e2e5}.comment-account button{margin-left:auto}.comments-dialog label{display:block;margin:12px 0 6px}.comments-dialog textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.7;color:inherit;border:1px solid #b1cdd4;border-radius:9px;padding:12px;background:#ffffffb8;resize:vertical}.comment-limit{font-size:11px;text-align:right;color:#7b949c}.comment-policies{border:0;padding:0;margin:10px 0}.comments-dialog .check,.comments-dialog .comment-check{display:flex;gap:7px;align-items:flex-start;font-size:12px;margin:7px 0;line-height:1.7}.comments-dialog input[type=checkbox]{margin:4px 0 0;flex:0 0 auto}.comments-dialog #commentSubmit{width:100%;margin-top:14px;background:#376f80;color:#fff;border-color:#376f80}.comments-dialog #commentSubmit:hover{background:#285c6d}#commentStatus{white-space:pre-wrap;font-size:12px;color:#567f82;margin:12px 0 0}#commentStatus[data-error=true]{color:#aa4444}.comments-dialog [hidden]{display:none!important}.letter-photos{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.letter-photos:empty{display:none}.letter-photos a{flex:1 1 110px;max-width:100%}.letter-photos img{display:block;width:100%;max-height:250px;object-fit:contain;border-radius:8px;background:#e8f1ed}.journal-actions{flex-wrap:wrap}.journal-actions #journalComments{min-width:130px}.journal-comment-link{display:block;margin:12px 0}.comment-parent-link{display:inline-block;margin:8px 0}@media(max-width:560px){.comments-dialog{padding:20px}.comments-heading h2{font-size:20px}}
