.page-news{
  --news-gap:clamp(1rem,2.6vw,1.75rem);
  --news-pad:clamp(.9rem,2.4vw,1.4rem);
  background:var(--zo-black);
  color:var(--zo-cream);
  padding-top:clamp(.75rem,3vw,1.75rem);
  padding-bottom:clamp(2.5rem,7vw,5rem);
}
.page-news .zo-crumbs{margin-bottom:clamp(1rem,3vw,1.75rem);}

.page-news .news-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(1.25rem,4vw,2.5rem);
  align-items:start;
  padding-bottom:clamp(1rem,3vw,2rem);
  border-bottom:2px solid var(--zo-line-strong);
}
.page-news .news-hero h1{
  font-family:var(--zo-font-head);
  font-size:clamp(1.9rem,7vw,3.4rem);
  line-height:1.15;
  letter-spacing:.01em;
  margin:.5rem 0 0;
  color:var(--zo-cream);
}
.page-news .news-lead{
  margin:1rem 0 0;
  font-size:clamp(1rem,2.6vw,1.1rem);
  line-height:1.75;
  color:var(--zo-coldgray);
  max-width:44ch;
}
.page-news .news-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.4rem;
}
.page-news .news-quick{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
  margin:1.5rem 0 0;
  padding:0;
}
.page-news .news-quick li{
  border:2px solid var(--zo-line);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  padding:.7rem .6rem;
  min-width:0;
}
.page-news .news-quick span{
  display:block;
  font-family:var(--zo-font-num);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.25rem,4.6vw,1.6rem);
  color:var(--zo-lime);
  line-height:1.1;
}
.page-news .news-quick em{
  display:block;
  margin-top:.3rem;
  font-style:normal;
  font-size:.78rem;
  line-height:1.4;
  color:var(--zo-coldgray);
}

.page-news .news-board{
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:linear-gradient(160deg,var(--zo-green),var(--zo-black) 78%);
  box-shadow:var(--zo-shadow);
  padding:var(--news-pad);
  min-width:0;
}
.page-news .news-board__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  flex-wrap:wrap;
}
.page-news .news-board__stamp{
  font-family:var(--zo-font-num);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--zo-coldgray);
}
.page-news .news-board__score{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.35rem;
  margin:1rem 0 .25rem;
  font-family:var(--zo-font-num);
  font-variant-numeric:tabular-nums;
  font-size:clamp(3rem,13vw,4.6rem);
  line-height:1;
  color:var(--zo-white);
  letter-spacing:.02em;
}
.page-news .news-board__colon{color:var(--zo-lime);}
.page-news .news-board__meta{
  margin:0 0 1rem;
  text-align:center;
  font-size:.85rem;
  color:var(--zo-coldgray);
}
.page-news .news-board__rows{
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px dashed var(--zo-line);
}
.page-news .news-board__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.6rem 0;
  border-bottom:1px solid var(--zo-line);
  font-size:.86rem;
}
.page-news .news-board__row:last-child{border-bottom:0;}
.page-news .news-board__row span{color:var(--zo-coldgray);}
.page-news .news-board__row b{
  font-family:var(--zo-font-num);
  font-weight:500;
  color:var(--zo-cream);
  white-space:nowrap;
}

.page-news .news-section{margin-top:clamp(2rem,6vw,3.5rem);}
.page-news .news-section__head h2,
.page-news .news-archive__text h2,
.page-news .lineup__head h2,
.page-news .commute__body h2{
  font-family:var(--zo-font-head);
  font-size:clamp(1.5rem,4.6vw,2.3rem);
  line-height:1.25;
  margin:.45rem 0 .7rem;
  color:var(--zo-cream);
}
.page-news .news-section__head p{
  margin:0;
  max-width:62ch;
  line-height:1.75;
  color:var(--zo-coldgray);
}

.page-news .news-figure{
  margin:var(--news-gap) 0 0;
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  overflow:hidden;
  box-shadow:var(--zo-shadow-soft);
  position:relative;
  background:var(--zo-green);
}
.page-news .news-figure .zo-media__img{
  display:block;
  width:100%;
  height:clamp(180px,42vw,320px);
  object-fit:cover;
}
.page-news .news-figure .zo-media__stamp{
  position:absolute;
  left:.75rem;
  bottom:.75rem;
  padding:.3rem .6rem;
  border-radius:var(--zo-radius-pill);
  background:rgba(11,15,13,.82);
  border:1px solid var(--zo-line-strong);
  font-family:var(--zo-font-num);
  font-size:.72rem;
  letter-spacing:.05em;
  color:var(--zo-lime);
}

