/* History masthead follows the Royal homepage's quiet floating plaque. */
.topbar { background: rgba(251,248,240,.96); color: #000830; }
.topbar .brand strong { font-family: Manrope,sans-serif; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: .11em; }
.topbar .brand small { font-family: Manrope,sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .04em; }
.topbar-inner > nav a,.topbar .back,.history-menu nav a { font-family: Manrope,sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; }
main :is(h1,h2,h3,.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,.hero-links a) { font-family: Manrope,sans-serif; font-style: normal; text-wrap: pretty; }
@media(max-width:800px) {
  .history-menu summary { width: 48px; height: 48px; }
  .history-menu nav { position: fixed; inset: 84px 8px 8px; display: flex !important; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 8px; padding: 24px; min-height: calc(100dvh - 92px); border: 1px solid #dfd8ca; border-radius: 12px; background: rgba(251,248,240,.98); box-shadow: 0 8px 24px rgba(0,8,48,.12); overflow-y: auto; overscroll-behavior: contain; }
  .history-menu nav a { min-height: 48px; padding: 12px 8px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #dfd8ca; border-radius: 0; }
  .history-menu nav a:last-child { margin-top: auto; }
  body.history-menu-open { overflow: hidden; }
}