/* ============================================================================
   whatsnew.css — the "What's New" changelog / newsletter page.
   Real Atlas release history (dates from actual build artifacts). Atlas tokens.
============================================================================ */
#wn-hero{min-height:66vh;display:flex;flex-direction:column;justify-content:center;gap:18px;
  padding:130px var(--pad) 40px}
.wn-eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.wn-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}
#wn-hero h1{font-size:clamp(46px,9vw,118px);font-weight:500;letter-spacing:-.03em;line-height:.98}
.wn-sub{font-size:clamp(15px,1.9vw,20px);color:rgba(255,255,255,.6);max-width:46ch;line-height:1.5}
.wn-nowpill{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:8px;
  padding:9px 16px;border-radius:100px;border:1px solid rgba(91,124,250,.4);background:rgba(91,124,250,.1);
  font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:#c7d0ff}
.wn-nowpill b{color:#fff;font-weight:500}
.wn-nowpill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}

/* opaque so the changelog reads cleanly over the canvas hero behind #app */
#wn-log{background:var(--bg);padding:clamp(48px,9vh,120px) var(--pad)}
.wn-wrap{max-width:880px;margin:0 auto}
.wn-h2{font-size:clamp(26px,4vw,40px);font-weight:500;letter-spacing:-.02em;margin-bottom:8px}
.wn-note{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.4);
  margin-bottom:44px;max-width:60ch;line-height:1.6}
.wn-list{position:relative;padding-left:36px}
.wn-list::before{content:"";position:absolute;left:9px;top:8px;bottom:10px;width:2px;
  background:linear-gradient(180deg,rgba(91,124,250,.7),rgba(255,255,255,.06))}
.wn-item{position:relative;padding-bottom:36px}
.wn-item:last-child{padding-bottom:0}
.wn-item::before{content:"";position:absolute;left:-31px;top:5px;width:12px;height:12px;border-radius:50%;
  background:#11131a;border:2px solid rgba(255,255,255,.24)}
.wn-item.is-latest::before{border-color:var(--blue);background:var(--blue);
  box-shadow:0 0 0 5px rgba(91,124,250,.2),0 0 16px rgba(91,124,250,.7)}
.wn-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.wn-ver{font-family:var(--mono);font-size:13px;font-weight:500;color:#fff;letter-spacing:.02em}
.wn-date{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.04em}
.wn-date.approx{color:rgba(255,255,255,.36)}
.wn-latest-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#0b0d12;background:var(--green);padding:3px 8px;border-radius:5px;font-weight:700}
.wn-title{font-size:18px;font-weight:500;letter-spacing:-.01em;margin-bottom:4px;color:#eef1f6}
.wn-item.is-latest .wn-title{font-size:21px}
.wn-desc{font-size:14.5px;line-height:1.56;color:rgba(255,255,255,.6);max-width:62ch}
.wn-next{margin-top:30px;padding:16px 18px;border-radius:12px;border:1px dashed rgba(255,255,255,.16);
  font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:rgba(255,255,255,.5)}
.wn-next b{color:#c7d0ff;font-weight:500}

#wn-sub{background:var(--bg);padding:0 var(--pad) clamp(60px,10vh,120px);text-align:center}
.wn-sub-card{max-width:540px;margin:0 auto;padding:40px 34px;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.1)}
.wn-sub-card h3{font-size:24px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}
.wn-sub-card p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.56;margin-bottom:20px;max-width:42ch;margin-left:auto;margin-right:auto}
.wn-sub-card .nl-input{max-width:380px;margin:0 auto}
.wn-sub-fine{margin-top:15px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.35)}

@media (max-width:640px){ .wn-list{padding-left:30px} .wn-item::before{left:-27px} }