.page-news{
  --news-gold:#F5B301;
  --news-neon:#39FF14;
  --news-wine:#722F37;
  --news-violet:#4C1D95;
  --news-teal:#0F4C5C;
  --news-ink:#0A1128;
  --news-coal:#111827;
  --news-text:#E5E7EB;
  --news-muted:#9CA3AF;
  --news-line:rgba(245,179,1,.4);
  position:relative;
  padding:28px 20px 88px;
  overflow:clip;
  color:var(--color-text);
  background:
    linear-gradient(115deg,transparent 0 76%,rgba(114,47,55,.14) 76% 100%),
    var(--color-ink);
}
.page-news .breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin:0 0 1.5rem;
  padding:0 0 .75rem;
  border-bottom:1px solid var(--color-line);
  font-size:.8125rem;
  color:var(--color-muted);
}
.page-news .breadcrumbs__item a{
  color:var(--color-gold);
  text-decoration:none;
}
.page-news .breadcrumbs__item a:hover{
  text-decoration:underline;
}
.page-news .breadcrumbs__sep{
  color:var(--color-line);
}
.page-news .news-hero{
  margin-bottom:2.5rem;
}
.page-news .news-hero__frame{
  position:relative;
  padding:clamp(1.25rem,4vw,2.5rem);
  border:1px solid var(--color-line);
  background:
    linear-gradient(135deg,rgba(245,179,1,.06) 0,transparent 36%),
    var(--color-coal);
  box-shadow:0 0 0 4px var(--color-ink);
}
.page-news .news-hero__frame::before,
.page-news .news-hero__frame::after{
  content:'';
  position:absolute;
  width:48px;
  height:48px;
  pointer-events:none;
  border:2px solid var(--color-gold);
}
.page-news .news-hero__frame::before{
  top:-1px;
  left:-1px;
  border-width:2px 0 0 2px;
}
.page-news .news-hero__frame::after{
  bottom:-1px;
  right:-1px;
  border-width:0 2px 2px 0;
}
.page-news .news-hero__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.75rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--color-line);
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--color-muted);
  text-transform:uppercase;
}
.page-news .news-hero__index{
  font-family:var(--font-display);
  font-weight:600;
  color:var(--color-gold);
}
.page-news .news-hero__live{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--color-neon);
}
.page-news .news-hero__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--color-neon);
}
.page-news .news-hero__intro{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
.page-news .news-hero__title{
  margin:0 0 1rem;
  font-family:var(--font-display);
  font-size:clamp(2.5rem,7vw,4rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:.01em;
  text-transform:uppercase;
  max-width:13ch;
  color:var(--color-text);
}
.page-news .news-hero__lead{
  margin:0 0 .875rem;
  font-size:1.0625rem;
  line-height:1.75;
  color:var(--color-text);
  max-width:48ch;
}
.page-news .news-hero__sub{
  margin:0 0 1.25rem;
  color:var(--color-muted);
  font-size:.875rem;
  letter-spacing:.04em;
}
.page-news .news-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.625rem;
}
.page-news .news-hero__visual{
  margin:0;
  padding:8px;
  border:1px solid var(--color-line);
  background:var(--color-ink);
}
.page-news .news-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  max-width:800px;
  margin-inline:auto;
}
.page-news .news-hero__caption{
  margin-top:.625rem;
  font-size:.75rem;
  letter-spacing:.12em;
  color:var(--color-muted);
  text-transform:uppercase;
}
.page-news .news-hero__stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.75rem 1rem;
  margin:1.75rem 0 0;
  padding:1.25rem 0 0;
  border-top:1px solid var(--color-line);
}
.page-news .news-hero__stat{
  position:relative;
  padding:.25rem 0 .25rem 1rem;
  border-left:2px solid var(--color-gold);
}
.page-news .news-hero__stat dt{
  margin:0 0 .25rem;
  font-size:.75rem;
  color:var(--color-muted);
  letter-spacing:.06em;
}
.page-news .news-hero__stat dd{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.75rem,4vw,2.5rem);
  font-weight:700;
  color:var(--color-text);
}
.page-news .journal-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(2.5rem,6vw,4rem);
}
.page-news .journal-head{
  position:relative;
  margin-bottom:1.75rem;
  padding-top:1.25rem;
  border-top:2px solid var(--color-line);
}
.page-news .journal-head::before{
  content:'';
  position:absolute;
  top:-2px;
  left:0;
  width:72px;
  height:2px;
  background:var(--color-gold);
}
.page-news .journal-head .section__index{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--color-gold);
}
.page-news .journal-head .section__title{
  margin:0 0 .75rem;
  font-family:var(--font-display);
  font-size:clamp(1.75rem,4vw,2.75rem);
  font-weight:700;
  line-height:1.1;
  letter-spacing:.02em;
  color:var(--color-text);
}
.page-news .journal-head .section__lead{
  margin:0;
  max-width:68ch;
  color:var(--color-muted);
  font-size:1rem;
  line-height:1.7;
}
.page-news .journal-timeline{
  margin-bottom:2rem;
}
.page-news .journal-timeline__body{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
.page-news .journal-timeline__rail{
  display:flex;
  flex-wrap:wrap;
  gap:.625rem;
}
.page-news .journal-timeline__year{
  display:inline-flex;
  align-items:baseline;
  gap:.25rem;
  padding:.5rem .875rem;
  background:var(--color-coal);
  border:1px solid var(--color-line);
  color:var(--color-text);
  text-decoration:none;
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:600;
  letter-spacing:.06em;
  transition:border-color .15s ease,color .15s ease;
}
.page-news .journal-timeline__year:hover{
  border-color:var(--color-gold);
  color:var(--color-gold);
}
.page-news .journal-timeline__year span{
  color:var(--color-gold);
}
.page-news .journal-timeline__year small{
  color:var(--color-muted);
  font-size:.75rem;
}
.page-news .journal-timeline__stream{
  position:relative;
  margin-left:.25rem;
  padding-left:1.25rem;
  border-left:1px solid var(--color-line);
}
.page-news .timeline-item{
  position:relative;
  margin-bottom:1.5rem;
  padding:0 0 1.5rem;
  border-bottom:1px solid rgba(245,179,1,.16);
}
.page-news .timeline-item:last-of-type{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}
.page-news .timeline-item__diamond{
  position:absolute;
  top:1rem;
  left:calc(-1.25rem - 7px);
  width:14px;
  height:14px;
  background:var(--color-gold);
  border:2px solid var(--color-ink);
  transform:rotate(45deg);
}
.page-news .timeline-item__card{
  position:relative;
  padding:clamp(1rem,3vw,1.5rem);
  background:var(--color-coal);
  border:1px solid var(--color-line);
  transition:border-color .18s ease,transform .18s ease;
}
.page-news .timeline-item__card:hover{
  transform:translateY(-2px);
  border-color:var(--color-gold);
}
.page-news .timeline-item__card::before{
  content:'';
  position:absolute;
  top:-1px;
  left:0;
  width:38%;
  height:2px;
  background:var(--color-gold);
}
.page-news .timeline-item__card-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1rem;
  margin-bottom:.875rem;
}
.page-news .timeline-item__version{
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--color-gold);
}
.page-news .timeline-item__title{
  margin:0 0 .625rem;
  font-family:var(--font-display);
  font-size:clamp(1.25rem,3vw,1.75rem);
  font-weight:700;
  letter-spacing:.02em;
  color:var(--color-text);
}
.page-news .timeline-item__desc{
  margin:0 0 1rem;
  max-width:66ch;
  color:var(--color-muted);
  font-size:.9375rem;
  line-height:1.7;
}
.page-news .timeline-item__toggle{
  display:inline-flex;
  align-items:center;
  gap:.625rem;
  padding:.5rem .75rem;
  background:var(--color-ink);
  border:1px solid var(--color-line);
  color:var(--color-gold);
  font:600 .875rem/1.3 var(--font-body);
  cursor:pointer;
  transition:border-color .15s ease;
}
.page-news .timeline-item__toggle:hover{
  border-color:var(--color-gold);
}
.page-news .timeline-item__toggle span{
  display:inline-block;
  transition:transform .15s ease;
}
.page-news .timeline-item__toggle[aria-expanded="true"] span{
  transform:rotate(45deg);
}
.page-news .timeline-item__panel[hidden]{
  display:none;
}
.page-news .timeline-item__panel{
  margin-top:1rem;
}
.page-news .timeline-item__list{
  display:grid;
  gap:.625rem;
  margin:0;
  padding-left:1.25rem;
  color:var(--color-text);
  font-size:.9375rem;
  line-height:1.65;
}
.page-news .timeline-item__list li::marker{
  color:var(--color-gold);
}
.page-news .journal-coverage{
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin:2rem 0 0;
  padding:clamp(1rem,3vw,1.5rem);
  border:1px solid var(--color-line);
  background:
    linear-gradient(135deg,rgba(76,29,149,.4),rgba(15,76,92,.4)),
    var(--color-coal);
}
.page-news .journal-coverage img{
  display:block;
  width:100%;
  height:auto;
}
.page-news .journal-coverage figcaption{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.5rem 1rem;
}
.page-news .journal-coverage__title{
  font-family:var(--font-display);
  font-size:1.125rem;
  color:var(--color-gold);
}
.page-news .journal-coverage__sub{
  color:var(--color-text);
  font-size:.875rem;
  letter-spacing:.06em;
}
.page-news .news-filter{
  margin-bottom:2rem;
}
.page-news .news-filter .journal-head{
  margin-bottom:1.25rem;
}
.page-news .news-filter__bar{
  display:flex;
  flex-wrap:wrap;
  gap:.625rem;
  padding:.875rem;
  background:var(--color-coal);
  border:1px solid var(--color-line);
}
.page-news .news-filter__pill{
  display:inline-flex;
  padding:.5rem 1rem;
  background:var(--color-ink);
  border:1px solid var(--color-line);
  color:var(--color-text);
  font:600 .875rem/1.4 var(--font-body);
  text-decoration:none;
  border-radius:999px;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.page-news .news-filter__pill:hover,
.page-news .news-filter__pill:focus-visible{
  border-color:var(--color-gold);
  color:var(--color-gold);
}
.page-news .news-filter__pill.is-active{
  background:var(--color-gold);
  border-color:var(--color-gold);
  color:var(--color-ink);
  font-weight:700;
}
.page-news .news-filter__hint{
  margin:.75rem 0 0;
  font-size:.8125rem;
  color:var(--color-muted);
}
.page-news .latest-notes{
  margin-bottom:2rem;
}
.page-news .news-cat-group{
  margin-bottom:2.25rem;
  scroll-margin-top:1.5rem;
}
.page-news .news-cat-group__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.25rem .75rem;
  margin:0 0 1.25rem;
  padding-left:.875rem;
  border-left:4px solid var(--color-gold);
}
.page-news .news-cat-group__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.375rem;
  line-height:1.2;
  color:var(--color-text);
}
.page-news .news-cat-group__note{
  color:var(--color-muted);
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-news .news-bento{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
.page-news .news-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:clamp(1.125rem,3vw,1.5rem);
  background:var(--color-coal);
  border:1px solid var(--color-line);
  border-top-color:var(--color-teal);
  transition:transform .18s ease,border-color .18s ease;
}
.page-news .news-card:hover{
  transform:translateY(-3px);
  border-color:var(--color-gold);
}
.page-news #cat-version .news-card{
  border-top-color:var(--news-wine);
}
.page-news #cat-preview .news-card{
  border-top-color:var(--news-violet);
}
.page-news #cat-data .news-card{
  border-top-color:var(--news-teal);
}
.page-news .news-card__body{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.page-news .news-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.25rem;
  line-height:1.3;
  letter-spacing:.01em;
  color:var(--color-text);
}
.page-news .news-card__desc{
  margin:0;
  color:var(--color-muted);
  font-size:.9375rem;
  line-height:1.7;
}
.page-news .news-card__meta{
  margin:auto 0 0;
  color:var(--color-muted);
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-news .news-card__img{
  display:block;
  width:100%;
  height:auto;
  max-width:480px;
  border:1px solid var(--color-line);
}
.page-news .news-card__img--wide{
  max-width:640px;
}
.page-news .tag{
  padding:.375rem .625rem;
  font-size:.75rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:rgba(245,179,1,.08);
  border:1px solid rgba(245,179,1,.35);
  color:var(--color-text);
}
.page-news .tag--gold{
  background:var(--color-gold);
  border-color:var(--color-gold);
  color:var(--color-ink);
}
.page-news .tag--neon{
  background:rgba(57,255,20,.1);
  border-color:rgba(57,255,20,.6);
  color:var(--color-neon);
}
.page-news .journal-outro{
  margin-bottom:4rem;
}
.page-news .journal-outro__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  margin:1.75rem 0 2rem;
}
.page-news .journal-outro__card{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:clamp(1.125rem,3vw,1.5rem);
  text-decoration:none;
  color:var(--color-text);
  background:var(--color-coal);
  border:1px solid var(--color-line);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.page-news .journal-outro__card:hover{
  transform:translateY(-3px);
  border-color:var(--color-gold);
  background:#151B2A;
}
.page-news .journal-outro__num{
  font-family:var(--font-display);
  font-size:1.5rem;
  font-weight:700;
  color:var(--color-gold);
}
.page-news .journal-outro__label{
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
}
.page-news .journal-outro__desc{
  color:var(--color-muted);
  font-size:.875rem;
  line-height:1.6;
}
.page-news .page-back-top{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:2rem;
  padding:.625rem 1rem;
  background:var(--color-ink);
  border:1px solid var(--color-line);
  color:var(--color-gold);
  text-decoration:none;
  font-size:.875rem;
}
.page-news .page-back-top:hover{
  border-color:var(--color-gold);
}

@media (min-width:640px){
  .page-news{
    padding:32px clamp(24px,5vw,56px) 96px;
  }
  .page-news .news-hero__intro{
    grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);
    align-items:center;
  }
  .page-news .news-hero__stats{
    grid-template-columns:repeat(4,1fr);
  }
  .page-news .journal-timeline__body{
    grid-template-columns:120px minmax(0,1fr);
    gap:1.5rem;
  }
  .page-news .journal-timeline__rail{
    flex-direction:column;
    align-items:stretch;
  }
  .page-news .news-bento{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-news .news-card--wide,
  .page-news .news-card--feature{
    grid-column:1 / -1;
  }
  .page-news .news-card--feature{
    flex-direction:row;
    align-items:center;
  }
  .page-news .news-card--feature .news-card__img{
    width:clamp(180px,38%,260px);
  }
  .page-news .journal-outro__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1080px){
  .page-news .journal-layout{
    grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);
    align-items:start;
    gap:clamp(2.5rem,5vw,4rem);
  }
  .page-news .journal-side-col .news-bento{
    grid-template-columns:1fr;
  }
  .page-news .journal-side-col .news-card--feature,
  .page-news .journal-side-col .news-card--wide{
    grid-column:auto;
    flex-direction:column;
  }
  .page-news .journal-side-col .news-card--feature .news-card__img{
    width:100%;
    max-width:100%;
  }
  .page-news .journal-outro__grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}