.page-news{
  background:var(--color-dark);
  color:#f5f5f5;
  overflow-x:hidden;
}
.page-news img{
  max-width:100%;
  height:auto;
}
.page-news .target-marker{
  display:none;
}
.page-news .news-hero{
  position:relative;
  padding:calc(var(--header-height) + 36px) 0 52px;
  background:
    linear-gradient(135deg,rgba(255,111,0,.16),transparent 55%),
    linear-gradient(160deg,#101010,var(--color-dark));
  border-bottom:1px solid rgba(245,245,245,.08);
  overflow:hidden;
}
.page-news .news-hero::after{
  content:"";
  position:absolute;
  right:-6%;
  bottom:0;
  width:75%;
  height:4px;
  background:linear-gradient(90deg,var(--color-primary),var(--color-danger) 70%,var(--color-purple));
  transform:skewX(-20deg);
  transform-origin:right;
}
.page-news .news-hero-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
.page-news .news-hero-copy .breadcrumbs{
  margin-bottom:14px;
}
.page-news .news-hero-copy .breadcrumbs a{
  color:var(--color-primary);
  text-decoration:none;
}
.page-news .news-hero-copy .breadcrumbs a:hover{
  text-decoration:underline;
}
.page-news .hero-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.82rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-info);
  margin:0 0 16px;
}
.page-news .news-hero h1{
  font-family:var(--font-display);
  font-size:2.1rem;
  line-height:1.18;
  color:#fff;
  margin:0 0 16px;
  text-transform:uppercase;
  letter-spacing:.01em;
  overflow-wrap:break-word;
  text-shadow:4px 4px 0 rgba(255,111,0,.22);
}
.page-news .hero-lead{
  color:rgba(245,245,245,.72);
  font-size:1.02rem;
  line-height:1.7;
  max-width:58ch;
  margin:0;
}
.page-news .hud-panel{
  position:relative;
  border:1px solid rgba(0,229,255,.35);
  background:rgba(255,255,255,.04);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
}
.page-news .hud-panel::before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:44px;
  height:44px;
  border-top:3px solid var(--color-info);
  border-left:3px solid var(--color-info);
  border-top-left-radius:calc(var(--radius) - 1px);
}
.page-news .hud-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:12px;
  border-bottom:1px solid rgba(245,245,245,.14);
  font-family:var(--font-display);
  font-size:.78rem;
  letter-spacing:.18em;
  color:var(--color-info);
}
.page-news .hud-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(245,245,245,.08);
  margin:0;
}
.page-news .hud-row:last-child{
  border-bottom:0;
}
.page-news .hud-row dt{
  color:rgba(245,245,245,.58);
  font-size:.88rem;
}
.page-news .hud-row dd{
  margin:0;
  font-family:var(--font-display);
  font-size:1.08rem;
  color:var(--color-primary);
  white-space:nowrap;
}
.page-news .news-filter-outer{
  background:rgba(245,245,245,.05);
  border-bottom:1px solid rgba(245,245,245,.08);
  padding:16px 0;
}
.page-news .filter-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}
.page-news .filter-label{
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(245,245,245,.55);
  margin-right:6px;
}
.page-news .filter-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(245,245,245,.26);
  background:transparent;
  color:rgba(245,245,245,.78);
  font-size:.85rem;
  font-family:var(--font-body);
  text-decoration:none;
  cursor:pointer;
  transition:var(--transition);
}
.page-news .filter-btn:hover{
  border-color:var(--color-primary);
  color:#fff;
}
.page-news .filter-btn.is-active{
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
  box-shadow:0 4px 14px rgba(255,111,0,.32);
}
.page-news:has(#show-release:target) .filter-btn[href="#show-release"],
.page-news:has(#show-data:target) .filter-btn[href="#show-data"],
.page-news:has(#show-topic:target) .filter-btn[href="#show-topic"]{
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
  box-shadow:0 4px 14px rgba(255,111,0,.32);
}
.page-news:has(#show-release:target) .filter-btn.is-active,
.page-news:has(#show-data:target) .filter-btn.is-active,
.page-news:has(#show-topic:target) .filter-btn.is-active{
  background:transparent;
  border-color:rgba(245,245,245,.26);
  color:rgba(245,245,245,.78);
  box-shadow:none;
}
.page-news #show-release:target ~ .news-main .news-section:not(.release-section),
.page-news #show-data:target ~ .news-main .news-section:not(.data-section),
.page-news #show-topic:target ~ .news-main .news-section:not(.topic-section){
  display:none;
}
.page-news .news-section{
  position:relative;
}
.page-news .section-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:26px;
}
.page-news .section-head h2{
  font-family:var(--font-display);
  font-size:1.6rem;
  line-height:1.2;
  color:var(--color-dark);
  margin:0 0 8px;
  letter-spacing:.01em;
}
.page-news .section-head p{
  color:var(--color-gray);
  font-size:.92rem;
  line-height:1.65;
  max-width:62ch;
  margin:0;
}
.page-news .chapter-number{
  font-family:var(--font-display);
  font-size:2.8rem;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:2px var(--color-primary);
  white-space:nowrap;
  transform:skewX(-8deg);
  display:inline-block;
}
.page-news .release-section{
  background:var(--color-light);
  color:var(--color-dark);
  padding:56px 0;
}
.page-news .release-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px,330px);
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-color:var(--color-primary) rgba(0,0,0,.08);
  scrollbar-width:thin;
  padding:6px 4px 18px;
}
.page-news .release-card{
  background:#fff;
  border:1px solid rgba(30,30,30,.06);
  border-top:4px solid var(--color-primary);
  border-radius:var(--radius);
  box-shadow:0 8px 24px rgba(30,30,30,.08);
  padding:0 20px 20px;
  display:flex;
  flex-direction:column;
  scroll-snap-align:start;
  transition:transform var(--transition);
}
.page-news .release-card:hover{
  transform:translateY(-4px);
}
.page-news .release-card > * + *{
  margin-top:12px;
}
.page-news .release-thumb{
  margin:0 -20px;
}
.page-news .release-thumb img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;
}
.page-news .card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.page-news .version-tag{
  font-family:var(--font-display);
  font-size:1.15rem;
  color:var(--color-primary);
  background:rgba(255,111,0,.08);
  padding:2px 8px;
  border-radius:4px;
}
.page-news .time-tag{
  font-size:.76rem;
  color:var(--color-gray);
  border:1px solid rgba(158,158,158,.5);
  padding:2px 10px;
  border-radius:999px;
  white-space:nowrap;
}
.page-news .release-card h3{
  font-family:var(--font-display);
  font-size:1.12rem;
  line-height:1.3;
  color:var(--color-dark);
  margin:0;
}
.page-news .release-card > p{
  font-size:.9rem;
  line-height:1.6;
  color:#555;
  margin:0;
}
.page-news .release-points{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
  font-size:.87rem;
  color:#444;
}
.page-news .release-points li::marker{
  color:var(--color-primary);
}
.page-news .card-tags{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.page-news .card-tags span{
  font-size:.75rem;
  color:var(--color-dark);
  background:var(--color-light);
  border-radius:4px;
  padding:3px 8px;
}
.page-news .section-foot{
  margin-top:18px;
  display:flex;
  justify-content:center;
}
.page-news .data-section{
  background:
    radial-gradient(circle at 85% 10%,rgba(0,229,255,.14),transparent 45%),
    linear-gradient(160deg,#131313,var(--color-dark) 62%);
  color:#f5f5f5;
  padding:56px 0;
}
.page-news .data-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--color-success),var(--color-info) 50%,var(--color-primary));
  transform:skewX(-30deg) translateX(-4%);
}
.page-news .data-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
.page-news .data-heading-group{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.page-news .data-heading-group h2{
  font-family:var(--font-display);
  font-size:1.6rem;
  line-height:1.2;
  margin:0;
  color:#fff;
}
.page-news .data-copy > p{
  color:rgba(245,245,245,.74);
  line-height:1.7;
  margin:0 0 18px;
}
.page-news .data-list{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  display:grid;
  gap:10px;
}
.page-news .data-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:rgba(245,245,245,.86);
  font-size:.94rem;
  line-height:1.55;
}
.page-news .data-list li::before{
  content:"";
  flex-shrink:0;
  width:8px;
  height:8px;
  background:var(--color-success);
  border-radius:2px;
  transform:rotate(45deg);
  margin-top:6px;
}
.page-news .data-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-news .data-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius);
  border:1px solid rgba(0,229,255,.28);
  box-shadow:0 0 28px rgba(0,229,255,.06);
  margin-bottom:14px;
}
.page-news .metric-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin:0;
}
.page-news .metric-grid > div{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(245,245,245,.12);
  border-radius:8px;
  padding:12px 8px;
  text-align:center;
}
.page-news .metric-grid dt{
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(245,245,245,.58);
  margin-bottom:4px;
}
.page-news .metric-grid dd{
  margin:0;
  font-family:var(--font-display);
  font-size:1.1rem;
  color:var(--color-info);
  white-space:nowrap;
}
.page-news .topic-section{
  background:var(--color-light);
  color:var(--color-dark);
  padding:56px 0;
}
.page-news .topic-grid{
  display:grid;
  gap:18px;
}
.page-news .topic-card{
  background:#fff;
  border:1px solid rgba(30,30,30,.05);
  border-radius:var(--radius);
  box-shadow:0 6px 18px rgba(30,30,30,.06);
  padding:20px;
  display:flex;
  flex-direction:column;
}
.page-news .topic-card > * + *{
  margin-top:10px;
}
.page-news .topic-main{
  padding:0;
}
.page-news .topic-main > * + *{
  margin-top:0;
}
.page-news .topic-main img{
  display:block;
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;
}
.page-news .topic-content{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.page-news .topic-tag{
  display:inline-block;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--color-danger);
  background:rgba(229,57,53,.08);
  padding:3px 10px;
  border-radius:999px;
  margin-bottom:2px;
  width:max-content;
}
.page-news .topic-card h3{
  font-family:var(--font-display);
  font-size:1.22rem;
  line-height:1.25;
  color:var(--color-dark);
  margin:0;
}
.page-news .topic-card p{
  color:#555;
  font-size:.9rem;
  line-height:1.65;
  margin:0;
}
.page-news .topic-meta{
  margin-top:auto;
  font-size:.8rem;
  color:var(--color-gray);
  border-top:1px dashed rgba(158,158,158,.5);
  padding-top:10px;
}
.page-news .card-link{
  color:var(--color-primary);
  font-weight:700;
  font-size:.9rem;
  text-decoration:none;
}
.page-news .card-link:hover{
  text-decoration:underline;
}
.page-news .news-closing{
  background:
    linear-gradient(135deg,rgba(124,77,255,.12),transparent 50%),
    var(--color-dark);
  color:#fff;
  padding:56px 0;
}
.page-news .closing-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:center;
}
.page-news .closing-copy h2{
  color:#fff;
}
.page-news .closing-copy > p{
  color:rgba(245,245,245,.74);
  line-height:1.7;
  max-width:54ch;
  margin:0 0 22px;
}
.page-news .closing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-news .closing-grid > img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.page-news .data-section .btn-outline,
.page-news .news-closing .btn-outline{
  border-color:rgba(245,245,245,.5);
  color:#fff;
}
.page-news .data-section .btn-outline:hover,
.page-news .news-closing .btn-outline:hover{
  border-color:var(--color-primary);
  color:var(--color-primary);
}
.page-news .news-tagcloud-outer{
  background:#141414;
  border-top:1px solid rgba(245,245,245,.08);
  padding:36px 0;
}
.page-news .news-tagcloud{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-news .tagcloud-title{
  font-family:var(--font-display);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-info);
  margin-right:8px;
  white-space:nowrap;
}
.page-news .tag-chip{
  display:inline-block;
  font-size:.82rem;
  color:rgba(245,245,245,.76);
  border:1px solid rgba(245,245,245,.22);
  border-radius:999px;
  padding:5px 14px;
  text-decoration:none;
  transition:var(--transition);
}
.page-news .tag-chip:hover{
  border-color:var(--color-primary);
  color:var(--color-primary);
}
@media (min-width:600px){
  .page-news .metric-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .page-news .news-hero h1{
    font-size:2.4rem;
  }
}
@media (min-width:768px){
  .page-news .news-hero h1{
    font-size:2.8rem;
  }
  .page-news .news-hero-inner{
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
  }
  .page-news .data-layout{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
  .page-news .topic-grid{
    grid-template-columns:1.05fr .95fr;
    grid-template-areas:
      "main second"
      "main third";
  }
  .page-news .topic-main{
    grid-area:main;
  }
  .page-news .topic-main img{
    height:240px;
  }
  .page-news .topic-2{
    grid-area:second;
  }
  .page-news .topic-3{
    grid-area:third;
  }
  .page-news .closing-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }
  .page-news .section-head h2,
  .page-news .data-heading-group h2{
    font-size:2rem;
  }
}