/* Shared article reactions; controls stay out of cached personal state. */
.site-reactions{margin:2.5rem 0;padding:1.5rem 0;border-block:1px solid #dce2d4}
.site-reactions h2{margin:0 0 .6rem;font-family:inherit;font-size:1.45rem;color:inherit}
.site-reactions .reaction-note,.site-reactions .reaction-status{font-size:.85rem;line-height:1.6;color:#6a7465}
.site-reactions .reaction-note{margin:0 0 1.25rem}
.site-reactions .reaction-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;align-items:end}
.site-reactions .reaction-choice{appearance:none;background:transparent;border:1px solid transparent;border-radius:10px;padding:.4rem .15rem;color:inherit;min-width:0;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;width:100%}
.site-reactions .reaction-count{font-size:.95rem;font-variant-numeric:tabular-nums;line-height:1.5}
.site-reactions .reaction-chart{height:74px;width:80%;display:flex;align-items:flex-end;margin:.3rem 0 .75rem}
.site-reactions .reaction-bar{display:block;background:#789369;width:100%;height:3%;min-height:3px;border-radius:3px 3px 0 0;transition:height .25s ease}
.site-reactions .reaction-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.35}
.site-reactions .reaction-label{font-size:.68rem;line-height:1.35;margin-top:.3rem;min-height:2.7em;overflow-wrap:anywhere;text-align:center}
.site-reactions .reaction-choice:hover:not(:disabled),.site-reactions .reaction-choice[aria-pressed=true]{background:#e7eddf;border-color:#a6b69a}
.site-reactions .reaction-choice[aria-pressed=true] .reaction-bar{background:#304f3d}
.site-reactions .reaction-choice:focus-visible,.site-reactions .reaction-retry:focus-visible{outline:3px solid #304f3d;outline-offset:3px}
.site-reactions .reaction-choice:disabled{cursor:wait}
.site-reactions .reaction-status{min-height:1.6em;margin:.7rem 0 0}
.site-reactions .reaction-retry{margin-top:.5rem;background:#304f3d;color:#fff;border:0;border-radius:6px;padding:.6rem 1rem;cursor:pointer}
@media(max-width:600px){.site-reactions .reaction-grid{grid-template-columns:repeat(8,minmax(44px,1fr));gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:.3rem 0 .5rem}.site-reactions .reaction-choice{min-width:44px;padding:.4rem 0}.site-reactions .reaction-chart{height:44px}.site-reactions .reaction-emoji{font-size:1.65rem}.site-reactions{margin:1.8rem 0}.site-reactions .reaction-label{display:none}}
@media(prefers-reduced-motion:reduce){.site-reactions .reaction-bar{transition:none}}