[x-cloak] { display: none !important; }
body { padding-bottom: 3rem; }
main.container { max-width: 900px; }
header nav { border-bottom: 1px solid var(--pico-muted-border-color); }
section { margin-block: 2.5rem; }
section > article { margin-top: 1rem; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.stats-grid article { margin: 0; }
.stats-grid h3 { margin: .35rem 0 0; }
.stats-table { width: 100%; }
.section-heading { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.section-heading button { width: auto; }
.overflow { overflow-x: auto; }
.overflow table { min-width: 560px; }
.muted, footer, .inactive { color: var(--pico-muted-color); }
.error { color: #b42318; }
.success { color: #18794e; }
.confirm-area { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--pico-muted-border-color); }
.email-button { display: block; text-align: center; margin-top: 1rem; }
.result-text { margin-top: 1.5rem; }
footer { margin-top: 4rem; border-top: 1px solid var(--pico-muted-border-color); padding-top: 1rem; }
@media (max-width: 650px) {
  .grid { grid-template-columns: 1fr; }
  .section-heading { flex-direction: column; }
  .section-heading button { width: 100%; }
}
#message {
    field-sizing: content;
}