/* Styles for the reader-response block on pages that do not use the publication
   stylesheet — the blog, principally. The published essays carry the same rules inline
   from publish.py; these are the standalone copy, with the same values. */
.ag-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin:2.5em 0 1em;
  padding-top:1.2em;border-top:1px solid #d9e3e1;
  font-family:ui-sans-serif,system-ui,Helvetica,Arial,sans-serif;font-size:.9rem}
.ag-share-label{color:#52606d;margin-right:.3em}
.ag-share-btn{appearance:none;background:none;border:1px solid #d9e3e1;border-radius:.3em;
  padding:.35em .8em;font:inherit;color:#0f766e;cursor:pointer;text-decoration:none}
.ag-share-btn:hover{border-color:#0f766e;background:rgba(0,0,0,.02)}
.ag-response{margin:2em 0;padding:1.4em 1.5em;border:1px solid #d9e3e1;border-radius:.5em;
  font-family:ui-sans-serif,system-ui,Helvetica,Arial,sans-serif}
.ag-response-h{margin:0 0 .4em;font-size:1.15rem}
.ag-response-lede{margin:0 0 1.1em;font-size:.95rem;color:#52606d;max-width:44em}
.ag-field{display:block;margin:0 0 .9em}
.ag-field > span{display:block;font-size:.85rem;margin-bottom:.25em}
.ag-field input,.ag-field textarea{width:100%;max-width:44em;font:inherit;padding:.45em .6em;
  border:1px solid #d9e3e1;border-radius:.3em;background:#fff;color:inherit}
.ag-field-note{display:block;margin-top:.3em;font-size:.78rem;color:#52606d}
.ag-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ag-response-actions{display:flex;align-items:center;gap:.8em;margin-top:.4em}
.ag-response-send{appearance:none;border:0;border-radius:.3em;padding:.5em 1.1em;font:inherit;
  font-weight:600;background:#0f766e;color:#fff;cursor:pointer}
.ag-response-send[disabled]{opacity:.6;cursor:default}
.ag-response-status,.ag-response-thanks{font-size:.9rem;color:#52606d}
.ag-ack{margin:2em 0 0;padding:1.1em 1.3em;border-left:3px solid #0f766e;
  background:rgba(0,0,0,.02);font-family:ui-sans-serif,system-ui,Helvetica,Arial,sans-serif}
.ag-ack-h{margin:0 0 .3em;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:#0f766e;font-weight:700}
.ag-ack-body{margin:0;font-size:.95rem;line-height:1.55}