/* Keep the supplied horizontal logo, name and slogan together without cropping. */
:root{--worthary-header-height:88px}
.topbar{height:var(--worthary-header-height)}
.brand{min-height:44px;flex-shrink:0;gap:0}
.brand-logo{display:block;width:240px;max-width:100%;height:auto;flex:none}
.brand:focus-visible,.footer-brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.footer-brand{max-width:100%}
.footer-brand .footer-brand-logo{display:block;width:280px;max-width:100%;height:auto;flex:none}
body .detail-sticky-head{top:var(--worthary-header-height)}
body .detail-aside-inner{top:calc(var(--worthary-header-height) + 246px)}
body :is(.about-nav,.works-nav,.review-nav,.methodology-nav,.journal-aside){top:calc(var(--worthary-header-height) + 28px)}
body .journal-aside{max-height:calc(100dvh - var(--worthary-header-height) - 64px)}
body #app,body #app :where(h1,h2,h3,h4,[id]){scroll-margin-top:calc(var(--worthary-header-height) + 32px)}
@media(max-width:720px){:root{--worthary-header-height:128px}.nav{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.brand-logo{width:200px}.primary-nav{flex-direction:row;gap:8px;margin-left:0}.primary-nav a{min-height:44px}}