/* Original Illustrator horizontal logo; scoped to the top banner. */
.hdr-top .site-brand{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  min-height:40px;
  text-decoration:none;
  border-radius:4px;
}
.hdr-top .site-brand-logo{
  display:block;
  width:190px;
  height:auto;
  filter:drop-shadow(0 0 6px rgba(212,175,55,.4)) drop-shadow(0 0 12px rgba(245,158,11,.18));
}
.hdr-top .site-brand:focus-visible{
  outline:2px solid #d4af37;
  outline-offset:4px;
}
@media(max-width:400px){
  .hdr-top .site-brand-logo{width:170px}
}

@media(max-width:360px){
  .hdr-top .site-brand-logo{width:145px}
}

/* Keep scrolled content out of the iOS status-bar safe area. */
@media(max-width:900px){
  .header,.topbar{
    padding-top:env(safe-area-inset-top,0px);
  }
  .header::before,.topbar::before{
    content:"";
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1;
    height:env(safe-area-inset-top,0px);
    background:#050505;
    pointer-events:none;
  }
  body.light .header::before,body.light .topbar::before{
    background:#fffdf8;
  }
}


/* Public calculator has no desktop sidebar; keep its logo on screen. */
@media(min-width:901px){
  body.vip-public-calculator .site-header,body.calculator-guest .site-header{margin-left:-24px;margin-right:-24px}
}