.page-news{
  --news-gold:#f5b642;
  --news-violet:#7b2cbf;
  --news-rose:#ff4d6d;
  --news-deep:#0a1035;
  --news-mid:#123a6b;
  --news-line:rgba(226,232,240,.16);
  --news-dim:#94a3b8;
  --news-text:#cbd5e1;
  --news-panel:linear-gradient(150deg, rgba(18,58,107,.72), rgba(10,16,53,.92));
  color:#f8f9fa;
  background:#0a1035;
}
.page-news img{
  max-width:100%;
}
.page-news .news-hero{
  position:relative;
  padding:clamp(3rem,7vw,5.5rem) 0 3rem;
  overflow:hidden;
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 84% 20%, rgba(123,44,191,.30), transparent 36%),
    radial-gradient(circle at 12% 80%, rgba(255,77,109,.16), transparent 32%);
  pointer-events:none;
}
.page-news .news-hero-inner{
  position:relative;
  display:grid;
  gap:2rem;
}
.page-news .news-hero h1{
  margin:.75rem 0 1rem;
  font-family:var(--jb-font-display);
  font-weight:900;
  font-size:clamp(2.3rem,5.4vw,4rem);
  line-height:1.08;
  letter-spacing:-.02em;
  color:#fff;
}
.page-news .news-hero-lead{
  max-width:46rem;
  font-family:var(--jb-font-body);
  font-size:1.0625rem;
  line-height:1.85;
  color:var(--news-text);
}
.page-news .news-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem 2rem;
  margin-top:1.75rem;
}
.page-news .news-hero-metric{
  font-family:var(--jb-font-num);
  font-size:.85rem;
  color:var(--news-dim);
}
.page-news .news-hero-metric strong{
  display:block;
  font-family:var(--jb-font-num);
  font-size:1.9rem;
  line-height:1.15;
  color:#fff;
}
.page-news .news-hero-visual{
  position:relative;
  min-height:200px;
  overflow:hidden;
}
.page-news .hero-orbit{
  position:absolute;
  border-radius:50%;
  display:block;
}
.page-news .hero-orbit--one{
  width:200px;
  height:200px;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  border:1px dashed rgba(245,182,66,.6);
}
.page-news .hero-orbit--two{
  width:280px;
  height:280px;
  right:-6%;
  top:50%;
  transform:translateY(-50%);
  background:linear-gradient(120deg, rgba(123,44,191,.32), rgba(255,77,109,.18));
}
.page-news .hero-edition{
  position:absolute;
  left:8%;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--jb-font-num);
  font-size:clamp(3rem,8vw,5.5rem);
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--jb-gold);
  opacity:.72;
}
.page-news .news-latest{
  padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);
}
.page-news .news-layout{
  display:grid;
  gap:2.25rem;
}
.page-news .news-section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.5rem;
}
.page-news .news-section-head h2{
  margin:.25rem 0 0;
  font-family:var(--jb-font-display);
  font-weight:900;
  font-size:clamp(1.6rem,3vw,2.25rem);
  color:#fff;
}
.page-news .news-section-note{
  margin:0;
  font-family:var(--jb-font-body);
  font-size:.85rem;
  color:var(--news-dim);
}
.page-news .news-article--feature{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  background:var(--news-panel);
  border:1px solid var(--news-line);
  border-radius:20px 0 20px 0;
  overflow:hidden;
  margin-bottom:1.5rem;
}
.page-news .news-article-body{
  padding:1.75rem;
}
.page-news .news-article-meta{
  display:flex;
  align-items:center;
  gap:.85rem;
  margin-bottom:1rem;
}
.page-news .news-article-meta time{
  font-family:var(--jb-font-num);
  font-size:.78rem;
  color:var(--news-dim);
}
.page-news .news-article-title{
  margin:0 0 .85rem;
  font-family:var(--jb-font-display);
  font-weight:800;
  font-size:clamp(1.25rem,2.4vw,1.7rem);
  line-height:1.35;
  color:#fff;
}
.page-news .news-article-body p{
  margin:0 0 1.1rem;
  font-family:var(--jb-font-body);
  font-size:.95rem;
  line-height:1.85;
  color:var(--news-text);
}
.page-news .news-article-body p:last-child{
  margin-bottom:0;
}
.page-news .news-article-link{
  display:inline-block;
  margin-top:.25rem;
  color:var(--jb-gold);
  font-family:var(--jb-font-display);
  font-weight:700;
  font-size:.875rem;
  text-decoration:none;
  border-bottom:1px solid rgba(245,182,66,.4);
  padding-bottom:2px;
}
.page-news .news-article-figure{
  margin:0;
  overflow:hidden;
  background:rgba(10,16,53,.4);
}
.page-news .news-article-img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-article--feature .news-article-figure img{
  aspect-ratio:3 / 2;
}
.page-news .news-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.25rem;
}
.page-news .news-grid .news-article{
  display:flex;
  flex-direction:column;
  background:linear-gradient(150deg, rgba(18,58,107,.5), rgba(10,16,53,.9));
  border:1px solid var(--news-line);
  border-radius:18px 0 18px 0;
  overflow:hidden;
}
.page-news .news-grid .news-article-body{
  padding:1.35rem 1.4rem 1.5rem;
  flex:1;
}
.page-news .news-grid .news-article-title{
  font-size:1.05rem;
  line-height:1.45;
}
.page-news .news-grid .news-article-body p{
  font-size:.88rem;
  line-height:1.75;
}
.page-news .news-grid .news-article-figure img{
  aspect-ratio:4 / 3;
}
.page-news .news-side-col{
  display:grid;
  gap:1.25rem;
  align-content:start;
}
.page-news .news-side-card{
  background:linear-gradient(150deg, rgba(18,58,107,.5), rgba(10,16,53,.88));
  border:1px solid var(--news-line);
  border-radius:18px 0 18px 0;
  padding:1.5rem;
}
.page-news .news-side-title{
  margin:.25rem 0 1rem;
  font-family:var(--jb-font-display);
  font-weight:800;
  font-size:1.15rem;
  color:#fff;
}
.page-news .news-tablist{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1.25rem;
}
.page-news .news-tablist .tab{
  border:1px solid rgba(226,232,240,.18);
  border-radius:999px;
  background:rgba(10,16,53,.5);
  color:#e2e8f0;
  font-family:var(--jb-font-display);
  font-weight:700;
  font-size:.84rem;
  line-height:1;
  padding:.6rem .9rem;
  cursor:pointer;
  transition:background .2s, color .2s, border-color .2s;
}
.page-news .news-tablist .tab:hover{
  border-color:var(--jb-gold);
  color:var(--jb-gold);
}
.page-news .news-tablist .tab[aria-selected="true"]{
  background:var(--jb-gold);
  border-color:var(--jb-gold);
  color:#111827;
}
.page-news .news-panel-tip{
  margin:0 0 .85rem;
  font-family:var(--jb-font-body);
  font-size:.85rem;
  color:var(--news-dim);
}
.page-news .news-link-list{
  display:grid;
  gap:.45rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .news-link-list a{
  display:block;
  padding:.35rem 0 .35rem .75rem;
  border-left:2px solid rgba(245,182,66,.3);
  color:var(--news-text);
  font-family:var(--jb-font-body);
  font-size:.9rem;
  line-height:1.5;
  text-decoration:none;
  transition:color .2s, border-color .2s;
}
.page-news .news-link-list a:hover{
  color:var(--jb-gold);
  border-left-color:var(--jb-gold);
}
.page-news .news-tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .news-tag-cloud a{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border:1px solid var(--news-line);
  border-radius:999px;
  padding:.42rem .8rem;
  font-family:var(--jb-font-display);
  font-weight:500;
  font-size:.82rem;
  color:#e2e8f0;
  text-decoration:none;
  transition:color .2s, border-color .2s, transform .2s;
}
.page-news .news-tag-cloud a:hover{
  color:var(--jb-gold);
  border-color:var(--jb-gold);
  transform:translateY(-1px);
}
.page-news .news-tag-cloud span{
  color:var(--jb-gold);
  font-family:var(--jb-font-num);
  font-size:.78rem;
}
.page-news .legacy-archive{
  position:relative;
  overflow:hidden;
  padding:clamp(3rem,7vw,5rem) 0;
  background:linear-gradient(180deg, #0a1035 0%, #05081c 100%);
}
.page-news .legacy-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.28;
}
.page-news .legacy-inner{
  position:relative;
}
.page-news .legacy-panel{
  max-width:960px;
  background:linear-gradient(150deg, rgba(10,16,53,.92), rgba(18,58,107,.8));
  border:1px solid rgba(245,182,66,.26);
  border-radius:26px 0 26px 0;
  padding:clamp(1.75rem,4vw,3rem);
}
.page-news .legacy-panel h2{
  margin:.5rem 0 1rem;
  font-family:var(--jb-font-display);
  font-weight:900;
  font-size:clamp(1.6rem,3vw,2.2rem);
  line-height:1.25;
  color:#fff;
}
.page-news .legacy-lead{
  max-width:720px;
  margin:0 0 2rem;
  font-family:var(--jb-font-body);
  font-size:.95rem;
  line-height:1.85;
  color:var(--news-text);
}
.page-news .legacy-timeline{
  display:grid;
  gap:1rem;
  margin:0 0 2rem;
  padding:0;
  list-style:none;
  counter-reset:legacy;
}
.page-news .legacy-timeline li{
  position:relative;
  padding:1.15rem 1.25rem 1.15rem 3.1rem;
  background:rgba(10,16,53,.5);
  border:1px solid rgba(226,232,240,.1);
  border-radius:14px 0 14px 0;
}
.page-news .legacy-timeline li::before{
  content:counter(legacy);
  counter-increment:legacy;
  position:absolute;
  top:1.15rem;
  left:1rem;
  width:1.4rem;
  height:1.4rem;
  display:grid;
  place-items:center;
  border:1px solid var(--jb-gold);
  border-radius:50%;
  color:var(--jb-gold);
  font-family:var(--jb-font-num);
  font-size:.72rem;
}
.page-news .legacy-year{
  display:block;
  margin-bottom:.3rem;
  font-family:var(--jb-font-num);
  font-weight:800;
  font-size:1.25rem;
  color:var(--jb-gold);
}
.page-news .legacy-timeline p{
  margin:0;
  font-family:var(--jb-font-body);
  font-size:.9rem;
  line-height:1.7;
  color:var(--news-text);
}
.page-news .legacy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}
@media (min-width:720px){
  .page-news .news-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (min-width:820px){
  .page-news .legacy-timeline{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
  .page-news .news-article--feature .news-article-body{
    padding:2.25rem;
  }
}
@media (min-width:920px){
  .page-news .news-hero-inner{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    align-items:center;
  }
  .page-news .news-hero-visual{
    min-height:280px;
  }
}
@media (min-width:1020px){
  .page-news .news-layout{
    grid-template-columns:minmax(0,1fr) 340px;
    align-items:start;
  }
  .page-news .news-side-col{
    position:sticky;
    top:28px;
  }
}
@media (prefers-reduced-motion: reduce){
  .page-news *,
  .page-news *::before,
  .page-news *::after{
    transition:none !important;
    animation:none !important;
  }
}