.page-news .news-filters{
  display:flex;
  gap:.5rem;
  margin-top:var(--news-gap);
  overflow-x:auto;
  padding-bottom:.35rem;
  scrollbar-width:thin;
}
.page-news .news-filters__link{
  flex:0 0 auto;
  padding:.5rem .95rem;
  border-radius:var(--zo-radius-pill);
  border:2px solid var(--zo-line-strong);
  background:transparent;
  color:var(--zo-coldgray);
  font-size:.85rem;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .16s var(--zo-ease),color .16s var(--zo-ease),background-color .16s var(--zo-ease);
}
.page-news .news-filters__link:hover,
.page-news .news-filters__link:focus-visible{
  border-color:var(--zo-lime);
  color:var(--zo-cream);
  outline:none;
}
.page-news .news-filters__link.is-active{
  background:var(--zo-lime);
  border-color:var(--zo-lime);
  color:var(--zo-black);
  font-weight:700;
}

.page-news .news-timeline{
  margin-top:1.1rem;
  padding-left:clamp(.9rem,3vw,1.6rem);
  border-left:2px solid var(--zo-line-strong);
}

.page-news .round-card{
  position:relative;
  margin-bottom:.9rem;
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  box-shadow:var(--zo-shadow-soft);
  transition:border-color .18s var(--zo-ease);
}
.page-news .round-card::before{
  content:"";
  position:absolute;
  left:calc(-1 * clamp(.9rem,3vw,1.6rem) - 7px);
  top:1.6rem;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--zo-black);
  border:2px solid var(--zo-rock);
}
.page-news .round-card[open]::before{
  background:var(--zo-lime);
  border-color:var(--zo-lime);
  box-shadow:0 0 0 4px rgba(201,255,61,.14);
}
.page-news .round-card:hover{border-color:var(--zo-moss);}
.page-news .round-card[open]{
  border-color:var(--zo-lime);
  box-shadow:inset 0 0 0 1px rgba(201,255,61,.18),var(--zo-shadow);
}

.page-news .round-card__summary{
  list-style:none;
  cursor:pointer;
  padding:var(--news-pad);
  display:grid;
  gap:.7rem;
}
.page-news .round-card__summary::-webkit-details-marker{display:none;}
.page-news .round-card__summary:focus-visible{
  outline:2px solid var(--zo-lime);
  outline-offset:3px;
  border-radius:var(--zo-radius);
}
.page-news .round-card__tag{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
}
.page-news .round-card__score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  flex-wrap:wrap;
}
.page-news .round-card__team{
  font-size:.92rem;
  color:var(--zo-coldgray);
  min-width:0;
  overflow-wrap:anywhere;
}
.page-news .round-card__num{
  font-family:var(--zo-font-num);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.7rem,7vw,2.4rem);
  line-height:1;
  color:var(--zo-white);
  letter-spacing:.04em;
  white-space:nowrap;
}
.page-news .round-card__line{
  font-size:.9rem;
  line-height:1.7;
  color:var(--zo-cream);
}
.page-news .round-card__body{
  padding:0 var(--news-pad) var(--news-pad);
  border-top:1px dashed var(--zo-line);
  margin:0 var(--news-pad);
  padding-left:0;
  padding-right:0;
}
.page-news .round-card__rows{
  margin:.9rem 0 0;
  padding:0;
  display:grid;
  gap:.4rem;
}
.page-news .round-card__row{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  font-size:.85rem;
  padding:.35rem 0;
  border-bottom:1px solid var(--zo-line);
}
.page-news .round-card__row dt{color:var(--zo-coldgray);margin:0;}
.page-news .round-card__row dd{
  margin:0;
  font-family:var(--zo-font-num);
  color:var(--zo-orange);
  white-space:nowrap;
}
.page-news .round-card__note{
  margin:.85rem 0 0;
  font-size:.88rem;
  line-height:1.7;
  color:var(--zo-coldgray);
}
.page-news .round-card__links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.9rem 0 0;
}

.page-news .news-archive{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--news-gap);
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  box-shadow:var(--zo-shadow);
  padding:var(--news-pad);
}
.page-news .news-archive__media{
  border-radius:var(--zo-radius);
  overflow:hidden;
  border:2px solid var(--zo-line);
  background:var(--zo-black);
}
.page-news .news-archive__media img{
  display:block;
  width:100%;
  height:clamp(170px,45vw,260px);
  object-fit:cover;
  max-width:100%;
}
.page-news .news-archive__text p{
  line-height:1.75;
  color:var(--zo-coldgray);
  max-width:58ch;
}
.page-news .news-archive__list{
  list-style:none;
  margin:1rem 0 1.2rem;
  padding:0;
  display:grid;
  gap:.6rem;
}
.page-news .news-archive__list li{
  padding:.7rem .8rem;
  border-left:3px solid var(--zo-moss);
  background:rgba(11,15,13,.4);
  border-radius:0 var(--zo-radius) var(--zo-radius) 0;
  font-size:.88rem;
  line-height:1.7;
  color:var(--zo-coldgray);
}
.page-news .news-archive__list b{
  display:block;
  margin-bottom:.15rem;
  color:var(--zo-cream);
  font-weight:700;
}

