/* Freshness strip under the h1 of a content page: "Data updated 28 Oct 2026 · Latest official patch: 28 Oct 2026".
   One line on a desktop, one or two on a 390px phone. Plain text, so it reads the same without JS or colour. */
.fresh { max-width: 60ch; margin: 0 0 var(--space-3); color: var(--text-muted); font-size: var(--text-sm); line-height: 1.4; }
.fresh a { color: var(--text); }
.fresh a:hover { color: var(--accent); }
@media (max-width: 720px) {
  /* A 44px tap area for the patch link without changing the height of the line. */
  .fresh a { display: inline-block; padding: 13px 2px; margin: -13px -2px; }
}

/* The changelog page (/mw4/changelog/): month headings, then one entry per change. */
.cl-month { margin-top: var(--space-6); }
.cl-list { list-style: none; margin: 0; padding: 0; max-width: 62ch; }
.cl-entry { padding: var(--space-3) 0; border-top: 1px solid var(--border); }
.cl-entry:first-child { border-top: 0; }
.cl-date { display: block; color: var(--text-muted); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }
.cl-title { margin: 2px 0; font-size: var(--text-md); font-weight: 700; line-height: var(--leading-tight); }
.cl-text { margin: 0; color: var(--text-muted); font-size: var(--text-sm); }
@media (max-width: 720px) {
  .cl-title a { display: inline-flex; align-items: center; min-height: 44px; }
}