/* The newsletter signup form (dist/newsletter-signup.js, docs/newsletter-signup-snippet.html): used on /newsletter and
   dropped into the blog pages. Its own rr-nl-* classes only, so it never changes the page around it. Pressed button,
   the home page's style (owner picked option B, 2026-10-25): a darker edge the button sinks into, no glow. */
.rr-nl{max-width:560px}
.rr-nl-label{display:block;font-size:14px;font-weight:700;margin:0 0 8px;color:#f4f1ea}
.rr-nl-row{display:flex;gap:10px;flex-wrap:wrap}
.rr-nl-input{flex:1 1 240px;min-width:0;font:inherit;font-size:16px;color:#f4f1ea;background:#111016;border:1px solid rgba(255,255,255,0.14);border-radius:8px;padding:12px 14px}
.rr-nl-input:focus{outline:2px solid #b14bff;outline-offset:1px}
.rr-nl-button{position:relative;top:0;font:inherit;font-size:15px;font-weight:700;color:#fff;background:#8f2fe0;border:0;border-radius:8px;padding:12px 20px 13px;cursor:pointer;box-shadow:0 3px 0 #55188d;transition:top .08s ease,box-shadow .08s ease,background .15s ease}
.rr-nl-button:hover{background:#9a3cec}
.rr-nl-button:not(:disabled):active{top:3px;box-shadow:0 0 0 #55188d}
.rr-nl-button:disabled{opacity:.6;cursor:default}
.rr-nl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rr-nl-note{min-height:1.4em;font-size:14px;margin:10px 0 0;color:#a09bae}
.rr-nl-note.ok{color:#6df2b8}
.rr-nl-note.err{color:#ff8a8a}
.rr-nl-small{font-size:13px;color:#8a8794;margin:4px 0 0}
/* The box on the News pages (the blog index and every post, server/features/blog-render.js): after the article,
   before the footer, set off by a thin line. */
.rr-nl-band{margin:56px 0 8px;padding:32px 0 0;border-top:1px solid rgba(255,255,255,0.08)}