/* Mobile header: brand and navigation above account controls. */
@media(max-width:760px){
 header.topbar .nav{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;min-height:0 !important;padding:10px 0 !important;position:relative}
 header.topbar .brand{grid-column:1;grid-row:1;flex:none !important;overflow:visible !important;font-size:1.12rem !important;gap:8px !important}
 header.topbar .brand span{overflow:visible !important;text-overflow:clip !important;white-space:nowrap !important}
 header.topbar .nav-actions{grid-column:2;grid-row:1}
 header.topbar .pm-auth-area{grid-column:1 / -1;grid-row:2;justify-content:flex-end !important;width:100% !important}
 header.topbar .icon-btn{width:40px !important;min-width:40px !important;height:40px !important;flex-basis:40px !important;display:grid;place-items:center;padding:0 !important;line-height:1}
 header.topbar .nav-links{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:auto !important;margin:0 !important;padding:12px !important;flex-direction:column;align-items:stretch !important;gap:4px !important;border:1px solid var(--border, #727782);border-radius:14px;background:var(--bg) !important;z-index:100;box-shadow:0 12px 32px #0003}
 header.topbar .nav-links.active{display:flex !important}
 header.topbar .nav-links a{display:block;padding:12px 14px !important}
 .pm-theme-toggle{position:relative !important;display:block !important;font-size:0 !important;line-height:0 !important;padding:0 !important}
 .pm-theme-toggle::before{content:"◐" !important;position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important;line-height:1 !important;margin:0 !important;transform:none !important}
 .pm-theme-toggle::after{content:none !important;display:none !important}
}