/* WHAT'S NEW PAGE — activity-feed hierarchy. Print stays owned by styles.css. */
@media screen {
  .whats-new-page main.wrap{max-width:1080px}
  .whats-new-page .page-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "kicker action"
      "title action"
      "copy action";
    align-items:end;
    gap:7px 24px;
    padding:clamp(34px,5vw,54px) 0 24px;
    border-bottom:0
  }
  .whats-new-page .page-head .sec-kicker{grid-area:kicker;margin:0 0 5px}
  .whats-new-page .page-head h1{
    grid-area:title;
    max-width:820px;
    margin:0;
    font-size:clamp(2.9rem,6.6vw,5.2rem);
    line-height:.94;
    letter-spacing:-.045em
  }
  .whats-new-page .page-head>p:first-of-type{
    grid-area:copy;
    max-width:720px;
    margin:8px 0 0;
    color:var(--muted);
    font-size:clamp(.94rem,1.25vw,1.03rem);
    line-height:1.65
  }
  .whats-new-page .page-head>p:last-child{
    grid-area:action;
    align-self:end;
    margin:0 0 4px
  }
  .whats-new-page .page-head>p:last-child .btn{
    min-height:42px;
    border-color:rgba(130,255,255,.16);
    background:rgba(130,255,255,.055)
  }

  .whats-new-page main>.section{margin-top:16px}
  .whats-new-page .fx-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:54px;
    margin-bottom:14px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.004)),
      rgba(9,11,17,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.025)
  }
  .whats-new-page .week-recap{min-width:0}
  .whats-new-page .wr-label{
    display:block;
    margin-bottom:3px;
    color:#b8e8e8;
    font-size:.7rem;
    letter-spacing:.15em
  }
  .whats-new-page .wr-stats{display:flex;flex-wrap:wrap;gap:7px 14px}
  .whats-new-page .feed-checked{
    flex:none;
    color:#adbec4;
    font-size:.72rem;
    letter-spacing:.11em
  }

  .whats-new-page .feed-filters{
    display:flex;
    gap:7px;
    margin:0 0 18px;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none
  }
  .whats-new-page .feed-filters::-webkit-scrollbar{display:none}
  .whats-new-page .feed-filters .ff{
    flex:0 0 auto;
    min-height:36px;
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.02)
  }
  .whats-new-page .feed-filters .ff.is-on{
    border-color:rgba(130,255,255,.22);
    background:rgba(130,255,255,.09);
    color:#deffff
  }

  .whats-new-page .feed-day{
    display:flex;
    align-items:center;
    gap:10px;
    margin:28px 0 10px;
    color:#a0d7d9;
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.16em
  }
  .whats-new-page .feed-day:first-child{margin-top:0}
  .whats-new-page .feed-day::after{
    content:"";
    height:1px;
    flex:1;
    background:linear-gradient(90deg,rgba(130,255,255,.17),transparent)
  }

  .whats-new-page .feed-item{
    position:relative;
    overflow:hidden;
    border-color:rgba(255,255,255,.075);
    border-radius:16px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.005)),
      rgba(9,11,17,.78);
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 44px -40px #000;
    transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)
  }
  .whats-new-page .feed-item::before{
    content:"";
    position:absolute;
    inset:12px auto 12px 0;
    width:2px;
    border-radius:2px;
    background:#82ffff;
    opacity:.45
  }
  .whats-new-page .feed-item.fx-yt::before{background:#ff6868}
  .whats-new-page .feed-item.fx-tw::before{background:#a970ff}
  .whats-new-page .feed-item:hover{
    transform:translateY(-1px);
    border-color:rgba(130,255,255,.16);
    background:
      linear-gradient(180deg,rgba(130,255,255,.025),rgba(255,255,255,.005)),
      rgba(10,12,18,.82)
  }
  .whats-new-page .feed-item.is-hero{
    border-color:rgba(130,255,255,.18);
    background:
      radial-gradient(circle at 0 0,rgba(130,255,255,.09),transparent 34%),
      linear-gradient(145deg,rgba(15,19,30,.95),rgba(8,10,16,.94))
  }
  .whats-new-page .feed-tag{
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.025)
  }
  .whats-new-page .feed-body .t{
    color:#edf1f8;
    font-weight:820;
    letter-spacing:-.015em
  }
  .whats-new-page .feed-body .d{
    color:#b2c2c8;
    line-height:1.55
  }
  .whats-new-page .feed-body a{color:#abffff;font-weight:760}
  .whats-new-page .notice-card{
    border-color:rgba(255,84,104,.18);
    background:rgba(255,84,104,.045)
  }
}
@media screen and (max-width:760px){
  .whats-new-page .page-head{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"kicker" "title" "copy" "action";
    gap:7px;
    padding-top:28px
  }
  .whats-new-page .page-head>p:last-child{margin-top:10px}
  .whats-new-page .fx-topbar{
    align-items:flex-start;
    flex-direction:column;
    gap:7px
  }
  .whats-new-page .feed-checked{align-self:flex-start}
}
@media screen and (prefers-reduced-motion:reduce){
  .whats-new-page .feed-item{transition:none}
  .whats-new-page .feed-item:hover{transform:none}
}
/* deployment-fingerprint: progressive-feed-v1 */