.page-news{
  --news-meta:140px;
  --news-spark:132px;
  --news-sticky:72px;
}

.page-news .news-hero{padding-top:var(--sp-3);}
.page-news .news-hero__frame{margin-top:var(--sp-3);}
.page-news .news-hero__grid{display:grid;gap:var(--sp-4);padding:var(--sp-4) var(--sp-3);}
.page-news .news-hero h1{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.02em;
  font-size:clamp(28px,5.2vw,56px);
  line-height:1.1;
  margin:var(--sp-2) 0 0;
  color:var(--cream);
}
.page-news .news-hero__lead p{
  margin:var(--sp-3) 0 0;
  max-width:40ch;
  color:var(--ink-2);
  font-size:var(--fs-15);
  line-height:1.75;
}
.page-news .news-hero__stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  align-self:start;
}
.page-news .news-hero__stats li{background:var(--night);padding:var(--sp-2) var(--sp-3);}
.page-news .news-hero__stats b{
  display:block;
  font-family:var(--font-mono);
  font-size:var(--fs-24);
  line-height:1.2;
  color:var(--gold);
  letter-spacing:.02em;
}
.page-news .news-hero__stats span{
  display:block;
  margin-top:2px;
  font-size:var(--fs-12);
  color:var(--ink-3);
  letter-spacing:.06em;
}

.page-news .news-hero__media{margin:var(--sp-4) 0 0;}
.page-news .news-hero__media .media-frame--21x9{border:1px solid var(--line-2);}
.page-news .media-frame{overflow:hidden;}
.page-news .media-frame img{display:block;width:100%;height:100%;object-fit:cover;}
.page-news .media-cap{
  margin-top:var(--sp-2);
  font-size:var(--fs-12);
  color:var(--ink-3);
  line-height:1.6;
  font-family:var(--font-mono);
  letter-spacing:.02em;
}

