/* =========================================================
   Learning Rewired Lab — Newsletter (Learning, Rewired)
   /newsletter/ — page-specific styles
   ========================================================= */
:root{
  --ac:#2f6bff; --acd:#1e50d6; --acl:#8fb4ff;
  --acs:rgba(47,107,255,.08); --acln:rgba(47,107,255,.28);
  --acls:rgba(143,180,255,.14); --acll:rgba(143,180,255,.42);
}
html{scroll-behavior:smooth;}
::selection{background:rgba(47,107,255,.22);}

@keyframes nl-pulse{0%,100%{opacity:.4;}50%{opacity:1;}}
@keyframes nl-sheen{from{background-position:0% 50%;}to{background-position:200% 50%;}}
@keyframes nl-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

.nl-float{animation:nl-float 8s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){.nl-float{animation:none !important;}}

/* hover states */
.h-ghost:hover{border-color:var(--acl) !important;color:#fff !important;}
.h-link:hover{color:#07111f !important;}
.nl-li{transition:background .2s,box-shadow .2s;}
.nl-li:hover{background:#0a5cba !important;}
.nl-chip{transition:all .2s;}
.nl-chip:hover{border-color:var(--acln) !important;color:var(--acd) !important;}
.nl-card{transition:transform .2s,box-shadow .2s,border-color .2s;}
.nl-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.1) !important;border-color:var(--acln) !important;}
.nl-card:hover .nl-card-cta{gap:10px !important;}
.nl-fmt{transition:border-color .2s,background .2s;}
.nl-fmt:hover{border-color:var(--acln) !important;background:#fafbff !important;}

/* scroll reveal */
.nl-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.nl-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.nl-reveal{opacity:1 !important;transform:none !important;}}

/* responsive */
@media (max-width:980px){
  [data-r="hero"]{grid-template-columns:1fr !important;gap:44px !important;}
  [data-r="h1"]{font-size:46px !important;}
  [data-r="fmts"]{grid-template-columns:1fr !important;}
  [data-r="grid"]{grid-template-columns:1fr 1fr !important;}
  [data-r="how"]{grid-template-columns:1fr !important;gap:14px !important;}
}
@media (max-width:600px){
  [data-r="h1"]{font-size:37px !important;}
  [data-r="grid"]{grid-template-columns:1fr !important;}
  [data-r="sec-h"]{font-size:30px !important;}
  [data-r="proof"]{gap:14px !important;}
}