/* Reusable newsletter card. Link this stylesheet with newsletter.js on any page that includes form[data-hri-newsletter]. */
.hri-signup,
.hri-site .hri-signup{box-sizing:border-box;position:relative;background:var(--hri-cream);color:var(--hri-ink);padding:10px 12px;font:16px/1.2 var(--hri-font-ui);width:100%;max-width:100%}
.hri-signup *,
.hri-site .hri-signup *{box-sizing:border-box}
.hri-signup .eyebrow,
.hri-site .hri-signup .eyebrow{margin:0;font-size:11px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#755610;font-weight:700}
.hri-signup h2,
.hri-site .hri-signup h2{font:500 18px/1.1 var(--hri-font-display);margin:0 0 6px;color:var(--hri-ink)}
.hri-signup p,
.hri-site .hri-signup p{margin:0;max-width:none;color:var(--hri-muted)}
.hri-newsletter,
.hri-site .hri-newsletter{display:grid;gap:4px}
.hri-signup .name-row,
.hri-site .hri-signup .name-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hri-signup .field,
.hri-site .hri-signup .field{min-width:0}
.hri-signup label,
.hri-site .hri-signup label{display:block;font-size:13px;line-height:1.15;font-weight:600;margin:0 0 2px;color:var(--hri-ink)}
.hri-signup .opt,
.hri-site .hri-signup .opt{font-weight:500;color:var(--hri-muted)}
.hri-signup input[type=email],
.hri-signup input[type=text],
.hri-site .hri-signup input[type=email],
.hri-site .hri-signup input[type=text]{width:100%;min-width:0;min-height:44px;border:1px solid var(--hri-quiet);border-radius:0;padding:6px 10px;background:#fff;color:var(--hri-ink);font:16px/1.2 var(--hri-font-ui)}
.hri-signup button[type=submit],
.hri-site .hri-signup button[type=submit]{width:100%;border:0;border-radius:0;background:var(--hri-gold-bright);color:var(--hri-ink);padding:8px 12px;font:600 15px/1.2 var(--hri-font-ui);min-height:44px;cursor:pointer}
.hri-signup button[type=submit]:disabled,
.hri-signup button[type=submit][aria-disabled=true],
.hri-site .hri-signup button[type=submit]:disabled,
.hri-site .hri-signup button[type=submit][aria-disabled=true]{opacity:.7;cursor:wait}
.hri-signup .fine,
.hri-site .hri-signup .fine{font:12px/1.25 var(--hri-font-ui);color:var(--hri-muted);margin:2px 0 0}
.hri-signup .form-status,
.hri-site .hri-signup .form-status{font:14px/1.3 var(--hri-font-ui);color:var(--hri-ink);margin:0}
.hri-signup .form-status.is-error,
.hri-site .hri-signup .form-status.is-error{color:#8a2b1b}
/* The status is a live region from page load: while empty it is kept out of the layout, not out of the accessibility tree. */
.hri-signup .form-status:empty,
.hri-site .hri-signup .form-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* No-JS answers: the subscribe API redirects to #hri-newsletter-<state>; only the targeted notice shows,
   scrolled to just below the card heading. */
.hri-signup .newsletter-notice,
.hri-site .hri-signup .newsletter-notice{display:none;margin:6px 0 10px;padding:8px 10px;border-left:3px solid #755610;background:#fff;color:var(--hri-ink);font:14px/1.35 var(--hri-font-ui);scroll-margin-top:56px}
.hri-signup .newsletter-notice:target,
.hri-site .hri-signup .newsletter-notice:target{display:block}
.hri-signup .newsletter-notice.is-error,
.hri-site .hri-signup .newsletter-notice.is-error{border-left-color:#8a2b1b;color:#8a2b1b}
.hri-signup [hidden],
.hri-site .hri-signup [hidden]{display:none !important}
.hri-signup .signup-links,
.hri-site .hri-signup .signup-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0}
.hri-signup .signup-links[hidden],
.hri-site .hri-signup .signup-links[hidden]{display:none}
.hri-signup .signup-links a,
.hri-site .hri-signup .signup-links a{font-size:13px;font-weight:600;color:#755610;text-decoration:underline;text-underline-offset:3px}
.hri-signup :focus-visible,
.hri-site .hri-signup :focus-visible{outline:3px solid #755610;outline-offset:2px}
.hri-honeypot{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
@media(max-width:640px){
  .hri-signup,
  .hri-site .hri-signup{padding:10px 12px}
}