/* Updates — the release page and the panel that announces one. */
.up-wrap{max-width:760px}
.up-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--stroke)}
.up-h1{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.01em;margin:0}
.up-lede{margin:4px 0 0;color:var(--ink-soft);font-size:14.5px}

.up-rel{padding:20px 0;border-bottom:1px solid var(--stroke-soft)}
.up-rel:last-of-type{border-bottom:0}
.up-rel-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.up-rel-t{font-family:var(--disp);font-weight:600;font-size:17px;margin:0;line-height:1.3}
.up-rel-d{font-size:12px;color:var(--ink-faint);margin-top:3px;
  font-variant-numeric:tabular-nums}
/* A release the reader has not seen is marked once, on the release — not on
   every line inside it, which turns a list into a wall of badges. */
.up-new{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--gold-deep);background:rgba(169,130,76,.14);
  border:1px solid var(--gold);border-radius:999px;padding:3px 9px}
.up-rel.is-new .up-rel-t{color:var(--ink)}

.up-list{margin:12px 0 0;padding-left:18px;display:grid;gap:7px}
.up-list li{color:var(--ink-soft);font-size:14.5px;line-height:1.6}
.up-list li::marker{color:var(--gold)}

.up-foot{margin:26px 0 0;font-size:12px;color:var(--ink-faint)}

/* The panel. Capped so a long gap between sign-ins does not produce a modal
   taller than the screen with the buttons stranded below the fold. */
.up-modal{max-height:52vh;overflow-y:auto;margin-top:4px;padding-right:6px}
.up-modal .up-rel{padding:14px 0}
.up-modal .up-rel-t{font-size:15.5px}

@media (max-width:520px){
  .up-head{flex-direction:column;gap:10px}
  .up-modal{max-height:46vh}
}