/* News list and article. Page CSS only; biolabs_style.css cache key stays ?v=440. */
body{background:#F2EFE9}
[hidden]{display:none!important}
.news-wrap{
  max-width:760px;
  margin:0 auto;
  padding:40px 20px 72px;
  color:#0d2137;
}
.news-kicker{
  margin:0 0 8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#9A6D2A;
}
.news-wrap h1{
  margin:0 0 12px;
  font-size:clamp(28px,4vw,42px);
  line-height:1.15;
  letter-spacing:-.03em;
  color:#0d2137;
}
.news-lede,.news-summary{
  margin:0 0 22px;
  font-size:16px;
  line-height:1.65;
  color:#3E2B20;
  overflow-wrap:anywhere;
}
.news-list{
  display:grid;
  gap:16px;
}
.news-card{
  display:block;
  background:#fff;
  border:1px solid #e5dfd4;
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  color:#0d2137;
}
.news-card img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  background:#F2EFE9;
}
.news-card-body{padding:18px 18px 16px}
/* news card credit: credited card (div) = image link + credit line + title link; same look as the plain a.news-card */
.news-card-media,.news-card-link{display:block;color:inherit;text-decoration:none}
.news-card .news-card-credit{
  margin:0;
  padding:6px 18px 0;
  font-size:12px;
  line-height:16px;
  color:#5f5f5f;
  background:none;
  overflow-wrap:anywhere;
}
.news-card .news-card-credit a{color:inherit;text-decoration:underline}
/* the site-wide mobile text floor (biolabs_style.css, <=800px: max(13px, 1em) !important) would make it 16px; keep it 13px */
@media (max-width:800px){.news-card .news-card-credit{font-size:13px !important;line-height:18px !important}}
.news-card h2{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
.news-card p{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.55;
  color:#4A4A4A;
  overflow-wrap:anywhere;
}
.news-date{
  display:block;
  font-size:13px;
  font-weight:600;
  color:#9A6D2A;
}
.news-empty,.news-missing{
  margin:8px 0 0;
  font-size:16px;
  line-height:1.6;
  color:#3E2B20;
}
.news-missing a{color:#9A6D2A;font-weight:700}
.news-pages{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:22px;
}
.news-pages a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#0d2137;
  color:#F2EFE9;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.news-pages span{font-size:14px;color:#4A4A4A}
.news-hero{
  margin:0 0 22px;
}
.news-hero img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:16px;
  background:#F2EFE9;
}
.news-hero figcaption{
  margin-top:8px;
  font-size:13px;
  line-height:1.5;
  color:#4A4A4A;
  overflow-wrap:anywhere;
}
.news-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
  padding:0;
  list-style:none;
}
.news-tags li{
  padding:6px 10px;
  border-radius:999px;
  background:#F2EFE9;
  border:1px solid #e5dfd4;
  font-size:12px;
  font-weight:700;
  color:#0d2137;
  overflow-wrap:anywhere;
}
.news-body{
  font-size:16px;
  line-height:1.7;
  color:#1F1F1F;
  overflow-wrap:anywhere;
}
.news-body img,.news-body video,.news-body iframe,.news-body figure{
  max-width:100%;
  height:auto;
}
.news-body table{display:block;max-width:100%;overflow-x:auto}
.news-body figure{margin:18px 0}
.news-sources{
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.news-sources li{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.news-sources a{color:#9A6D2A;font-weight:700}
.news-faq{margin:28px 0 0}
.news-faq h2{font-size:20px;margin:0 0 10px;color:#0d2137}
.news-faq article{
  padding:12px 0;
  border-top:1px solid #e5dfd4;
}
.news-faq h3{margin:0 0 6px;font-size:16px;overflow-wrap:anywhere}
.news-faq p{margin:0;font-size:15px;line-height:1.6;color:#3E2B20;overflow-wrap:anywhere}
.news-end{
  margin-top:36px;
  padding-top:22px;
  border-top:1px solid #e5dfd4;
}
.news-coa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#0d2137;
  color:#F2EFE9;
  text-decoration:none;
  font-weight:700;
}
.news-science-line{margin:14px 0}
.news-science-line a{color:#9A6D2A;font-weight:700}
.news-related{margin:8px 0 16px}
.news-related h2{font-size:18px;margin:0 0 8px;color:#0d2137}
.news-related ul{margin:0;padding:0;list-style:none}
.news-related li{margin:0 0 8px}
.news-related a{color:#0d2137;font-weight:700;overflow-wrap:anywhere}
.news-ruo{
  margin:16px 0 0;
  font-size:14px;
  line-height:1.55;
  color:#3E2B20;
}
.news-foot{
  border-top:1px solid #e5dfd4;
  background:#F2EFE9;
}
.news-foot .footer-inner{max-width:760px;margin:0 auto;padding:28px 20px 36px}
.news-foot .footer-disclaimer{font-size:13px;line-height:1.55;color:#3E2B20;margin:0 0 14px}
.news-foot .footer-legal-links{display:flex;flex-wrap:wrap;gap:10px 16px}
.news-foot .footer-legal-links a{color:#0d2137;font-size:14px;font-weight:600}
@media (max-width:390px){
  .news-wrap{padding:28px 16px 56px}
  .news-card-body{padding:14px}
  .news-card .news-card-credit{padding:6px 14px 0}
}
/* footer contrast fix 2026-10-04 */
.news-foot .footer-disclaimer{color:#3E2B20 !important}
.news-foot .footer-legal-links,.news-foot .footer-legal-links a{color:#0d2137 !important}
.news-foot .footer-legal-links a:hover{color:#8a5a12 !important}
#news-figures img{max-width:100%;height:auto}