.reader-dialog h1 {
  margin: 18px 54px 12px 0;
  font: 500 clamp(18px, 2vw, 24px) / 1.45 var(--sans);
  letter-spacing: -0.025em;
}

.reader-dialog .reader-close:focus,
.reader-dialog .reader-close:focus-visible {
  outline: none;
  box-shadow: none;
}

.member-card strong {
  font: 500 23px / 1.35 var(--sans);
  letter-spacing: -0.03em;
}

#comment-form .comment-note{grid-column:1/-1;min-height:18px;margin:9px 0 0;color:#737b74;font:400 10px/1.6 var(--sans)}
#comment-form .comment-note.is-error,.comment-load-error{color:#a44d3b}
#comment-form .comment-note.is-success{color:var(--community-green)}
#comment-form button:disabled{cursor:wait;opacity:.5}

.post-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;min-height:72px;gap:12px}
.post-own-actions{display:flex;gap:6px}
.post-own-actions button{border:1px solid var(--community-line);border-radius:2px;padding:6px 10px;background:transparent;color:var(--community-dark);font:500 10px/1.4 var(--sans);cursor:pointer}
.post-own-actions .post-delete{color:#9b4937}
.post-own-actions button:hover,.post-own-actions button:focus-visible{border-color:var(--community-green);outline:none}
.post-own-actions .post-delete:hover,.post-own-actions .post-delete:focus-visible{border-color:#9b4937}
.reader-heading-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.reader-heading-footer .reader-meta{margin:0}
.reader-own-actions{display:flex;align-items:center;gap:6px;flex:none}
.reader-own-actions button{border:1px solid var(--community-line);border-radius:2px;padding:7px 11px;background:transparent;color:var(--community-dark);font:500 11px/1.3 var(--sans);cursor:pointer}
.reader-own-actions .reader-delete{color:#9b4937}
.reader-own-actions button:hover,.reader-own-actions button:focus-visible{border-color:var(--community-green);outline:none}
.reader-own-actions .reader-delete:hover,.reader-own-actions .reader-delete:focus-visible{border-color:#9b4937}
.post-edit-hint{margin:18px 0 0;color:#69736a;font:400 11px/1.65 var(--sans)}
.delete-post-dialog{width:min(420px,calc(100% - 32px));max-height:90vh;border:0;padding:0;background:var(--community-paper);color:var(--community-dark);box-shadow:0 30px 90px rgba(20,35,27,.28)}
.delete-post-dialog::backdrop{background:rgba(25,38,31,.64)}
.delete-post-panel{padding:32px clamp(24px,5vw,38px)}
.delete-post-panel h2{margin:14px 0 20px;font:500 24px/1.35 var(--sans);letter-spacing:-.035em}
.delete-post-title{margin:0;border-top:1px solid var(--community-line);border-bottom:1px solid var(--community-line);padding:14px 0;font:500 14px/1.55 var(--sans);overflow-wrap:anywhere}
.delete-post-warning{margin:18px 0;color:#8e4538;font:400 12px/1.7 var(--sans)}
.delete-post-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}
.delete-post-actions button{border:1px solid var(--community-dark);padding:11px 17px;background:transparent;color:var(--community-dark);font:500 12px/1.4 var(--sans);cursor:pointer}
.delete-post-actions #delete-post-confirm{border-color:#9b4937;background:#9b4937;color:#fff}
.delete-post-actions button:disabled{cursor:wait;opacity:.55}

@media (max-width: 760px) {
  .post-side{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between}
  .post-stats{flex-wrap:wrap;gap:5px 10px}
  .reader-dialog h1 {
    margin-right: 42px;
    font-size: 18px;
  }
  .reader-heading-footer{align-items:flex-start;flex-direction:column;gap:8px}
  .reader-own-actions{align-self:flex-end}
}