.page-news .time-index{
  margin-top:var(--news-gap);
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  box-shadow:var(--zo-shadow);
  padding:var(--news-pad);
}
.page-news .time-index__head{display:none;}
.page-news .time-row{
  display:grid;
  grid-template-columns:1fr;
  gap:.3rem;
  padding:.85rem 0;
  border-bottom:1px dashed var(--zo-line);
}
.page-news .time-row:last-of-type{border-bottom:0;}
.page-news .time-row__round{
  font-family:var(--zo-font-num);
  font-variant-numeric:tabular-nums;
  font-size:1.05rem;
  color:var(--zo-lime);
  letter-spacing:.05em;
}
.page-news .time-row__cell{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  font-size:.85rem;
  color:var(--zo-cream);
  min-width:0;
}
.page-news .time-row__cell i{
  font-style:normal;
  color:var(--zo-rock);
  flex:0 0 auto;
}
.page-news .time-row__cell b{font-weight:600;}
.page-news .time-row__cell .is-lime{color:var(--zo-lime);}
.page-news .time-row__cell .is-orange{color:var(--zo-orange);}
.page-news .time-index__actions{
  margin-top:1rem;
  padding-top:1rem;
  border-top:2px solid var(--zo-line-strong);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.page-news .time-index__actions p{
  margin:0;
  font-size:.86rem;
  line-height:1.7;
  color:var(--zo-coldgray);
  max-width:46ch;
}
.page-news .time-index__actions .zo-copy{
  border-radius:var(--zo-radius-pill);
  border:2px solid var(--zo-orange);
  background:transparent;
  color:var(--zo-orange);
  font-family:var(--zo-font-body);
  font-size:.85rem;
  padding:.55rem 1.05rem;
  cursor:pointer;
  transition:background-color .16s var(--zo-ease),color .16s var(--zo-ease);
}
.page-news .time-index__actions .zo-copy:hover,
.page-news .time-index__actions .zo-copy:focus-visible{
  background:var(--zo-orange);
  color:var(--zo-black);
  outline:none;
}
.page-news .time-index__actions .zo-copy[data-copied]{
  background:var(--zo-lime);
  border-color:var(--zo-lime);
  color:var(--zo-black);
}
.page-news .news-figure--tall{margin-top:var(--news-gap);}
.page-news .news-figure--tall .zo-media__img{height:clamp(160px,40vw,280px);}

.page-news .lineup{
  border:2px solid var(--zo-line-strong);
  border-left:6px solid var(--zo-orange);
  border-radius:var(--zo-radius);
  background:linear-gradient(150deg,var(--zo-green),var(--zo-black) 85%);
  box-shadow:var(--zo-shadow);
  padding:var(--news-pad);
}
.page-news .lineup__head p{
  margin:0;
  line-height:1.75;
  color:var(--zo-coldgray);
  max-width:60ch;
}
.page-news .lineup__list{
  list-style:none;
  margin:1.2rem 0 0;
  padding:0;
  display:grid;
  gap:.7rem;
}
.page-news .lineup__list li{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:.75rem .85rem;
  border:2px solid var(--zo-line);
  border-radius:var(--zo-radius);
  background:rgba(11,15,13,.45);
}
.page-news .lineup__num{
  font-family:var(--zo-font-num);
  font-size:1.1rem;
  color:var(--zo-lime);
  line-height:1.4;
  flex:0 0 auto;
}
.page-news .lineup__list b{
  display:block;
  color:var(--zo-cream);
  margin-bottom:.2rem;
}
.page-news .lineup__list p{
  margin:0;
  font-size:.86rem;
  line-height:1.7;
  color:var(--zo-coldgray);
}
.page-news .lineup__foot{
  margin:1.1rem 0 0;
  font-size:.86rem;
  color:var(--zo-coldgray);
}
.page-news .lineup__foot a{color:var(--zo-lime);}

.page-news .cadence{
  list-style:none;
  margin:var(--news-gap) 0 0;
  padding:0;
  display:grid;
  gap:.7rem;
}
.page-news .cadence__step{
  position:relative;
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  padding:var(--news-pad);
  box-shadow:var(--zo-shadow-soft);
}
.page-news .cadence__num{
  display:inline-block;
  font-family:var(--zo-font-num);
  font-variant-numeric:tabular-nums;
  font-size:.82rem;
  letter-spacing:.08em;
  color:var(--zo-black);
  background:var(--zo-lime);
  border-radius:var(--zo-radius-pill);
  padding:.2rem .6rem;
}
.page-news .cadence__step b{
  display:block;
  margin:.6rem 0 .25rem;
  color:var(--zo-cream);
  font-size:1rem;
}
.page-news .cadence__step p{
  margin:0;
  font-size:.85rem;
  line-height:1.7;
  color:var(--zo-coldgray);
}
.page-news .cadence__note{
  margin:1rem 0 0;
  font-size:.86rem;
  line-height:1.7;
  color:var(--zo-coldgray);
  padding-left:.8rem;
  border-left:3px solid var(--zo-moss);
}

.page-news .commute{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--news-gap);
  border:2px solid var(--zo-line-strong);
  border-radius:var(--zo-radius);
  background:var(--zo-green);
  box-shadow:var(--zo-shadow);
  padding:var(--news-pad);
}
.page-news .commute__media{
  border-radius:var(--zo-radius);
  overflow:hidden;
  border:2px solid var(--zo-line);
  background:var(--zo-black);
}
.page-news .commute__media img{
  display:block;
  width:100%;
  height:clamp(220px,60vw,360px);
  object-fit:cover;
  max-width:100%;
}
.page-news .commute__body p{
  line-height:1.75;
  color:var(--zo-coldgray);
}
.page-news .commute__keyword{
  border-left:4px solid var(--zo-lime);
  padding:.55rem .8rem;
  background:rgba(201,255,61,.07);
  color:var(--zo-cream) !important;
  font-weight:600;
  border-radius:0 var(--zo-radius) var(--zo-radius) 0;
}
.page-news .commute__list{
  list-style:none;
  margin:1rem 0 1.2rem;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-news .commute__list li{
  position:relative;
  padding-left:1.15rem;
  font-size:.88rem;
  line-height:1.7;
  color:var(--zo-coldgray);
}
.page-news .commute__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--zo-orange);
}
.page-news .commute__list a{color:var(--zo-lime);}
.page-news .commute__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0;
}

