/* What's New archive: Ledger & Ink design, scoped to this page. */
.whats-new-page {
  --wn-paper: #f5f3ec;
  --wn-card: #fffefa;
  --wn-wash: #ece8de;
  --wn-ink: #17251f;
  --wn-copy: #43534a;
  --wn-muted: #596a60;
  --wn-rule: #d5d9cf;
  --wn-teal: #245946;
  --wn-copper: #8d4a2b;
  color: var(--wn-ink);
  background: var(--wn-paper);
  overflow-x: clip;
}
:root[data-theme="dark"] .whats-new-page {
  --wn-paper: #111c2c;
  --wn-card: #19283a;
  --wn-wash: #203248;
  --wn-ink: #f1eee5;
  --wn-copy: #d0d9d5;
  --wn-muted: #b5c3bf;
  --wn-rule: #3a4d5d;
  --wn-teal: #9ad1b5;
  --wn-copper: #e2a078;
  color-scheme: dark;
}
:root[data-theme="light"] .whats-new-page { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .whats-new-page {
    --wn-paper: #111c2c;
    --wn-card: #19283a;
    --wn-wash: #203248;
    --wn-ink: #f1eee5;
    --wn-copy: #d0d9d5;
    --wn-muted: #b5c3bf;
    --wn-rule: #3a4d5d;
    --wn-teal: #9ad1b5;
    --wn-copper: #e2a078;
    color-scheme: dark;
  }
}
.whats-new-page :focus-visible { outline: 3px solid var(--wn-teal); outline-offset: 3px; }
.whats-new-page .utility-bar { color: #e0e7f1; background: #0a1830; border: 0; }
.whats-new-page .utility-bar a { color: #fff; text-underline-offset: 3px; }
.whats-new-page .site-header { background: color-mix(in srgb,var(--wn-paper) 96%,transparent); }
.whats-new-page .site-header .brand-mark { display: none !important; }
.whats-new-page .site-header .brand-text { display: block !important; }
.whats-new-page .site-header .brand-text .b-name { color: var(--wn-ink) !important; font: 600 30px/1 var(--head); letter-spacing: -.035em; }
.whats-new-page .site-header .brand-text .b-name::after { content: "."; color: var(--wn-teal); }
.whats-new-page .site-header .brand-text .b-sub { display: none; }
.whats-new-page .primary-nav { background: #10213f; }
.whats-new-page .nav-inner { flex-wrap: nowrap; }
.whats-new-page .nav-inner a { color: #fff; }
.whats-new-page main { color: var(--wn-ink); background: var(--wn-paper); }
.whats-new-page .hero {
  padding: clamp(54px,8vw,88px) 0;
  color: #f6f3ec;
  background: #0a1830;
  border-bottom: 4px solid #79c8d0;
}
.whats-new-page .hero::before {
  background: radial-gradient(ellipse at 82% 18%,rgba(23,107,122,.32),transparent 42%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px);
}
.whats-new-page .hero .eyebrow {
  color: #b9e6e9;
  background: transparent;
  border: 1px solid rgba(185,230,233,.36);
  border-radius: 2px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.whats-new-page .hero h1 { max-width: 900px; color: #fff; font-size: clamp(38px,6vw,64px); line-height: 1.12; text-wrap: balance; }
.whats-new-page .hero h1 .accent { color: #b9e6e9; }
.whats-new-page .hero p.sub { max-width: 740px; color: #e0e6ef; font-size: 16px; line-height: 1.8; }
.whats-new-page .hero-cta { gap: 10px; }
.whats-new-page .archive-note {
  align-self: center;
  max-width: 330px;
  padding: 22px;
  color: #e0e6ef;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(185,230,233,.32);
  border-top: 3px solid #79c8d0;
}
.whats-new-page .archive-note p { margin: 0 0 12px; line-height: 1.7; }
.whats-new-page .archive-note-label { color: #b9e6e9; font: 500 11px/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.whats-new-page .archive-note a { color: #b9e6e9; font-weight: 700; text-underline-offset: 3px; }
.whats-new-page .updates-section { padding: clamp(28px,5vw,52px) 0; background: var(--wn-paper); border-bottom: 1px solid var(--wn-rule); }
.whats-new-page .updates-container { max-width: 920px; }
.whats-new-page .timeline-band {
  margin: 0 0 20px;
  padding: 16px 20px;
  color: var(--wn-copy);
  background: var(--wn-wash);
  border-left: 3px solid var(--wn-copper);
}
.whats-new-page .timeline-band p { margin: 0; font-size: 13px; line-height: 1.7; }
.whats-new-page .timeline-band strong { margin-right: 5px; color: var(--wn-ink); }
.whats-new-page .release {
  margin: 0 0 16px;
  padding: clamp(18px,3vw,26px);
  color: var(--wn-copy);
  background: var(--wn-card);
  border: 1px solid var(--wn-rule);
  border-top: 3px solid var(--wn-teal);
  border-radius: 2px;
  box-shadow: 0 8px 24px -22px rgba(16,33,63,.5);
  overflow-wrap: anywhere;
}
.whats-new-page .release-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; padding-bottom: 14px; margin-bottom: 15px; border-bottom: 1px solid var(--wn-rule); }
.whats-new-page .release-head h2 { margin: 0; color: var(--wn-ink); font: 600 clamp(19px,2.6vw,24px)/1.32 var(--head); }
.whats-new-page .release-head > div:last-child { flex: 0 0 auto; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.whats-new-page .release-tag { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; color: var(--wn-teal); background: var(--wn-wash); border: 1px solid var(--wn-rule); border-radius: 2px; font: 500 10px/1.4 var(--mono); letter-spacing: .03em; text-transform: uppercase; }
.whats-new-page .release-tag.major { color: var(--wn-copper); }
.whats-new-page .release-tag.tool { color: var(--wn-teal); }
.whats-new-page .release-tag.doc { color: #625a83; }
:root[data-theme="dark"] .whats-new-page .release-tag.doc { color: #c7bdf0; }
.whats-new-page .release-date { color: var(--wn-muted); font: 500 11px/1.5 var(--mono); }
.whats-new-page .release-body { color: var(--wn-copy); }
.whats-new-page .release-body p,.whats-new-page .release-body li { color: var(--wn-copy); font-size: 14px; line-height: 1.75; }
.whats-new-page .release-body p { margin: 0 0 12px; }
.whats-new-page .release-body ul { margin: 8px 0 12px; padding-left: 22px; }
.whats-new-page .release-body li { padding: 2px 0; }
.whats-new-page .release-body b,.whats-new-page .release-body strong { color: var(--wn-ink); }
.whats-new-page .release-body a,.whats-new-page .release-footer a { color: var(--wn-teal); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.whats-new-page .release-body a:hover,.whats-new-page .release-footer a:hover { color: var(--wn-copper); }
.whats-new-page .release code { padding: 1px 4px; color: var(--wn-ink); background: var(--wn-wash); border: 1px solid var(--wn-rule); overflow-wrap: anywhere; }
.whats-new-page .release-footer { margin-top: 14px; padding-top: 12px; color: var(--wn-muted); border-top: 1px dashed var(--wn-rule); font-size: 12px; line-height: 1.7; }
.whats-new-page .roadmap-contact { margin-top: 14px !important; }
.whats-new-page .cta-band { color: #fff; background: #0a1830; border-top: 4px solid #79c8d0; }
.whats-new-page .cta-band h2 { color: #fff; }
.whats-new-page .cta-band h2 .accent { color: #b9e6e9; }
.whats-new-page .cta-band p { color: #e0e6ef; line-height: 1.8; }
.whats-new-page footer { color: var(--wn-copy); background: var(--wn-paper); border-top: 1px solid var(--wn-rule); }
.whats-new-page footer a { color: var(--wn-teal); text-underline-offset: 3px; }
@media (max-width: 900px) {
  .whats-new-page .primary-nav { overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
  .whats-new-page .nav-inner { width: max-content; min-width: 100%; }
}
@media (max-width: 760px) {
  .whats-new-page .container { width: min(100% - 28px,620px); }
  .whats-new-page .header-inner { align-items: center; flex-wrap: wrap; padding-block: 12px; }
  .whats-new-page .hero-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .whats-new-page .archive-note { max-width: none; }
  .whats-new-page .release-head { flex-direction: column; }
  .whats-new-page .release-head > div:last-child { align-items: flex-start; }
}
@media (max-width: 520px) {
  .whats-new-page .container { width: calc(100% - 24px); }
  .whats-new-page .header-inner { gap: 10px; }
  .whats-new-page .header-cta { gap: 6px; }
  .whats-new-page .header-cta .btn { min-height: 44px; padding-inline: 9px; font-size: 12px; }
  .whats-new-page .utility-inner { align-items: flex-start; gap: 8px; }
  .whats-new-page .utility-right { display: flex; flex-wrap: wrap; gap: 4px 12px; }
  .whats-new-page .release { padding: 17px 15px; }
  .whats-new-page .release-head > div:last-child { gap: 6px; }
  .whats-new-page .timeline-band { padding: 14px; }
  .whats-new-page .cta-btns { align-items: stretch; }
  .whats-new-page .cta-btns .btn { width: 100%; }
}
@media (max-width: 360px) {
  .whats-new-page .container { width: calc(100% - 20px); }
  .whats-new-page .brand-text .b-name { font-size: 27px; }
  .whats-new-page .header-cta .btn { min-height: 44px; padding-inline: 7px; font-size: 11px; }
}