/* Keep the identity centred, independent of the width of navigation controls. */
@media (max-width:600px){
 body>header{position:relative;flex-direction:column;justify-content:center;height:auto;gap:16px;padding-top:16px;padding-bottom:16px}
 body>header>.brand{align-self:center;margin-inline:auto;justify-content:center}
 body>header>.back{max-width:none;text-align:center}
 body>header>.studio-header-actions{width:100%;justify-content:center;flex-wrap:wrap}
 body>header>.journal-navigation{justify-content:center;gap:28px}
 body>header:has(>#nav){height:80px;flex-direction:row;padding-top:0;padding-bottom:0;justify-content:flex-end}
 body>header:has(>#nav)>.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;font-size:clamp(20px,6vw,25px);gap:8px}
 body>header:has(>#nav)>.brand img{width:36px;height:46px}
 body>header:has(>#nav)>.menu{position:relative;margin-left:auto;min-width:40px;min-height:44px;padding:4px}
 .wall>.brand{justify-content:center}
}
@media (max-width:600px){
 .story-opening .opening-brand{left:50%;right:auto;transform:translateX(-50%);justify-content:center;white-space:nowrap;top:max(25px,env(safe-area-inset-top));font-size:clamp(20px,6vw,25px);gap:8px}
 .story-opening .opening-brand img{width:36px;height:46px}
}