.page-news .news-topline{
  margin:clamp(2rem,6vw,3rem) 0 0;
  padding-top:1rem;
  border-top:2px solid var(--zo-line-strong);
  text-align:right;
}
.page-news .news-topline a{
  font-family:var(--zo-font-num);
  font-size:.8rem;
  letter-spacing:.08em;
  color:var(--zo-coldgray);
  text-decoration:none;
  border-bottom:1px dashed var(--zo-line-strong);
  padding-bottom:.15rem;
}
.page-news .news-topline a:hover,
.page-news .news-topline a:focus-visible{color:var(--zo-lime);border-color:var(--zo-lime);outline:none;}

@media (min-width:720px){
  .page-news .news-quick{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-news .news-archive{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:calc(var(--news-pad) * 1.15);align-items:start;}
  .page-news .news-archive__media img{height:100%;min-height:240px;}
  .page-news .cadence{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .commute{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;padding:calc(var(--news-pad) * 1.15);}
  .page-news .commute__media img{height:100%;min-height:300px;}
  .page-news .lineup{padding:calc(var(--news-pad) * 1.15);}
}

@media (min-width:980px){
  .page-news .news-hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);}
  .page-news .news-lead{max-width:46ch;}
  .page-news .round-card__summary{grid-template-columns:minmax(0,1fr);gap:.75rem;}
  .page-news .round-card__score{justify-content:flex-start;gap:1rem;}
  .page-news .round-card__line{max-width:74ch;}
  .page-news .time-index__head{
    display:grid;
    grid-template-columns:90px repeat(4,minmax(0,1fr));
    gap:.6rem;
    padding:0 0 .6rem;
    border-bottom:2px solid var(--zo-line-strong);
    font-family:var(--zo-font-num);
    font-size:.72rem;
    letter-spacing:.1em;
    color:var(--zo-rock);
  }
  .page-news .time-row{
    grid-template-columns:90px repeat(4,minmax(0,1fr));
    gap:.6rem;
    align-items:center;
    padding:.75rem 0;
  }
  .page-news .time-row__cell{display:block;justify-content:flex-start;}
  .page-news .time-row__cell i{display:none;}
  .page-news .cadence{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-news .news-archive__media img{min-height:320px;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .news-filters__link,
  .page-news .round-card,
  .page-news .time-index__actions .zo-copy{transition:none;}
}
<<<END>>>