.page-news .news-tabs{
  position:sticky;
  top:0;
  z-index:8;
  margin-top:var(--sp-6);
  background:rgba(7,26,51,.95);
  backdrop-filter:blur(6px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-news .news-tabs__inner{padding-top:0;padding-bottom:0;}
.page-news .news-tabs__list{
  display:flex;
  gap:var(--sp-4);
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:thin;
}
.page-news .news-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 0;
  white-space:nowrap;
  font-size:var(--fs-14);
  color:var(--ink-2);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .news-tab:hover,
.page-news .news-tab:focus-visible{color:var(--cream);border-bottom-color:var(--gold);}
.page-news .news-tab .swatch{transition:transform var(--dur) var(--ease);}
.page-news .news-tab:hover .swatch{transform:translateX(3px);}

.page-news .news-sec{padding-top:var(--sp-6);padding-bottom:var(--sp-6);}

.page-news .news-head{
  display:grid;
  gap:var(--sp-2);
  padding-bottom:var(--sp-3);
  border-bottom:1px solid var(--line-2);
}
.page-news .news-head__index{
  font-family:var(--font-mono);
  font-size:var(--fs-24);
  line-height:1;
  color:var(--gold);
  letter-spacing:.04em;
  margin:0;
}
.page-news .news-head h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.015em;
  font-size:clamp(22px,3.2vw,36px);
  line-height:1.2;
  color:var(--cream);
}
.page-news .news-head p{
  margin:var(--sp-2) 0 0;
  max-width:46ch;
  font-size:var(--fs-15);
  line-height:1.75;
  color:var(--ink-2);
}

.page-news .entry-list{margin:var(--sp-4) 0 0;padding:0;list-style:none;}
.page-news .entry{
  position:relative;
  display:grid;
  gap:var(--sp-2);
  padding:var(--sp-4) 0 var(--sp-4) var(--sp-3);
  border-bottom:1px solid var(--line);
}
.page-news .entry::before{
  content:"";
  position:absolute;
  left:0;
  top:var(--sp-4);
  width:2px;
  height:0;
  background:var(--gold);
  transition:height var(--dur-slow) var(--ease);
}
.page-news .entry:hover::before,
.page-news .entry:focus-within::before{height:56px;}
.page-news .entry--lead{
  background:linear-gradient(90deg,rgba(232,178,58,.07),rgba(232,178,58,0) 62%);
  border-bottom-color:var(--line-2);
}
.page-news .entry__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  letter-spacing:.05em;
  color:var(--ink-3);
}
.page-news .entry__round{color:var(--ink-2);}
.page-news .entry__tag{display:inline-flex;align-items:center;gap:6px;}
.page-news .entry__body h3{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-size:var(--fs-18);
  font-weight:700;
  line-height:1.4;
}
.page-news .entry--lead .entry__body h3{font-size:clamp(20px,3vw,30px);line-height:1.3;}
.page-news .entry__body h3 a{
  color:var(--cream);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .entry__body h3 a:hover,
.page-news .entry__body h3 a:focus-visible{color:var(--gold);border-bottom-color:var(--gold);}
.page-news .entry__body p{
  margin:0;
  max-width:56ch;
  font-size:var(--fs-15);
  line-height:1.75;
  color:var(--ink-2);
}
.page-news .entry--lead .entry__body p{font-size:var(--fs-18);max-width:48ch;}

.page-news .spark{position:relative;width:var(--news-spark);max-width:100%;align-self:end;}
.page-news .spark svg{display:block;width:100%;height:auto;}
.page-news .spark__tip{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  width:200px;
  max-width:70vw;
  margin:0;
  padding:8px 10px;
  background:var(--night-2);
  border:1px solid var(--line-2);
  color:var(--cream);
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  line-height:1.5;
  opacity:0;
  visibility:hidden;
  transition:opacity var(--dur) var(--ease);
  z-index:4;
}
.page-news .spark:hover .spark__tip,
.page-news .spark:focus-within .spark__tip{opacity:1;visibility:visible;}

.page-news .awards{display:grid;gap:var(--sp-5);margin-top:var(--sp-5);}
.page-news .award-list{margin:0;padding:0;list-style:none;}
.page-news .award-list li{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:var(--sp-2);
  padding:var(--sp-3) 0;
  border-top:1px solid var(--line);
}
.page-news .award-list li:last-child{border-bottom:1px solid var(--line);}
.page-news .award-no{
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  letter-spacing:.08em;
  color:var(--gold);
  padding-top:3px;
}
.page-news .award-list h3{
  margin:0 0 4px;
  font-size:var(--fs-15);
  font-weight:700;
  color:var(--cream);
  line-height:1.5;
}
.page-news .award-list p{
  margin:0;
  font-size:var(--fs-14);
  line-height:1.7;
  color:var(--ink-2);
  max-width:52ch;
}
.page-news .awards__media{margin:0;}
.page-news .awards__media .media-frame--3x2{border:1px solid var(--line-2);}

.page-news .youth{display:grid;gap:var(--sp-5);margin-top:var(--sp-5);}
.page-news .youth__table{overflow-x:auto;}
.page-news .youth__caption{
  caption-side:top;
  text-align:left;
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  letter-spacing:.04em;
  color:var(--ink-3);
  padding-bottom:var(--sp-2);
}
.page-news .youth__media{margin:0;}
.page-news .youth__media .media-frame--3x2{border:1px solid var(--line-2);}
.page-news .news-tail{
  margin:var(--sp-5) 0 0;
  max-width:60ch;
  font-size:var(--fs-15);
  line-height:1.75;
  color:var(--ink-2);
}
.page-news .news-tail a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line-3);}
.page-news .news-tail a:hover{border-bottom-color:var(--gold);}

