/* Page usefulness feedback. Keep every rule scoped to this component. */
.helpful-feedback{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1.5rem;margin:2.5rem 0 1.5rem;padding:1.5rem 1.7rem;border:1px solid #d4e2df;border-radius:14px;background:#f2f7f4;color:#233b3e}
.helpful-feedback .helpful-copy{min-width:0}
.helpful-feedback .helpful-heading{margin:0;font-size:1.04rem;line-height:1.6;font-weight:750;letter-spacing:-.025em;color:#164f57}
.helpful-feedback .helpful-description{margin:.25rem 0 0;font-size:.82rem;line-height:1.65;color:#586b6b}
.helpful-feedback button[data-helpful-button]{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:154px;min-height:48px;width:auto;margin:0;padding:.65rem 1rem;border:1px solid #176774;border-radius:999px;background:#fff;color:#155c67;font-family:inherit;font-size:.89rem;line-height:1.4;font-weight:700;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.helpful-feedback button[data-helpful-button]:hover:not(:disabled){background:#e5f0ed;border-color:#0e4e58;color:#0e4e58}
.helpful-feedback button[data-helpful-button]:focus-visible{outline:3px solid #d19335;outline-offset:4px;box-shadow:none}
.helpful-feedback button[data-helpful-button][aria-pressed="true"]{background:#176774;border-color:#176774;color:#fff}
.helpful-feedback button[data-helpful-button][aria-pressed="true"]:hover:not(:disabled){background:#0e4e58;border-color:#0e4e58;color:#fff}
.helpful-feedback button[data-helpful-button]:disabled{cursor:wait;opacity:.65}
.helpful-feedback .helpful-icon{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.helpful-feedback [data-helpful-count]{display:inline-block;min-width:1.4em;padding-left:.55rem;border-left:1px solid currentColor;font-size:.83rem;font-variant-numeric:tabular-nums;text-align:center}
.helpful-feedback [data-helpful-status]{grid-column:1/-1;min-height:1.5em;margin:0;font-size:.77rem;line-height:1.6;color:#5a6d6c;overflow-wrap:anywhere}
.helpful-feedback.has-error [data-helpful-status]{color:#874411}
.helpful-feedback noscript{grid-column:1/-1;font-size:.8rem;line-height:1.6;color:#5a6d6c}
@media(max-width:580px){.helpful-feedback{grid-template-columns:minmax(0,1fr);gap:.85rem;padding:1.25rem;margin-top:1.75rem}.helpful-feedback button[data-helpful-button]{justify-self:start;min-height:48px}.helpful-feedback .helpful-heading{font-size:1rem}.helpful-feedback .helpful-description{font-size:.8rem}.helpful-feedback [data-helpful-status]{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.helpful-feedback button[data-helpful-button]{transition:none}}
