/* Same floating plaque and navigation treatment as the Royal main page. */
.topbar {
  top: 8px;
  width: min(calc(100% - 32px), 1248px);
  min-height: 80px;
  margin: 8px auto 12px;
  border: 0;
  border-radius: 12px;
  background: rgba(251, 248, 240, .96);
  box-shadow: 0 4px 16px rgba(0, 8, 48, .04);
  color: #000830;
}
.topbar-inner { min-height: 80px; padding: 8px 16px; }
.topbar .brand { gap: 14px; color: #000830; }
.topbar .brand-logo { width: 48px; height: 48px; border: 0; background: #fff; }
.topbar .brand img { width: 100%; height: 100%; padding: 0; object-fit: contain; }
.topbar .brand strong { font: 700 14px/20px Manrope, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.topbar .brand small { font: 400 12px/16px Manrope, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.topbar-inner > nav a, .topbar .back, .history-menu nav a { font: 600 14px/20px Manrope, sans-serif; }
.history-menu summary { border: 0; background: transparent; }
.history-menu summary i { width: 28px; height: 2px; }
/* Prata is reserved for editorial headings; all navigation, copy and captions use Manrope. */
main :is(h1,h2,.archive-heading,.timeline-title) { font-family: Prata, Georgia, serif !important; font-style: normal !important; font-weight: 400 !important; text-wrap: balance; }
main :is(p,figcaption,time,.eyebrow) { font-family: Manrope, sans-serif; text-wrap: pretty; }
@media (max-width: 800px) {
  .topbar { width: calc(100% - 16px); min-height: 68px; margin: 8px auto 8px; }
  .topbar-inner { min-height: 68px; padding: 6px 12px; }
  .topbar .brand-logo { width: 48px; height: 48px; }
  .history-menu summary { width: 48px; height: 44px; }
}