.news-article{max-width:820px;margin:0 auto;padding:clamp(2rem,5vw,3.8rem) var(--pad)}
.news-article>.detail-back{display:inline-flex;margin-bottom:1.1rem;color:var(--green-deep);font:700 .76rem var(--mono);transition:gap .18s}.news-article>.detail-back:hover{gap:.7rem}
.na-meta{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .8rem}.news-date{color:var(--grey);font:700 .76rem var(--mono);letter-spacing:.04em}.news-tag{padding:.18rem .55rem;border-radius:999px;background:var(--green-ink);color:#fff;font:700 .65rem var(--mono);letter-spacing:.04em}
.na-title{margin-bottom:0;font-family:var(--serif);font-size:clamp(1.75rem,3.6vw,2.65rem);font-weight:700;line-height:1.18;color:var(--head)}.na-source{margin-top:.75rem;color:var(--grey);font:400 .82rem/1.65 var(--mono)}
.na-cover{margin:1.8rem 0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--green-ink)}.na-cover img{display:block;width:100%;height:auto;object-fit:contain}
.na-body{color:var(--ink);font-size:1.04rem;line-height:1.85}.na-body h2{margin:2rem 0 .75rem;color:var(--head);font-size:1.35rem;font-weight:800}.na-body p{margin-bottom:1.1rem}.na-body img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:10px}.na-body strong{color:var(--head)}.na-body a:not(.btn){color:var(--green-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.na-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
@media(max-width:640px){.news-article{padding-top:1.5rem}.na-body{font-size:1rem}.na-title{font-size:1.72rem}}

/* Homepage-aligned editorial hierarchy for lab updates. */
.content-news .news-article{max-width:1120px;padding-top:clamp(3.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,8vw,8rem)}
.content-news .news-article>.detail-back{margin-bottom:clamp(2.4rem,5vw,4.5rem);color:var(--grey);font-size:.72rem}
.content-news .na-meta{display:flex;align-items:center;gap:.65rem;margin:0 0 1.25rem;padding-left:.72rem;border-left:4px solid var(--metro-lime)}
.content-news .news-date,.content-news .news-tag{padding:0;border:0;border-radius:0;background:transparent;color:var(--metro-olive);font:700 .72rem/1.4 var(--mono);letter-spacing:.1em}
.content-news .news-date::after{content:"·";margin-left:.65rem;color:var(--grey)}
.content-news .na-title{max-width:980px;font-size:clamp(2.75rem,5.1vw,5.8rem);font-weight:620;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.content-news .na-source{max-width:760px;margin-top:1.4rem;color:var(--lead);font:400 clamp(.94rem,1.15vw,1.06rem)/1.85 var(--sans);text-wrap:pretty}
.content-news .na-cover{margin:clamp(3rem,6vw,5.5rem) 0 0;border:1px solid var(--line);border-radius:0;background:var(--bg-alt)}
.content-news .na-cover img{width:100%;max-height:680px;object-fit:contain}
.content-news .na-body{max-width:820px;margin:clamp(3.5rem,7vw,6rem) auto 0;color:var(--lead);font-size:1.06rem;line-height:1.95}
.content-news .na-body h2{margin:3.3rem 0 1.1rem;padding-left:.85rem;border-left:4px solid var(--metro-lime);color:var(--head);font-size:clamp(1.45rem,2vw,1.8rem);font-weight:720}
.content-news .na-body p{margin-bottom:1.25rem}
.content-news .na-body img{margin:2.4rem auto 1rem;border:1px solid var(--line);border-radius:0;background:var(--bg-alt)}
.content-news .na-body strong{color:var(--head)}
.content-news .na-body a:not(.btn){color:var(--metro-olive);text-decoration-color:var(--metro-lime)}
.content-news .na-cta{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
@media(max-width:640px){
  .content-news .news-article{padding-top:3rem}
  .content-news .na-title{font-size:clamp(2.5rem,12vw,3.8rem)}
  .content-news .na-cover{margin-top:2.5rem}
  .content-news .na-body{margin-top:3rem;font-size:1rem}
  .content-news .na-title{overflow-wrap:anywhere;line-height:1.08}
  .content-news .na-source{font-size:.92rem;line-height:1.75}
  .content-news .na-cover{margin-top:2rem}
  .content-news .na-body{margin-top:2.5rem;line-height:1.85}
  .content-news .na-body img{width:100%;margin:1.25rem 0;border-radius:0}
}

/* Lab news index: an editorial archive in the same family as Featured research. */
.news-index-page{
  position:relative;
  overflow:hidden;
  background:var(--bg);
}

.news-index-page .news-archive{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:1520px;
  margin-inline:auto;
  padding:clamp(3.25rem,5vw,5.25rem) var(--pad) clamp(7rem,11vw,11rem);
}
.news-index-page .news-archive::before,
.news-index-page .news-archive::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  background:rgba(160,180,28,.12);
}
.news-index-page .news-archive::before{
  top:clamp(-7rem,-6vw,-4rem);
  left:-13rem;
  width:clamp(300px,31vw,520px);
  height:clamp(330px,35vw,570px);
  border-radius:43% 57% 35% 65% / 57% 38% 62% 43%;
  --news-blob-turn:-7deg;
  --news-blob-turn-end:-4deg;
  transform:rotate(var(--news-blob-turn));
  animation:newsArchiveDrift 28s ease-in-out infinite alternate;
}
.news-index-page .news-archive::after{
  right:-14rem;
  bottom:4%;
  width:clamp(320px,33vw,560px);
  height:clamp(280px,30vw,490px);
  background:rgba(69,88,22,.09);
  border-radius:55% 45% 63% 37% / 39% 59% 41% 61%;
  --news-blob-turn:9deg;
  --news-blob-turn-end:6deg;
  transform:rotate(var(--news-blob-turn));
  animation:newsArchiveDrift 34s ease-in-out -9s infinite alternate-reverse;
}
.news-index-page .news-archive> *{
  position:relative;
  z-index:1;
}
.news-index-page .news-archive-list{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.news-index-page .news-archive-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(150px,.28fr) auto;
  align-items:end;
  gap:1rem;
  margin-bottom:1.6rem;
}
.news-index-page .news-search,
.news-index-page .news-year-filter{
  display:grid;
  gap:.48rem;
  color:var(--lead);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
}
.news-index-page .news-search input,
.news-index-page .news-year-filter select{
  width:100%;
  min-height:48px;
  border:1px solid var(--line);
  border-radius:0;
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  color:var(--head);
  padding:.75rem .9rem;
  font:500 .88rem/1.3 var(--sans);
}
.news-index-page .news-search input:focus,
.news-index-page .news-year-filter select:focus{
  outline:2px solid var(--metro-lime);
  outline-offset:2px;
}
.news-index-page .news-result-count{
  min-width:150px;
  margin:0 0 .8rem;
  color:var(--lead);
  font:600 .72rem/1.4 var(--mono);
  text-align:right;
}
.news-index-page .news-archive-row{
  display:grid;
  grid-template-columns:minmax(106px,.32fr) minmax(220px,.7fr) minmax(0,1.7fr) 58px;
  align-items:center;
  gap:clamp(1.2rem,2.4vw,2.8rem);
  min-height:210px;
  padding:1.5rem 0;
  border-bottom:1px solid var(--line);
  background:transparent;
}
.news-index-page .news-archive-row[hidden]{display:none!important}
.news-index-page .news-archive-row.is-external>i{color:var(--green-deep)}
.news-index-page .news-load-more{
  display:block;
  min-width:220px;
  margin:2.2rem auto 0;
  padding:.9rem 1.4rem;
  border:1px solid var(--head);
  background:transparent;
  color:var(--head);
  font:700 .78rem/1 var(--sans);
  letter-spacing:.06em;
  cursor:pointer;
}
.news-index-page .news-load-more:hover{
  background:var(--head);
  color:var(--bg);
}
.news-index-page .news-load-more[hidden]{display:none}
.news-index-page .news-archive-row:last-child{
  border-bottom:0;
}
.news-index-page .news-archive-row time{
  align-self:start;
  padding-top:.2rem;
  color:var(--head);
  font-family:var(--display);
  font-size:clamp(1.2rem,1.7vw,1.8rem);
  font-weight:620;
  line-height:1;
  letter-spacing:-.04em;
}
.news-index-page .news-archive-row figure{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--bg-alt);
}
.news-index-page .news-archive-row figure img{
  display:block;
  width:100%;
  aspect-ratio:694/295;
  object-fit:cover;
  object-position:center;
  filter:saturate(.78) contrast(.97);
}
.news-index-page .news-archive-row>div{
  min-width:0;
}
.news-index-page .news-archive-row>div>span{
  display:block;
  margin-bottom:.65rem;
  color:var(--green-deep);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
}
.news-index-page .news-archive-row h3{
  max-width:860px;
  margin:0;
  font-size:clamp(1.35rem,1.9vw,2rem);
  font-weight:650;
  line-height:1.35;
  letter-spacing:-.025em;
}
.news-index-page .news-archive-row p{
  display:-webkit-box;
  max-width:800px;
  margin:.75rem 0 0;
  overflow:hidden;
  color:var(--lead);
  font-size:.88rem;
  line-height:1.75;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.news-index-page .news-archive-row>i{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  justify-self:end;
  border-left:1px solid var(--line);
  color:var(--head);
  font:400 1.05rem/1 var(--mono);
  font-style:normal;
}
@media(hover:hover) and (pointer:fine){
  .news-index-page .news-archive-row:hover{
    background:color-mix(in srgb,var(--metro-lime) 5%,transparent);
  }
}
.news-index-page .news-archive-row:focus-visible{
  outline:2px solid var(--metro-lime);
  outline-offset:4px;
}

html[lang="en"] .news-index-page .news-archive-row h3{
  font-family:var(--display);
}

@keyframes newsArchiveDrift{
  0%{transform:translate3d(-1%,0,0) rotate(var(--news-blob-turn)) scale(.99)}
  100%{transform:translate3d(2.5%,1.8%,0) rotate(var(--news-blob-turn-end)) scale(1.015)}
}

@media(max-width:980px){
  .news-index-page .news-archive-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(150px,.35fr);
  }
  .news-index-page .news-result-count{
    grid-column:1/-1;
    margin:0;
    text-align:left;
  }
  .news-index-page .news-archive-row{
    grid-template-columns:minmax(0,1fr) 48px;
    gap:0 1rem;
    min-height:0;
    padding:2rem 0;
  }
  .news-index-page .news-archive-row time{
    grid-column:1;
    grid-row:1;
    padding:0;
  }
  .news-index-page .news-archive-row figure{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    max-width:760px;
    margin-top:1.35rem;
  }
  .news-index-page .news-archive-row>div{
    grid-column:1/-1;
    grid-row:3;
    max-width:860px;
    padding-top:1.4rem;
  }
  .news-index-page .news-archive-row>i{
    grid-column:2;
    grid-row:1;
  }
}

@media(max-width:640px){
  .news-index-page .news-archive{
    padding-top:3rem;
    padding-bottom:6rem;
  }
  .news-index-page .news-archive-row h3{
    font-size:clamp(1.3rem,6.5vw,1.7rem);
  }
  .news-index-page .news-archive-toolbar{grid-template-columns:1fr}
  .news-index-page .news-result-count{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  .news-index-page .news-archive::before,
  .news-index-page .news-archive::after{animation:none}
}