/* Mike AI header badge — final fix.
   The three earlier stylesheets (style.css, mike-home-refinement.css,
   mike-mobile-fix.css) all hide the real "D"/"T" text inside .brand-dt
   and fake the letters with ::before/::after { content: 'D' / 'T' },
   each redefining position/size with !important. That's fragile and is
   why this badge keeps breaking even when unrelated fixes ship.
   This file kills all of that and just styles the real letters directly
   with flexbox centering — no magic-number positioning, nothing to drift
   out of sync. Loaded last in index.html so it wins outright. */
.brand-dt{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}
.brand-dt:before,.brand-dt:after{content:none!important}
.brand-dt span,.brand-dt em{
  display:inline-block!important;
  font-family:'Arial Black',Arial,sans-serif!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
.brand-dt span{font-size:30px!important;color:#fff!important}
.brand-dt em{font-size:28px!important;color:#f26b21!important;transform:translateY(1px)!important}

@media(max-width:760px){
  .brand-dt span{font-size:25px!important}
  .brand-dt em{font-size:23px!important;transform:translateY(1px)!important}
}