.page-news .version{display:grid;gap:var(--sp-5);margin-top:var(--sp-5);}
.page-news .ver-list{margin:0;padding:0;list-style:none;}
.page-news .ver{
  display:grid;
  gap:6px;
  padding:var(--sp-3) 0;
  border-top:1px solid var(--line);
}
.page-news .ver:last-child{border-bottom:1px solid var(--line);}
.page-news .ver__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-18);
  letter-spacing:.03em;
  color:var(--ink-2);
  display:flex;
  align-items:center;
  gap:8px;
}
.page-news .ver--now .ver__no{color:var(--gold);}
.page-news .ver__badge{
  font-size:var(--fs-12);
  letter-spacing:.08em;
  color:var(--night);
  background:var(--gold);
  padding:2px 6px;
}
.page-news .ver h3{
  margin:0 0 4px;
  font-size:var(--fs-18);
  font-weight:700;
  color:var(--cream);
  line-height:1.45;
}
.page-news .ver p{margin:0;font-size:var(--fs-14);line-height:1.75;color:var(--ink-2);max-width:56ch;}
.page-news .version__media{margin:0;}
.page-news .version__media .media-frame--16x9{border:1px solid var(--line-2);}

.page-news .subscribe{display:grid;gap:var(--sp-5);margin-top:var(--sp-5);}
.page-news .subscribe h3{
  margin:0 0 var(--sp-2);
  font-family:var(--font-display);
  font-size:var(--fs-18);
  font-weight:700;
  color:var(--cream);
}
.page-news .subscribe p{margin:0 0 var(--sp-3);font-size:var(--fs-15);line-height:1.75;color:var(--ink-2);max-width:52ch;}
.page-news .subscribe__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.page-news .retrace{
  margin:0 0 var(--sp-3);
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.page-news .retrace li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
  font-size:var(--fs-14);
  line-height:1.65;
  color:var(--ink-2);
}
.page-news .retrace .swatch{margin-top:6px;flex:none;}
.page-news .subscribe__note{margin:0;font-size:var(--fs-14);}
.page-news .subscribe__note a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line-3);}
.page-news .subscribe__note a:hover{border-bottom-color:var(--gold);}

@media (min-width:640px){
  .page-news .news-hero__grid{padding:var(--sp-5) var(--sp-4);}
  .page-news .award-list li{grid-template-columns:52px minmax(0,1fr);gap:var(--sp-3);}
  .page-news .ver{grid-template-columns:130px minmax(0,1fr);gap:var(--sp-4);align-items:start;}
}

@media (min-width:900px){
  .page-news .news-hero__grid{
    grid-template-columns:minmax(0,1fr) 220px;
    gap:var(--sp-6);
    padding:var(--sp-6) var(--sp-5);
  }
  .page-news .news-hero__stats{grid-template-columns:1fr;}
  .page-news .news-head{grid-template-columns:96px minmax(0,1fr);column-gap:var(--sp-4);align-items:start;}
  .page-news .news-head__index{padding-top:6px;}
  .page-news .entry{grid-template-columns:var(--news-meta) minmax(0,1fr);gap:var(--sp-5);}
  .page-news .entry--node{grid-template-columns:var(--news-meta) minmax(0,1fr) var(--news-spark);}
  .page-news .entry__meta{
    position:sticky;
    top:var(--news-sticky);
    align-self:start;
    flex-direction:column;
    align-items:flex-start;
    gap:var(--sp-2);
  }
  .page-news .news-tail{margin-left:calc(var(--news-meta) + var(--sp-5));}
}

@media (min-width:1000px){
  .page-news .awards{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-6);}
  .page-news .awards__media{position:sticky;top:var(--news-sticky);}
  .page-news .youth{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-6);align-items:start;}
  .page-news .version{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-6);align-items:start;}
  .page-news .subscribe{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-6);}
}

@media (prefers-reduced-motion:reduce){
  .page-news .entry::before,
  .page-news .news-tab,
  .page-news .news-tab .swatch,
  .page-news .spark__tip,
  .page-news .entry__body h3 a{transition:none;}
  .page-news .news-tab:hover .swatch{transform:none;}
}