.comments{margin:2.5rem 0 0;padding:1.5rem;border:1px solid #dbe5ee;border-radius:16px;background:#f6f9fc;max-width:100%;overflow-wrap:anywhere}.comments h2{margin-top:0}.comments form{display:grid;gap:1rem}.comments label{display:grid;gap:.4rem;font-weight:600}.comments input,.comments textarea{box-sizing:border-box;max-width:100%;width:100%;padding:.75rem;border:1px solid #aabaca;border-radius:6px;font:inherit;background:white;color:#172a40}.comments textarea{min-height:130px;resize:vertical}.comments button{justify-self:start;padding:.75rem 1.2rem;border:0;border-radius:6px;background:#1769e8;color:white;font:inherit;cursor:pointer}.comments button:disabled{opacity:.55;cursor:not-allowed}.comments :focus-visible{outline:3px solid #f58220;outline-offset:3px}.comments-list{padding:0;list-style:none}.reader-comment{border-top:1px solid #dbe5ee;padding:1rem 0}.reader-comment p{white-space:pre-wrap}.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comments[hidden],.comments [hidden]{display:none!important}.comments .comment-meta{font-size:.85rem;color:#52667b}.comments .turnstile-box{max-width:100%;min-height:65px}.admin{margin:2rem auto;box-sizing:border-box;width:min(720px,calc(100% - 2rem));font-family:system-ui,sans-serif}.admin button{margin:.5rem .5rem .5rem 0}@media(max-width:420px){.comments{padding:1rem}.comments input,.comments textarea{font-size:16px}}

/* Comments Admin V1.1.1 — center destructive confirmation dialog */
dialog.comments {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
}

dialog.comments::backdrop {
  background: rgba(15, 23, 42, 0.45);
}