/* ALL AT SEA — reader reaction + contributor tip jar (MP-084).
 *
 * Its own file rather than an append to components.css: a concurrent session was
 * holding components.css and style.css uncommitted when this shipped, and this
 * feature enqueues with its own AAS_REACT_VER so it busts its own asset cache
 * without a theme Version bump. Same tokens, same idiom as .aas-share.
 */

.aas-react{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);
  margin:var(--space-16) 0 var(--space-24);padding-top:var(--space-16);
  border-top:1px solid var(--aas-hair);}
.aas-react-q{font-family:var(--aas-sans);font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;font-size:.78rem;color:var(--aas-muted);
  margin:0 var(--space-8) 0 0;}
.aas-react-btns{display:flex;flex-wrap:wrap;gap:var(--space-8);}
.aas-react-btn{display:inline-flex;align-items:center;gap:var(--space-8);cursor:pointer;
  font-family:var(--aas-sans);font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  font-size:.78rem;line-height:1;color:var(--aas-navy);
  background:var(--aas-paper);border:1px solid var(--aas-hair);border-radius:2px;
  padding:var(--space-8) var(--space-16);
  transition:border-color .18s ease,color .18s ease,opacity .18s ease;}
.aas-react-btn:hover,.aas-react-btn:focus-visible{border-color:var(--aas-brass);color:var(--aas-sunset-link);}
.aas-react-btn svg{width:16px;height:16px;flex:none;}
.aas-react-btn[disabled]{cursor:default;opacity:.5;}
.aas-react-btn[disabled]:hover{border-color:var(--aas-hair);color:var(--aas-navy);}
/* The picked arm stays legible after the set goes quiet — the reader's own mark.
   Both arms settle identically: nothing here reveals which way anyone else went,
   and there is no count to reveal. The down vote is a desk signal, not a score. */
.aas-react-btn.is-picked{opacity:1;border-color:var(--aas-seaglass);color:var(--aas-seaglass);}
.aas-react-btn.is-picked:hover{border-color:var(--aas-seaglass);color:var(--aas-seaglass);}
.aas-react-thanks{font-family:var(--aas-sans);font-size:.78rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;color:var(--aas-seaglass);margin:0;}

/* Tip jar — sits under the sign-off line, quieter than the reaction. */
.aas-tip{margin:calc(var(--space-8) * -1) 0 var(--space-24);}
.aas-tip-link{display:inline-flex;align-items:center;gap:var(--space-8);
  font-family:var(--aas-sans);font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  font-size:.76rem;line-height:1;color:var(--aas-navy);text-decoration:none;
  background:var(--aas-paper);border:1px solid var(--aas-hair);border-radius:2px;
  padding:var(--space-8) var(--space-16);transition:border-color .18s ease,color .18s ease;}
.aas-tip-link:hover,.aas-tip-link:focus-visible{border-color:var(--aas-brass);color:var(--aas-sunset-link);}
.aas-tip-link svg{width:16px;height:16px;flex:none;}

@media(max-width:560px){
  .aas-react{gap:var(--space-8);}
  .aas-react-q{width:100%;margin-bottom:var(--space-8);}
}