/* Base styles are compiled from src/styles/global.css into site.css. */
form, form p, header > p, header + p { margin: 1em 0; }
label { display: block; }

button {
  padding: .3em .6em;
  border: 1px solid ButtonBorder;
  color: ButtonText;
  background: ButtonFace;
  cursor: pointer;
}

button:disabled { cursor: default; opacity: .5; }

input, textarea {
  max-width: 100%;
  margin-top: .25em;
  padding: .4em;
  border: 1px solid #888;
  background: var(--color-background-content);
}

input[type="text"], textarea { width: 100%; }
input[type="password"] { width: 24ch; }
textarea { display: block; resize: vertical; }

fieldset {
  min-width: 0;
  margin: 1em 0;
  padding: 0 1em 1em;
  border: 1px solid #aaa;
}

legend { font-weight: 700; }
#editor-fields { padding: 0; border: 0; }
#save-status, #login-status { min-height: 1.5em; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }