/* Royal history: the same light floating header and restrained type as the main page. */
.topbar{top:8px;isolation:isolate;width:min(calc(100% - 32px),1248px);min-height:80px;margin:8px auto 12px;border:0;border-radius:12px;background:rgba(251,248,240,.96);color:#000830;box-shadow:0 4px 16px rgba(0,8,48,.04);backdrop-filter:blur(12px)}
.topbar-inner{min-height:80px;padding:8px 16px;gap:24px}
.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;letter-spacing:0}
.topbar .back{border:1px solid #ded8cc;border-radius:8px;background:#fff;color:#000830;transition:background .3s cubic-bezier(.22,1,.36,1)}
.topbar .back:hover{background:#f3eee3;color:#000830}
.hero h1,.story-heading h2,.plans h2,.archive-heading,.timeline-title{font-family:Prata,Georgia,serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:-.025em!important;text-wrap:balance}
.hero .lead,.story-heading>p,.story-note p,.timeline-detail p,.feature figcaption,.archive-grid figcaption{font-family:Manrope,sans-serif!important;font-style:normal;text-wrap:pretty}
@media(max-width:800px){.topbar,.topbar-inner{min-height:68px}.topbar{width:calc(100% - 16px)}.topbar-inner{padding:6px 12px;gap:12px}.topbar .brand-logo{width:48px;height:48px}.history-menu summary{width:44px;height:44px;border:0;background:transparent}}
@media(prefers-reduced-motion:reduce){.topbar .back{transition:none}}