html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline){display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;text-align:center!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header){padding:calc(24px + env(safe-area-inset-top,0px)) 16px 38px!important}
html body #app#app #content-view .v3c-hero>header{padding:calc(24px + env(safe-area-inset-top,0px)) 16px 20px!important}
html body #app#app #content-view .pp-profile .pp-header{padding:calc(24px + env(safe-area-inset-top,0px)) 16px 38px!important}
html body #app#app #content-view .pp-top{height:auto!important;min-height:44px!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline) h1{font:500 26px/1.2 Georgia,serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;text-align:center!important;overflow-wrap:anywhere}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline) p{font:400 13px/1.4 Arial,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:6px 0 0!important;text-align:center!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>:is(div,h1){min-width:0!important;text-align:center!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font:26px/1 Arial,sans-serif!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;align-self:center!important;grid-row:1!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button:first-of-type{font-size:0!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button:first-of-type>*{display:none!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button:first-of-type:before{content:""!important;display:block!important;width:12px!important;height:12px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:translate(-30%,-50%) rotate(45deg)!important;position:absolute!important;left:50%!important;top:50%!important;background:none!important;margin:0!important}
html body #app#app #content-view .vj-topline .vj-heading>img{display:none!important}
html body #app#app #content-view .vj-topline .vj-heading{display:block!important}

html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button:first-of-type{grid-column:1!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>button:last-of-type:not(:first-of-type){grid-column:3!important}
html body #app#app #content-view :is(.v3p-header:not(.pp-header),.v3t-header,.v3c-hero>header,.pp-top,.vj-topline)>:is(div,h1){grid-column:2!important;grid-row:1!important}

/* Compact course-list header, retaining the iPhone status-bar inset. */
html body #app#app #content-view .cm-page.cm-guide>.v3p-header{height:auto!important;min-height:0!important;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px!important}

/* Admin uses its own header; its whole surface must clear the phone status bar. */
html body #app#app #content-view .bnh-admin-v145{padding-top:calc(12px + env(safe-area-inset-top,0px))!important;padding-left:max(12px,env(safe-area-inset-left,0px))!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important}