/* Updates page — additive stylesheet.
   Loaded ONLY on /updates/index.html, alongside the existing site.css.
   Uses the same CSS variables already defined in site.css
   (--navy, --gold, --cream, --line, --muted, --radius, --font-serif, --font-sans)
   so colors and type automatically match the rest of the site. */

.update-feed{
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}

.update-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.4rem 1.6rem;
}

.update-meta{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:.55rem;
  flex-wrap:wrap;
}

.update-tag{
  display:inline-block;
  padding:.26rem .75rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-family:var(--font-sans);
}

.tag-announcement{ background:var(--gold); color:#fff; }
.tag-ongoing{ background:var(--navy); color:#fff; }
.tag-upcoming{ background:var(--cream); color:var(--navy); border:1px solid var(--gold); }

.update-date{
  font-size:.85rem;
  color:var(--muted);
  font-weight:600;
}

.update-title{
  font-family:var(--font-serif);
  font-size:1.2rem;
  color:var(--navy);
  margin:.15rem 0 .5rem;
  line-height:1.3;
}

.update-body{
  font-size:.96rem;
  color:#3b4551;
  margin:0;
  line-height:1.6;
}

.update-sample-notice{
  background:var(--cream);
  border:1px dashed var(--gold);
  border-radius:var(--radius);
  padding:1rem 1.3rem;
  font-size:.88rem;
  color:var(--muted);
  margin-bottom:1.6rem;
}