/* MR LEE V22 — chỉ áp dụng cho logo thương hiệu chính thức. */
img.mrlee-approved-logo { width:clamp(124px,11vw,172px)!important; max-width:100%!important; height:auto!important; max-height:62px!important; object-fit:contain!important; object-position:center!important; flex-shrink:0; display:block; filter:none!important; clip-path:none!important; transform:none!important; }
a[data-mrlee-official-brand] { display:inline-flex; align-items:center; gap:9px; min-width:0; }
[data-mrlee-official-brand] > span:has(b) { display:none; }
.brandmark[data-mrlee-official-brand],.logo-symbol[data-mrlee-official-brand],.ts-brand-symbol[data-mrlee-official-brand] {width:auto!important;height:auto!important;min-width:0!important; background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px!important;border-radius:10px!important;overflow:visible!important;}
.brandmark[data-mrlee-official-brand] img,.logo-symbol[data-mrlee-official-brand] img{width:clamp(110px,11vw,165px)!important;height:auto!important;max-height:58px!important;object-fit:contain!important;}
@media(max-width:720px){img.mrlee-approved-logo{width:clamp(112px,32vw,152px)!important;max-height:54px!important}}

/* MEME mascot replaces former horizontal academic lock-up.
   Preserve its original aspect ratio in all pages loading site-logo.css. */
img.mrlee-approved-logo{width:auto!important;height:clamp(46px,5vw,62px)!important;max-height:62px!important;object-fit:contain!important;aspect-ratio:auto!important;}
a[data-mrlee-official-brand]{min-width:0!important;}


/* 2026-11-03: outline-glow on the ORIGINAL meme lettering.
   Drop shadows act only on the transparent PNG silhouette, never recolor pixels. */
img.mrlee-approved-logo,
a.brand > img[src*="logo-mrlee"],
.mrlee27-brandline > img[src*="logo-mrlee"]{
 filter:drop-shadow(0 0 1px rgba(255,255,255,.98))
        drop-shadow(0 0 4px rgba(255,255,255,.8))
        drop-shadow(0 0 8px rgba(97,216,255,.36))!important;
 image-rendering:auto!important;
}
[data-mrlee-official-brand] :is(.brand-name,.brand-title,.site-brand-name),
.mrlee27-brandline > span{
 -webkit-text-stroke:.35px rgba(255,255,255,.58);
 text-shadow:0 0 2px rgba(255,255,255,.76),0 0 9px rgba(90,207,255,.37);
}
@media(prefers-reduced-motion:reduce){
 img.mrlee-approved-logo{transition:none!important}
}