.chronicle-page>header{flex-wrap:wrap;gap:12px}.chronicle-page>header .site-logo{margin-right:auto}.chronicle-page>header nav{flex-flow:wrap;gap:8px;display:flex}.chronicle-hero>div{flex-wrap:wrap}.chronicle-hero h1,.chronicle-grid h3,.chronicle-grid aside strong{overflow-wrap:anywhere}@media (max-width:700px){.chronicle-page>header nav{width:100%}.chronicle-page>header nav .realm-nav-button{flex:120px}}