/* Journal, part 4 of 4 — header and footer spacing. The record list itself
   lives in records.css. */
.site-header { padding: 36px 40px 22px; }
.site-footer {
  max-width: 1100px;
  margin: 72px auto 0;
  justify-content: center;
}

@media (max-width: 760px) {
  .site-header { padding: 26px 20px 16px; }
  .site-footer { margin: 56px 20px 0; }
}
input[type=password] { display: block; width: 100%; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--separator); border-radius: 6px; background: var(--surface); color: var(--label); font-size: 14px; }
input[type=password]:focus { outline: 2px solid #a0b595; outline-offset: 1px; }