/* Newsletter invitation at the end of hand-designed news posts (server adds body.qnl and this file to
   /blog-posts/ pages whose <article> is .fm-news or .scn-story). Same box as qarticle.css, own theme tokens. */
body.qnl{--qn-card:#fff;--qn-line2:rgba(15,23,42,.15);--qn-tx:#0b1526;--qn-sub:#334155}
html.dark body.qnl{--qn-card:rgba(13,28,48,.62);--qn-line2:rgba(148,163,184,.26);--qn-tx:#e8eef7;--qn-sub:#c3cfdd}
body.qnl .qa-nl-box{display:flex;align-items:center;gap:18px;margin:48px 0 8px;padding:22px 24px;border-radius:22px;border:1px solid var(--qn-line2);text-align:left;
  background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(167,139,250,.08)),var(--qn-card)}
body.qnl .qa-nl-box[hidden]{display:none}
body.qnl .qa-nl-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#06121f;color:#67e8f9;font-size:21px}
body.qnl .qa-nl-box b{display:block;font-size:17px;line-height:1.35;color:var(--qn-tx)}
body.qnl .qa-nl-box p{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--qn-sub)}
body.qnl .qa-nl-btn{flex:none;margin-left:auto;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;
  background:linear-gradient(180deg,#5ee7f7,#22d3ee);color:#03202a!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 12px 30px -14px rgba(34,211,238,.8)}
@media(max-width:700px){body.qnl .qa-nl-box{flex-direction:column;align-items:flex-start}body.qnl .qa-nl-btn{margin-left:0}}