.page-update-notice {
  display:flex; align-items:center; justify-content:space-between;
  gap:10px 16px; padding:10px 20px; border-bottom:1px solid #65ff1b38;
  background:#17250f; color:#eaffdf; font-size:12px; line-height:1.4; flex-shrink:0;
}
.page-update-notice[hidden] { display:none; }
.page-update-notice button {
  flex-shrink:0; min-height:36px; padding:7px 14px; border:1px solid #65ff1b70;
  border-radius:6px; background:#0a1407; color:#d9ffbd; font:inherit;
  font-weight:700; cursor:pointer;
}
.page-update-notice button:focus-visible {
  outline:3px solid var(--green,#65ff1b); outline-offset:2px;
}
@media(max-width:500px) { .page-update-notice { padding:9px 12px; } }