/* visa_changes.css — the MOJ manual changelog. Clean-premium, mirrors
   the visa pages' card language. */

.wg-vchg-main { max-width: 680px; margin: 0 auto; }

.wg-vchg-hero {
  background: linear-gradient(180deg, var(--wg-tint), var(--wg-bg));
  border: 1px solid var(--wg-border-soft);
  border-radius: var(--wg-radius-card);
  padding: 22px 20px 20px;
  box-shadow: var(--wg-shadow-card);
  margin-bottom: 16px;
}
.wg-vchg-kicker {
  display: block; font-size: .68rem; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase; line-height: 1.5;
  color: var(--wg-color-dark); margin-bottom: 6px;
}
@media (min-width: 640px) {
  .wg-vchg-kicker {
    display: inline-block; background: rgba(14, 175, 76, .10);
    padding: 3px 10px; border-radius: 999px; margin-bottom: 10px;
  }
}
.wg-vchg-hero h1 { font-size: 1.5rem; line-height: 1.25; margin: 0 0 8px; }
.wg-vchg-intro { color: var(--wg-muted); margin: 0; line-height: 1.6; }
.wg-vchg-edition {
  color: var(--wg-muted); font-size: .82rem; line-height: 1.55;
  margin: 12px 0 0; padding-top: 10px;
  border-top: 1px dashed var(--wg-border-soft);
}

.wg-vchg-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.wg-vchg-entry {
  padding: 16px 18px;
  border: 1px solid var(--wg-border-soft); border-radius: var(--wg-radius-card);
  background: #fff; box-shadow: var(--wg-shadow-card);
}
.wg-vchg-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 7px; }
.wg-vchg-meta time { font-size: .78rem; font-weight: 700; color: var(--wg-muted); }
.wg-vchg-code {
  font-size: .72rem; font-weight: 800; letter-spacing: .04em;
  color: var(--wg-color-dark); background: rgba(14, 175, 76, .12);
  padding: 3px 9px; border-radius: 999px; text-decoration: none;
  transition: background var(--wg-dur) ease;
}
.wg-vchg-code:hover { background: rgba(14, 175, 76, .2); text-decoration: none; }
.wg-vchg-entry h2 { font-size: 1.02rem; line-height: 1.4; margin: 0 0 6px; }
.wg-vchg-sum { font-size: .89rem; line-height: 1.6; color: var(--wg-muted); margin: 0; }
.wg-vchg-src {
  font-size: .76rem; color: var(--wg-muted); margin: 10px 0 0;
  padding-top: 8px; border-top: 1px dashed var(--wg-border-soft);
}

.wg-vchg-langnote {
  color: var(--wg-muted); font-size: .8rem; line-height: 1.5; margin: 8px 0 0;
  font-style: italic;
}
.wg-vchg-empty { color: var(--wg-muted); }
.wg-vchg-disclaimer {
  color: var(--wg-muted); font-size: .82rem; line-height: 1.55; margin: 20px 0 0;
}
.wg-vchg-footnote { margin-top: 14px; font-size: .9rem; }