/* =========================================================================
   base.css: minimal reset shared by the site (index.html) and the admin
   panel (admin.html). Page-specific styles live in site.css / admin.css.
   ========================================================================= */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Keep content clear of phone notches and home bars */
:root {
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* The hidden attribute always wins over display rules */
[hidden] {
  display: none !important;
}
/* Text for screen readers only (used by the admin status labels) */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}