/* Company announcements: scoped to the Updates page. */
.updates-page{
  --updates-meta:clamp(.75rem,.72rem + .15vw,.86rem);
  --updates-body:clamp(1rem,.98rem + .1vw,1.0625rem);
}
.updates-page .hero{
  padding-block:clamp(var(--s5),4vw,var(--s6));
}
.updates-page #company-milestones{padding-block:var(--s5)}
.updates-page .hero-grid{align-items:start}
.updates-page .hero h1{font-size:clamp(2.1rem,4.3vw,3.5rem);max-width:21ch}
.updates-page .eyebrow{font-size:var(--updates-meta)}
.updates-page .hero-aside a,
.updates-page .company-timeline a,
.updates-page .technical-sources a,
.updates-page .updates-disclaimer a{
  color:var(--black);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.updates-page a:focus-visible{outline:2px solid var(--black);outline-offset:4px}
.updates-page .external-note{margin-top:var(--s1);font-size:var(--updates-meta)}
.updates-page .review-date{border-top:1px solid var(--rule);padding-top:var(--s2)}
.updates-page .review-date time{display:block;color:var(--black);font-weight:500}
.updates-page .timeline-intro{max-width:70ch;margin-top:var(--s2)}
.updates-page .company-timeline{
  margin-top:var(--s4);
  max-width:80ch;
  border-left-color:var(--rule);
}
.updates-page .company-timeline .when{
  font-family:var(--f-body);
  color:var(--grey);
  font-size:var(--updates-meta);
  font-variant-numeric:tabular-nums;
}
.updates-page .company-timeline h3{
  font-family:var(--f-body);
  font-size:clamp(1.125rem,1rem + .4vw,1.3rem);
  line-height:1.35;
}
.updates-page .company-timeline p{
  max-width:70ch;
  color:var(--grey);
  font-size:var(--updates-body);
}
.updates-page .technical-sources{
  max-width:80ch;
  margin-top:var(--s6);
  background:var(--white);
  border:1px solid var(--rule);
  padding:var(--s3);
}
.updates-page .technical-sources h3{
  font-family:var(--f-body);
  font-size:1.125rem;
  margin-bottom:var(--s2);
}
.updates-page .technical-sources p{font-size:var(--updates-body);color:var(--grey)}
.updates-page .updates-disclaimer{max-width:90ch;margin-top:var(--s5)}
@media(max-width:600px){
  .updates-page .company-timeline li{padding-left:var(--s3)}
  .updates-page #company-milestones{padding-block:var(--s5)}
  .updates-page .btn{max-width:100%;text-align:center}
}