.page-news .jl-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(2.75rem,8vw,5.5rem) 0 clamp(2.25rem,5vw,3.5rem);
  border-bottom:1px solid var(--line);
  background:var(--void);
}
.page-news .jl-hero__bg{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 25%;
  opacity:.55;
}
.page-news .jl-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(65% 60% at 20% 12%, rgba(122,92,255,.32), transparent 70%),
    radial-gradient(48% 48% at 84% 70%, rgba(255,123,197,.22), transparent 72%),
    linear-gradient(180deg, rgba(5,7,15,.55) 0%, rgba(5,7,15,.86) 58%, var(--void) 100%);
}
.page-news .jl-hero__inner{position:relative}
.page-news .jl-hero h1{
  margin:.6rem 0 0;
  font-family:var(--font-display);
  font-size:clamp(2.1rem,6.2vw,4rem);
  font-weight:900;
  letter-spacing:.02em;
  line-height:1.08;
  color:var(--ink);
}
.page-news .jl-hero__lede{
  margin:1.1rem 0 0;
  max-width:58ch;
  font-size:1.0625rem;
  line-height:1.9;
  color:var(--ink-2);
}
.page-news .jl-pulse{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:1.8rem 0 0;
  padding:0;
  list-style:none;
}
.page-news .jl-pulse li{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding:.5rem .8rem;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(10,13,28,.66);
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.04em;
  color:var(--ink-2);
}
.page-news .jl-pulse strong{
  font-weight:400;
  font-size:.8125rem;
  color:var(--gold);
}

.page-news h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.55rem,3.6vw,2.15rem);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.22;
  color:var(--ink);
}
.page-news .jl-head{margin-bottom:1.4rem}
.page-news .jl-head__note{
  margin:.7rem 0 0;
  max-width:64ch;
  font-size:.9375rem;
  line-height:1.85;
  color:var(--ink-2);
}

.page-news .jl-stream{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.page-news .jl-radio{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
}
.page-news .jl-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .9rem;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:.8125rem;
  letter-spacing:.03em;
  color:var(--ink-2);
  cursor:pointer;
  transition:color .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease);
}
.page-news .jl-chip::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.7;
}
.page-news .jl-chip:hover{color:var(--ink);border-color:var(--violet)}
.page-news .jl-radio:checked + .jl-chip{
  color:var(--void);
  background:var(--nebula);
  border-color:var(--nebula);
  font-weight:600;
}
.page-news .jl-radio:checked + .jl-chip::before{background:var(--void);opacity:.85}
.page-news .jl-radio:focus-visible + .jl-chip{
  outline:2px solid var(--gold);
  outline-offset:3px;
}

.page-news .jl-list{
  flex:0 0 100%;
  display:grid;
  gap:1rem;
  margin:1.35rem 0 0;
  padding:0;
  list-style:none;
}
.page-news #jl-version:checked ~ .jl-list .jl-item:not([data-cat="version"]){display:none}
.page-news #jl-coop:checked ~ .jl-list .jl-item:not([data-cat="coop"]){display:none}
.page-news #jl-topic:checked ~ .jl-list .jl-item:not([data-cat="topic"]){display:none}
.page-news #jl-notice:checked ~ .jl-list .jl-item:not([data-cat="notice"]){display:none}

.page-news .jl-item{
  position:relative;
  padding:1.1rem 1.1rem 1.1rem 1.45rem;
  border:1px solid var(--line-soft);
  border-left:2px solid var(--line);
  border-radius:var(--radius-sm);
  background:linear-gradient(155deg, rgba(20,16,51,.55), rgba(5,7,15,.22));
  transition:border-color .16s var(--ease),background .16s var(--ease);
}
.page-news .jl-item::before{
  content:"";
  position:absolute;
  left:-4px;
  top:1.45rem;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--nebula);
  box-shadow:0 0 10px rgba(255,123,197,.7);
}
.page-news .jl-item::after{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  height:2px;
  width:0;
  background:linear-gradient(90deg,var(--nebula),rgba(245,195,107,0));
  transition:width .18s var(--ease);
}
.page-news .jl-item:hover,
.page-news .jl-item:focus-within{
  border-left-color:var(--violet);
  background:linear-gradient(155deg, rgba(20,16,51,.92), rgba(10,13,28,.55));
}
.page-news .jl-item:hover::after,
.page-news .jl-item:focus-within::after{width:62%}

