/* ============================================================
   subscribe.css — shared styles for the .sa-subscribe capture
   form used in the sitewide footer. Mirrors the SUBSCRIBE_CSS
   block baked into blog pages by build_blog.py; kept in sync by
   hand. Loaded only on the public/marketing + legal pages that
   carry the footer form.
   ============================================================ */
.sa-subscribe-wrap{max-width:720px;margin:52px auto 0}
.sa-subscribe{background:#363746;border:1px solid rgba(238,220,192,.18);border-radius:14px;padding:30px 26px;text-align:center;color:#FFFBF5}
.sa-subscribe.sa-subscribe-slim{background:transparent;border:0;padding:0;max-width:440px;margin:0 auto 34px}
.sa-sub-head{font-family:'Montaga',serif;font-size:21px;color:#FFFBF5;margin:0 0 6px}
.sa-sub-body{font-size:14.5px;line-height:1.55;color:rgba(255,251,245,.82);margin:0 auto 16px;max-width:46ch}
.sa-sub-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.sa-subscribe input[type=email]{flex:1 1 240px;max-width:300px;padding:12px 14px;border-radius:8px;border:1px solid rgba(238,220,192,.3);background:rgba(0,0,0,.18);color:#FFFBF5;font-family:inherit;font-size:15px}
.sa-subscribe input[type=email]::placeholder{color:rgba(255,251,245,.45)}
.sa-subscribe button{padding:12px 22px;border-radius:8px;border:0;background:#EEDCC0;color:#272836;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
.sa-subscribe button:hover{background:#C9A97A}
.sa-sub-note{font-size:12px;color:rgba(255,251,245,.5);margin:12px 0 0}
.sa-sub-done{font-size:14.5px;color:#EEDCC0;margin:14px 0 0}
.sa-sub-err{font-size:14.5px;color:#E6B8A8;margin:14px 0 0}
.sa-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}