.sp-postnote-wrap{clear:both;margin:8px 0 12px}.sp-postnote{display:inline-block;box-sizing:border-box;width:auto;max-width:80%;padding:10px 14px;border:1px solid #9aa4ad;border-radius:6px;background:linear-gradient(#f8f9fa,#e6e9eb);box-shadow:0 1px 3px rgba(0,0,0,.15);color:#222;vertical-align:top}.sp-postnote-heading{font-weight:bold;margin-bottom:6px}.sp-postnote-important{border-color:#b11}.sp-postnote-hint{border-color:#b68a00}.sp-postnote-text{white-space:pre-wrap;font-size:120%;line-height:1.35}.sp-postnote-meta{margin-top:7px;font-size:100%;font-weight:normal;color:#666}.sp-postnote-button{cursor:pointer}@media (max-width:700px){.sp-postnote{max-width:100%}}.sp-postnote-modal{display:none;position:fixed;z-index:10000;inset:0}.sp-postnote-modal.is-open{display:block}.sp-postnote-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.sp-postnote-dialog{position:relative;width:min(620px,calc(100% - 32px));margin:10vh auto 0;padding:18px 20px;border:1px solid #77838d;border-radius:8px;background:#f3f4f5;box-shadow:0 8px 28px rgba(0,0,0,.4);color:#222}.sp-postnote-dialog h3{margin:0 35px 15px 0}.sp-postnote-close{position:absolute;right:10px;top:7px;border:0;background:transparent;font-size:28px;line-height:28px;cursor:pointer;color:#555}.sp-postnote-dialog label{display:block;font-weight:bold;margin:10px 0 4px}.sp-postnote-dialog select{min-width:160px}.sp-postnote-dialog textarea{display:block;box-sizing:border-box;width:100%;min-height:110px;resize:vertical}.sp-postnote-actions{display:flex;gap:8px;margin-top:12px}.sp-postnote-delete{margin-top:12px;padding-top:10px;border-top:1px solid #c5c9cc}

.sp-postnote-button .fa-thumb-tack{color:#d71920 !important;}