.page-news .jl-item__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
}
.page-news .jl-item__tag{
  display:inline-block;
  padding:.15rem .55rem;
  border-radius:999px;
  border:1px solid transparent;
  font-size:.6875rem;
  letter-spacing:.06em;
}
.page-news .jl-item[data-cat="version"] .jl-item__tag{
  color:var(--violet);
  border-color:rgba(122,92,255,.45);
  background:rgba(122,92,255,.14);
}
.page-news .jl-item[data-cat="coop"] .jl-item__tag{
  color:var(--cyan);
  border-color:rgba(79,227,208,.42);
  background:rgba(79,227,208,.12);
}
.page-news .jl-item[data-cat="topic"] .jl-item__tag{
  color:var(--nebula);
  border-color:rgba(255,123,197,.42);
  background:rgba(255,123,197,.12);
}
.page-news .jl-item[data-cat="notice"] .jl-item__tag{
  color:var(--gold);
  border-color:rgba(245,195,107,.42);
  background:rgba(245,195,107,.12);
}
.page-news .jl-item__when{
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--ink-2);
}
.page-news .jl-item__title{
  margin:.55rem 0 0;
  font-family:var(--font-display);
  font-size:1.0625rem;
  font-weight:600;
  line-height:1.5;
  color:var(--ink);
}
.page-news .jl-item:first-child .jl-item__title{
  font-size:clamp(1.15rem,2.6vw,1.5rem);
  font-weight:800;
  line-height:1.35;
}
.page-news .jl-item__sum{
  margin:.5rem 0 0;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--ink-2);
}
.page-news .jl-item__time{
  display:block;
  margin-top:.7rem;
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--cyan);
  opacity:.55;
  transition:opacity .16s var(--ease);
}
.page-news .jl-item:hover .jl-item__time{opacity:1}

.page-news .jl-focus{padding-block:clamp(2rem,5vw,3.5rem)}
.page-news .jl-focus__panel{
  position:relative;
  overflow:hidden;
  padding:clamp(1.4rem,3.5vw,2.75rem);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:
    radial-gradient(120% 130% at 90% 0%, rgba(122,92,255,.26), transparent 62%),
    linear-gradient(150deg, rgba(46,16,36,.92), rgba(10,13,28,.94));
}
.page-news .jl-focus__grid{
  display:grid;
  gap:1.5rem;
  margin-top:1rem;
}
.page-news .jl-focus__body p{
  margin:1rem 0 0;
  max-width:62ch;
  font-size:1rem;
  line-height:1.9;
  color:var(--ink-2);
}
.page-news .jl-focus__fig{margin:0}
.page-news .jl-focus__fig img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius-sm);
}
.page-news .jl-steps{
  margin:1.5rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.2rem;
}
.page-news .jl-steps li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.8rem;
  align-items:baseline;
  padding:.7rem 0;
  border-bottom:1px dashed var(--line-soft);
  font-size:.9375rem;
  line-height:1.75;
  color:var(--ink);
}
.page-news .jl-steps li:last-child{border-bottom:0;padding-bottom:0}
.page-news .jl-steps__no{
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--gold);
}

.page-news .jl-coop{
  display:grid;
  gap:1.5rem;
}
.page-news .jl-coop__fig{margin:0}
.page-news .jl-coop__fig img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius-lg);
}
.page-news .jl-coop__body p{
  margin:1rem 0 0;
  max-width:60ch;
  font-size:1rem;
  line-height:1.9;
  color:var(--ink-2);
}
.page-news .jl-coop__after{
  margin-top:1.1rem;
  padding-left:.9rem;
  border-left:1px solid var(--line);
  font-size:.875rem;
  line-height:1.8;
  color:var(--ink-2);
}
.page-news .jl-points{
  margin:1.25rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.75rem;
}
.page-news .jl-points li{
  padding:.85rem 1rem;
  border-left:1px solid var(--violet);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:rgba(20,16,51,.5);
  font-size:.9375rem;
  line-height:1.75;
  color:var(--ink-2);
}
.page-news .jl-points strong{
  display:block;
  margin-bottom:.2rem;
  font-weight:600;
  color:var(--ink);
}

