/* Original 500 x 270 journal logo, unchanged. No anniversary mark. */
body.backup-page {
  --accent: #a51c30;
  --nav: #102e3a;
  --gold: #c48636;
}
body.backup-page .edition {
  color: #f1d6a6;
  white-space: pre-line;
}
body.backup-page nav a {
  border-left-color: #c48636;
}
body.backup-page #period {
  display: none;
}
body.backup-page .backup-controls,
body.backup-page .backup-snapshots {
  border-top: 2px solid #a51c30;
}
.report-progress[hidden] { display: none; }
.report-progress { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; background: #f7f8faad; backdrop-filter: blur(3px); }
.report-progress-card { width: min(390px, 100%); padding: 32px; text-align: center; background: white; border: 1px solid #ead5d9; border-radius: 18px; box-shadow: 0 18px 65px #26334824; }
.report-progress-card strong { display: block; margin-top: 18px; color: #a51c30; font-size: 21px; }
.report-progress-card p { color: #647185; line-height: 1.6; }
.report-progress-spinner { display: inline-block; width: 36px; height: 36px; border: 3px solid #ead5d9; border-top-color: #a51c30; border-radius: 50%; animation: report-spin .8s linear infinite; }
@media (prefers-reduced-motion: reduce) { .report-progress-spinner { animation: none; } }
.backup-controls h2, .backup-snapshots h2 { margin-bottom: 12px; }
.backup-note { max-width: 920px; color: var(--muted); font: 12px/1.7 "Trebuchet MS", sans-serif; }
.backup-jobs { display: grid; gap: 10px; margin-top: 18px; }
.backup-job { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); background: #fffdf8; font: 11px/1.6 "Trebuchet MS", sans-serif; }
.backup-download { color: var(--accent); font: 600 11px "Trebuchet MS", sans-serif; }
.backup-table { margin-top: 16px; }
.backup-table th, .backup-table td { padding: 12px 9px; text-align: left; vertical-align: middle; }
.backup-table td:first-child { white-space: nowrap; }
.backup-table .report-button { padding: 8px 10px; font-size: 10px; }
.backup-id { font-family: monospace; }
.backup-state { color: var(--muted); font: 11px "Trebuchet MS", sans-serif; }
.backup-error { flex-basis: 100%; color: #9b4638; }
.report-loading .fresh i {
  width: 16px;
  height: 16px;
  border: 2px solid #e6a9b3;
  border-top-color: #a51c30;
  background: transparent;
  border-radius: 50%;
  animation: report-spin 0.8s linear infinite;
}
.report-loading #overview, .report-loading #details { opacity: 0.55; }
@keyframes report-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .report-loading .fresh i { animation: none; } }
.journal-mark {
  display: block;
  flex-shrink: 0;
  width: 205px;
  padding: 7px 8px;
  background: #fff;
  line-height: 0;
  border-radius: 3px;
}
.journal-mark img,
.journal-sidebar-mark img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.masthead-context {
  font-size: 9px;
  line-height: 1.8;
  letter-spacing: 1.5px;
  color: #647185;
}
.masthead-context small {
  font-size: 7px;
  letter-spacing: 1px;
}
.journal-story {
  background:
    radial-gradient(ellipse at 15% 15%, #fff 0, transparent 65%), #f7f8fa;
  border-top: 2px solid #a51c30;
}
.login-side {
  border-top: 2px solid #a51c30;
  background: #fff;
}
.submit {
  background: rgba(165, 28, 48, 0.035);
  color: #a51c30;
  border: 1px solid #e6a9b3;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(165, 28, 48, 0.08);
  font-weight: 600;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.submit:hover {
  background: #a51c30;
  color: white;
  box-shadow: 0 4px 12px rgba(165, 28, 48, 0.18);
}
.story-copy,
.login-card,
.economic-art {
  opacity: 1;
  animation-name: brand-arrive;
}
.journal-sidebar-mark {
  display: block;
  padding: 10px 8px;
  background: #fff;
  border-radius: 6px;
  line-height: 0;
  font-size: 0;
  letter-spacing: 0;
  box-shadow: 0 4px 14px #101e2814;
}
.editor-page .journal-sidebar-mark {
  background: #fff;
}
.editor-page .brand {
  font-size: 0;
}
.account-bar button,
.account-bar a,
.report-button {
  border-radius: 10px;
  border-color: #e6a9b3;
  background: rgba(165, 28, 48, 0.035);
  color: #a51c30;
  box-shadow: 0 2px 8px rgba(165, 28, 48, 0.06);
}
.account-bar button:hover,
.account-bar a:hover,
.report-button:hover {
  background: #a51c30;
  color: white;
}
.editor-page .edition {
  font-size: 9px;
  letter-spacing: 1.6px;
}
@keyframes brand-arrive {
  from {
    transform: translateY(9px);
  }
  to {
    transform: translateY(0);
  }
}
@media (max-width: 1000px) {
  .journal-mark {
    width: 175px;
  }
  .masthead-context {
    font-size: 8px;
  }
}
@media (max-width: 720px) {
  .journal-mark {
    width: 160px;
  }
  .journal-story {
    padding-top: 18px;
  }
  .login-side {
    border-top: 0;
  }
  .masthead {
    gap: 16px;
  }
  .journal-sidebar-mark {
    width: 145px;
    padding: 6px 8px;
  }
  .masthead-context small {
    max-width: 120px;
    line-height: 1.6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .story-copy,
  .login-card,
  .economic-art {
    animation: none;
  }
}