/* NRMG News: the sign-up card for visitors who aren't signed in.
   Markup in templates/_news_nag.html, behaviour in js/news-nag.js. */
.newsnag{position:fixed;z-index:60;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));background:#fff;
  border-radius:14px;box-shadow:0 18px 50px rgba(8,20,36,.30);padding:18px 18px 16px;border-top:4px solid var(--blue,#1e73be);
  transform:translateY(28px);opacity:0;transition:transform .35s ease,opacity .35s ease}
.newsnag[hidden]{display:none}
.newsnag.on{transform:none;opacity:1}
.newsnag .nn-x{position:absolute;top:4px;right:6px;border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted,#5a6472);padding:6px 8px}
.newsnag .nn-h{margin:0;padding-right:28px;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.2rem;color:var(--navy,#0c2a4b)}
.newsnag .nn-p{margin:.35em 0 .8em;font-size:.95rem;line-height:1.45;color:var(--muted,#5a6472)}
.newsnag .nn-f{display:flex;gap:8px}
.newsnag .nn-f input[type=email]{flex:1;min-width:0}
@media (max-width:560px){.newsnag{left:10px;right:10px;bottom:10px;width:auto}}
@media (prefers-reduced-motion:reduce){.newsnag{transition:none}}
@media print{.newsnag{display:none!important}}