/*!* FastNaija — Newsletter (in-content form+popup) * No shadows,no gradients. Every colour is var(--sk-*),same tokens * used by the archive sidebar newsletter card in smart-feed.css,so * this automatically follows the Colors & Fonts settings. * ----------------------------------------------------------------- */ .fn-nl{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface-sunken);padding:1.4rem 1.4rem 1.5rem;margin:1.75rem 0;text-align:center}.fn-nl-head{margin:0 0 1rem}.fn-nl-heading{display:block;font-size:1.15rem;font-weight:800;color:var(--sk-text);font-family:var(--title-font,inherit);margin:0 0 .4rem}.fn-nl-text{display:block;font-size:.88rem;color:var(--sk-muted);line-height:1.5;margin:0;max-width:460px;margin-inline:auto}.fn-nl-form{display:flex;gap:.6rem;max-width:420px;margin:1.1rem auto 0}.fn-nl-input{flex:1 1 auto;min-width:0;border:1px solid var(--sk-line-strong);border-radius:var(--sk-r-control);background:var(--sk-body-bg);color:var(--sk-text);padding:.75rem .9rem;font-size:.9rem;outline:none}.fn-nl-input:focus{border-color:var(--sk-primary)}.fn-nl-btn{flex:0 0 auto;border:none;border-radius:var(--sk-r-control);background:var(--sk-primary);color:var(--sk-body-bg);padding:.75rem 1.3rem;font-size:.88rem;font-weight:700;cursor:pointer;transition:background var(--sk-fast)}.fn-nl-btn:hover{background:var(--sk-primary-strong)}.fn-nl-btn:disabled{opacity:.6;cursor:default}.fn-nl-msg{display:block;font-size:.8rem;color:var(--sk-muted);margin:.7rem 0 0;min-height:1em}.fn-nl-msg.is-error{color:var(--sk-primary)}.fn-nl-widget{margin:0}@media (max-width:480px){.fn-nl-form{flex-direction:column}}.fn-nl-popup-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--sk-text) 55%,transparent);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:99999;opacity:0;visibility:hidden;transition:opacity var(--sk-fast)}.fn-nl-popup-overlay.is-open{opacity:1;visibility:visible}.fn-nl-popup-box{position:relative;width:100%;max-width:440px;background:var(--sk-body-bg);border:1px solid var(--sk-line);border-radius:14px;transform:translateY(10px);transition:transform var(--sk-fast)}.fn-nl-popup-overlay.is-open .fn-nl-popup-box{transform:translateY(0)}.fn-nl-popup-box .fn-nl{border:none;background:transparent;margin:0;padding:2rem 1.6rem 1.8rem}.fn-nl-popup-close{position:absolute;top:.6rem;right:.6rem;width:32px;height:32px;border:none;border-radius:50%;background:var(--sk-surface-sunken);color:var(--sk-text);font-size:1.3rem;line-height:1;cursor:pointer}.fn-nl-popup-close:hover{background:var(--sk-line)}