.page-news .jl-series{
  display:grid;
  gap:1.5rem;
}
.page-news .jl-series__fig{margin:0}
.page-news .jl-series__fig img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius-lg);
}
.page-news .jl-series__eps{display:grid;gap:.75rem}

.page-news .jl-ep{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(10,13,28,.55);
  transition:background .18s var(--ease),border-color .18s var(--ease);
}
.page-news .jl-ep[open]{
  border-color:rgba(255,123,197,.4);
  background:linear-gradient(160deg, rgba(46,16,36,.9), rgba(10,13,28,.75));
}
.page-news .jl-ep summary{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.95rem 1.05rem;
  cursor:pointer;
  list-style:none;
}
.page-news .jl-ep summary::-webkit-details-marker{display:none}
.page-news .jl-ep summary:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}
.page-news .jl-ep__no{
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--gold);
}
.page-news .jl-ep__title{
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  color:var(--ink);
}
.page-news .jl-ep__plus{
  position:relative;
  flex:none;
  margin-left:auto;
  width:12px;
  height:12px;
}
.page-news .jl-ep__plus::before,
.page-news .jl-ep__plus::after{
  content:"";
  position:absolute;
  background:var(--gold);
  transition:transform .18s var(--ease),opacity .18s var(--ease);
}
.page-news .jl-ep__plus::before{left:0;right:0;top:50%;height:1px}
.page-news .jl-ep__plus::after{top:0;bottom:0;left:50%;width:1px}
.page-news .jl-ep[open] .jl-ep__plus::after{transform:scaleY(0);opacity:0}
.page-news .jl-ep__body{padding:0 1.05rem 1.05rem}
.page-news .jl-ep__body p{
  margin:0;
  font-size:.9375rem;
  line-height:1.9;
  color:var(--ink-2);
}

.page-news .jl-follow{
  display:grid;
  gap:1.5rem;
}
.page-news .jl-follow__intro p{
  margin:.8rem 0 0;
  max-width:52ch;
  font-size:1rem;
  line-height:1.9;
  color:var(--ink-2);
}
.page-news .jl-links{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.75rem;
}
.page-news .jl-links li{
  display:grid;
  gap:.3rem;
  padding:1rem 1.1rem;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(10,13,28,.55);
}
.page-news .jl-links a{
  width:fit-content;
  font-family:var(--font-display);
  font-size:1.0625rem;
  font-weight:600;
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.page-news .jl-links a:hover{border-bottom-color:var(--gold)}
.page-news .jl-links span{
  font-size:.875rem;
  line-height:1.8;
  color:var(--ink-2);
}
.page-news a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:2px;
}

@media (min-width:700px){
  .page-news .jl-focus__grid{grid-template-columns:7fr 5fr;align-items:center;gap:2rem}
  .page-news .jl-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:1000px){
  .page-news .jl-list{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:1.1rem 1.5rem;
  }
  .page-news .jl-item{grid-column:1 / span 7}
  .page-news .jl-item:nth-child(even){grid-column:6 / span 7}
  .page-news .jl-coop{grid-template-columns:5fr 6fr;gap:2.5rem;align-items:start}
  .page-news .jl-series{grid-template-columns:5fr 7fr;gap:2.5rem;align-items:start}
  .page-news .jl-follow{grid-template-columns:4fr 8fr;gap:2.5rem;align-items:start}
}

@media (min-width:1280px){
  .page-news .jl-item{padding:1.3rem 1.4rem 1.3rem 1.7rem}
  .page-news .jl-item:nth-child(3n+2){grid-column:2 / span 6}
  .page-news .jl-item:nth-child(3n){grid-column:5 / span 7}
}

@media (prefers-reduced-motion:reduce){
  .page-news .jl-item,
  .page-news .jl-item::after,
  .page-news .jl-item__time,
  .page-news .jl-chip,
  .page-news .jl-ep,
  .page-news .jl-ep__plus::before,
  .page-news .jl-ep__plus::after,
  .page-news .jl-links a{
    transition:none;
  }
}</PAGE_CSS>