body.cm-hub-whats-new {
  --wn-ink: #0f1714;
  --wn-muted: #60706a;
  --wn-rule: rgba(15, 23, 20, .14);
  --wn-brand: #0b695e;
  --wn-dark: #173a35;
}

html body.cm-hub-whats-new > main#main-content { width: 100vw !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: clip; background: #fff; }
body.cm-hub-whats-new .wn-main *, body.cm-hub-whats-new .wn-main *::before, body.cm-hub-whats-new .wn-main *::after { box-sizing: border-box; }

body.cm-hub-whats-new .wn-hero {
  width: 100vw !important; max-width: none !important; min-height: 100svh; margin: 0 !important;
  padding: 0 var(--hub-gutter) !important;
  border-bottom: 1px solid var(--wn-rule);
  background: radial-gradient(circle at 82% 18%, rgba(112,191,179,.22), transparent 31%), linear-gradient(rgba(15,23,20,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,20,.045) 1px, transparent 1px), linear-gradient(135deg, #f7f9f5, #e4efeb);
  background-size: auto, 48px 48px, 48px 48px, auto; display: block;
}
.wn-hero-inner { width: min(100%, 1216px); min-height: 100svh; margin: 0 auto; padding: clamp(118px, 14vh, 150px) 0 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.cm-hub-whats-new .wn-hero-copy { width: min(100%, 920px); max-width: 920px; margin: auto auto 0; padding: 0; align-items: center; text-align: center; }
body.cm-hub-whats-new .wn-hero .dt-page-hero__kicker { margin: 0 0 20px; color: var(--wn-brand); font: 700 10px/1.25 Manrope,sans-serif; letter-spacing: .14em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px; }
body.cm-hub-whats-new .wn-hero .dt-page-hero__kicker::before { content: ""; width: 28px; height: 1px; background: currentColor; }
body.cm-hub-whats-new .wn-hero h1, body.cm-hub-whats-new .wn-milestone h2, body.cm-hub-whats-new .wn-archive-head h2, body.cm-hub-whats-new .wn-close h2 { font-family: "DM Serif Display",Georgia,serif; font-weight: 400; letter-spacing: -.045em; }
body.cm-hub-whats-new .wn-hero h1 { max-width: 900px !important; margin: 0 auto; color: var(--wn-ink); font-size: clamp(54px,5.6vw,82px) !important; line-height: .98; text-align: center; text-wrap: balance; }
body.cm-hub-whats-new .wn-hero h1 em { font-style: italic; font-weight: 400; }
body.cm-hub-whats-new .wn-hero-copy > p { max-width: 680px; margin: 26px auto 0; color: var(--wn-ink); font-size: clamp(15px,1.2vw,17px); line-height: 1.62; text-align: center; }

body.cm-hub-whats-new .wn-hero-meta { width: min(100%,520px); margin: 34px auto 0; padding: 18px 0 0; border-top: 1px solid var(--wn-rule); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
body.cm-hub-whats-new .wn-hero-meta > div { padding: 0 24px; text-align: center; }
body.cm-hub-whats-new .wn-hero-meta > div + div { border-left: 1px solid var(--wn-rule); }
body.cm-hub-whats-new .wn-hero-meta dt { color: var(--wn-brand); font: 700 9px/1.2 Manrope,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
body.cm-hub-whats-new .wn-hero-meta dd { margin: 7px 0 0; color: var(--wn-ink); font-size: 14px; line-height: 1.35; }

body.cm-hub-whats-new .wn-index { width: 100%; max-width: none; margin: auto 0 0; border: 1px solid var(--wn-rule); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.66); backdrop-filter: blur(10px); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
body.cm-hub-whats-new .wn-index a { min-height: 78px; padding: 18px 20px; border-right: 1px solid var(--wn-rule); color: inherit; text-decoration: none; transition: background .18s ease,color .18s ease; }
body.cm-hub-whats-new .wn-index a:last-child { border-right: 0; }
body.cm-hub-whats-new .wn-index a:hover, body.cm-hub-whats-new .wn-index a:focus-visible { background: rgba(255,255,255,.88); color: var(--wn-brand); }
body.cm-hub-whats-new .wn-index a:focus-visible { outline: 2px solid var(--wn-brand); outline-offset: -3px; }
body.cm-hub-whats-new .wn-index small { display: block; margin-bottom: 8px; color: var(--wn-brand); font: 700 8px/1.2 Manrope,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
body.cm-hub-whats-new .wn-index strong { color: var(--wn-ink); font-size: 13px; font-weight: 400; line-height: 1.3; }

body.cm-hub-whats-new .wn-timeline { width: 100%; max-width: 1290px; margin: 0 auto; padding: 36px var(--hub-gutter) 108px; }
body.cm-hub-whats-new .wn-milestone { padding: 76px 0 88px; border-top: 1px solid var(--wn-rule); display: grid; grid-template-columns: 178px minmax(0,1fr); gap: clamp(40px,6vw,92px); scroll-margin-top: 86px; }
body.cm-hub-whats-new .wn-milestone:first-child { border-top: 0; }
body.cm-hub-whats-new .wn-stamp { position: sticky; top: 96px; align-self: start; }
body.cm-hub-whats-new .wn-stamp span { display: block; color: var(--wn-brand); font: 700 9px/1.2 Manrope,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
body.cm-hub-whats-new .wn-stamp strong { display: block; margin: 13px 0 12px; color: var(--wn-ink); font: 400 clamp(26px,2.7vw,40px)/1 "DM Sans",sans-serif; letter-spacing: -.035em; }
body.cm-hub-whats-new .wn-stamp small { color: var(--wn-muted); font-size: 11px; line-height: 1.5; }
body.cm-hub-whats-new .wn-milestone-latest .wn-stamp span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--wn-brand); box-shadow: 0 0 0 5px rgba(11,105,94,.1); }
body.cm-hub-whats-new .wn-milestone-head { margin-bottom: 42px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(250px,.65fr); gap: clamp(32px,5vw,70px); align-items: end; }
body.cm-hub-whats-new .wn-milestone h2 { max-width: 680px; margin: 0; color: var(--wn-ink); font-size: clamp(42px,4.5vw,62px); line-height: 1; text-wrap: balance; }
body.cm-hub-whats-new .wn-milestone-head > p { margin: 0 0 4px; color: var(--wn-muted); font-size: 14px; line-height: 1.7; }

body.cm-hub-whats-new .wn-release-grid { border-top: 1px solid var(--wn-rule); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
body.cm-hub-whats-new .wn-release { min-height: 230px; padding: 30px 32px 34px 0; border-bottom: 1px solid var(--wn-rule); }
body.cm-hub-whats-new .wn-release:nth-child(odd) { padding-right: 42px; border-right: 1px solid var(--wn-rule); }
body.cm-hub-whats-new .wn-release:nth-child(even) { padding-left: 42px; }
body.cm-hub-whats-new .wn-release-num { margin-bottom: 34px; color: var(--wn-brand); font: 700 8px/1.2 Manrope,sans-serif; letter-spacing: .12em; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; }
body.cm-hub-whats-new .wn-release-num i { width: 6px; height: 6px; border-radius: 50%; background: var(--wn-brand); }
body.cm-hub-whats-new .wn-release h3 { margin: 0 0 12px; color: var(--wn-ink); font: 400 19px/1.28 "DM Sans",sans-serif; letter-spacing: -.02em; }
body.cm-hub-whats-new .wn-release p { margin: 0; color: var(--wn-muted); font-size: 13px; line-height: 1.66; }

body.cm-hub-whats-new .wn-archive { padding: 96px var(--hub-gutter) 108px; background: var(--wn-dark); color: #fff; box-shadow: 0 0 0 100vmax var(--wn-dark); clip-path: inset(0 -100vmax); scroll-margin-top: 68px; }
body.cm-hub-whats-new .wn-archive-inner { max-width: 1216px; margin: 0 auto; }
body.cm-hub-whats-new .wn-archive .cm-rd-eyebrow { color: #a8d8ce; }
body.cm-hub-whats-new .wn-archive-head { margin-bottom: 52px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; }
body.cm-hub-whats-new .wn-archive-head h2 { margin: 0; color: #fff; font-size: clamp(42px,4.6vw,64px); line-height: 1; }
body.cm-hub-whats-new .wn-archive-head p { max-width: 530px; margin: 0; color: #b6c8c3; font-size: 14px; line-height: 1.7; }
body.cm-hub-whats-new .wn-archive-grid { border-top: 1px solid rgba(255,255,255,.18); display: grid; grid-template-columns: repeat(2,1fr); }
body.cm-hub-whats-new .wn-archive-card { min-height: 330px; padding: 32px 42px 38px 0; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
body.cm-hub-whats-new .wn-archive-card:nth-child(even) { padding-inline: 42px 0; border-right: 0; }
body.cm-hub-whats-new .wn-archive-card span { color: #a8d8ce; font: 700 9px/1 Manrope,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
body.cm-hub-whats-new .wn-archive-card h3 { margin: 42px 0 14px; color: #fff; font: 400 22px/1.25 "DM Sans",sans-serif; letter-spacing: -.025em; }
body.cm-hub-whats-new .wn-archive-card p { margin: 0 0 22px; color: #b6c8c3; font-size: 14px; line-height: 1.68; }
body.cm-hub-whats-new .wn-archive-card ul { margin: 0; padding: 0; list-style: none; }
body.cm-hub-whats-new .wn-archive-card li { position: relative; margin-top: 10px; padding-left: 17px; color: #9eb1ac; font-size: 12px; line-height: 1.55; }
body.cm-hub-whats-new .wn-archive-card li::before { content: ""; position: absolute; top: .58em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #a8d8ce; }
body.cm-hub-whats-new .wn-close { width: 100%; max-width: none; margin: 0; }

@media (max-width: 980px) {
  .wn-hero-inner { min-height: 100svh; }
  body.cm-hub-whats-new .wn-index { grid-template-columns: repeat(3,1fr); }
  body.cm-hub-whats-new .wn-index a:nth-child(3) { border-right: 0; }
  body.cm-hub-whats-new .wn-index a:nth-child(-n + 3) { border-bottom: 1px solid var(--wn-rule); }
  body.cm-hub-whats-new .wn-milestone { grid-template-columns: 1fr; }
  body.cm-hub-whats-new .wn-stamp { position: static; display: grid; grid-template-columns: auto 1fr; gap: 0 20px; align-items: end; }
  body.cm-hub-whats-new .wn-stamp strong { margin-bottom: 0; }
  body.cm-hub-whats-new .wn-stamp small { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  body.cm-hub-whats-new .wn-milestone-head { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  body.cm-hub-whats-new .wn-hero { padding: 0 20px !important; background-size: auto,32px 32px,32px 32px,auto; }
  .wn-hero-inner { width: calc(100vw - 40px); min-height: 100svh; margin-inline: 0; padding: 110px 0 24px; align-items: stretch; }
  body.cm-hub-whats-new .wn-hero-copy { width: 100%; margin-top: 0; }
  body.cm-hub-whats-new .wn-hero h1 { max-width: 330px !important; font-size: clamp(40px,11.5vw,50px) !important; }
  body.cm-hub-whats-new .wn-hero-copy > p { max-width: 340px; margin-top: 22px; font-size: 15px; }
  body.cm-hub-whats-new .wn-hero-meta { margin-top: 28px; padding-top: 16px; }
  body.cm-hub-whats-new .wn-hero-meta > div { padding-inline: 12px; }
  body.cm-hub-whats-new .wn-index { margin-top: 42px; grid-template-columns: repeat(2,1fr); border-radius: 12px; }
  body.cm-hub-whats-new .wn-index a, body.cm-hub-whats-new .wn-index a:nth-child(3) { min-height: 70px; padding: 16px 14px; border-right: 1px solid var(--wn-rule); border-bottom: 1px solid var(--wn-rule); }
  body.cm-hub-whats-new .wn-index a:nth-child(even) { border-right: 0; }
  body.cm-hub-whats-new .wn-index a:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  body.cm-hub-whats-new .wn-timeline { padding: 18px 20px 72px; }
  body.cm-hub-whats-new .wn-milestone { padding: 58px 0 68px; gap: 34px; }
  body.cm-hub-whats-new .wn-milestone h2 { font-size: 40px; }
  body.cm-hub-whats-new .wn-release-grid { grid-template-columns: 1fr; }
  body.cm-hub-whats-new .wn-release, body.cm-hub-whats-new .wn-release:nth-child(odd), body.cm-hub-whats-new .wn-release:nth-child(even) { min-height: 0; padding: 26px 0 30px; border-right: 0; }
  body.cm-hub-whats-new .wn-release-num { margin-bottom: 24px; }
  body.cm-hub-whats-new .wn-archive { padding: 76px 20px 84px; }
  body.cm-hub-whats-new .wn-archive-head, body.cm-hub-whats-new .wn-archive-grid { grid-template-columns: 1fr; }
  body.cm-hub-whats-new .wn-archive-card, body.cm-hub-whats-new .wn-archive-card:nth-child(even) { min-height: 0; padding: 28px 0 32px; border-right: 0; }
  body.cm-hub-whats-new .wn-archive-card:last-child { border-bottom: 0; }
  body.cm-hub-whats-new .wn-archive-card h3 { margin-top: 30px; }
}

@media (prefers-reduced-motion: reduce) { body.cm-hub-whats-new .wn-index a { transition: none; } }